Commit 10cd3e0e authored by 程恺文's avatar 程恺文

视频组件文档更新

parent 71d3bf70
import {request} from '@wisdom-utils/utils'; import { request } from '@wisdom-utils/utils';
import * as constants from '../../constants'; import * as constants from '../../constants';
const MonitorDevice = '/PandaMonitor/Monitor/Device'; const MonitorDevice = '/PandaMonitor/Monitor/Device';
......
...@@ -22,7 +22,7 @@ const ECharts = memo( ...@@ -22,7 +22,7 @@ const ECharts = memo(
ref={ref} ref={ref}
className={classNames(prefixCls, props.className)} className={classNames(prefixCls, props.className)}
option={option} option={option}
style={{width: '100%',height:'100%'}} style={{ width: '100%', height: '100%' }}
{...chartProps} {...chartProps}
/> />
); );
......
# Change Log # Change Log
All notable changes to this project will be documented in this file. All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [1.10.1](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/@wisdom-components/basicreport@1.10.0...@wisdom-components/basicreport@1.10.1) (2023-04-12) ## [1.10.1](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/@wisdom-components/basicreport@1.10.0...@wisdom-components/basicreport@1.10.1) (2023-04-12)
**Note:** Version bump only for package @wisdom-components/basicreport **Note:** Version bump only for package @wisdom-components/basicreport
# [1.10.0](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/@wisdom-components/basicreport@1.9.3...@wisdom-components/basicreport@1.10.0) (2023-02-23) # [1.10.0](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/@wisdom-components/basicreport@1.9.3...@wisdom-components/basicreport@1.10.0) (2023-02-23)
### Features ### Features
......
...@@ -12,7 +12,7 @@ const isArray = (arr) => { ...@@ -12,7 +12,7 @@ const isArray = (arr) => {
}; };
const isFunction = (obj) => { const isFunction = (obj) => {
return Object.prototype.toString.call(obj) === '[object Function]'; return Object.prototype.toString.call(obj) === '[object Function]';
} };
const hasMoney = (configItems) => { const hasMoney = (configItems) => {
if (!configItems) return false; if (!configItems) return false;
let _items = configItems.split('|'); let _items = configItems.split('|');
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
* @Author: hongmye * @Author: hongmye
* @Date: 2023-02-08 16:03:42 * @Date: 2023-02-08 16:03:42
--> -->
# `@wisdom-components/dataCarousel` # `@wisdom-components/dataCarousel`
> TODO: description > TODO: description
......
...@@ -11,8 +11,6 @@ group: ...@@ -11,8 +11,6 @@ group:
列表数据多行轮播滚动,会跟据容器高度和行高及间隔计算每页最大数量。鼠标悬浮停止轮播 列表数据多行轮播滚动,会跟据容器高度和行高及间隔计算每页最大数量。鼠标悬浮停止轮播
## 代码演示 ## 代码演示
<code src="./demos/Basic.tsx"> <code src="./demos/Basic.tsx">
...@@ -20,11 +18,11 @@ group: ...@@ -20,11 +18,11 @@ group:
## API ## API
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ---------- | -------------------------------- | --------- | ------ |
| renderItem | 自定义渲染每项内容(必传) | ReactNode | - | | renderItem | 自定义渲染每项内容(必传) | ReactNode | - |
| itemHeight | 每行行高, | number | 40 | | itemHeight | 每行行高, | number | 40 |
| list | 数据源 | array | [] | | list | 数据源 | array | [] |
| gap | 每项间隔(每页最后一项没有) | array | [] | | gap | 每项间隔(每页最后一项没有) | array | [] |
| renderGap | 自定义间隔样式 | ReactNode | null | | renderGap | 自定义间隔样式 | ReactNode | null |
| autoplay | 轮播时间,单位ms,传0则不轮播 | number | 3000 | | autoplay | 轮播时间,单位 ms,传 0 则不轮播 | number | 3000 |
| config | swiper参数 | object | {} | | config | swiper 参数 | object | {} |
\ No newline at end of file
.list_item { .list_item {
height: 40px;
line-height: 1;
background: rgba(255, 0, 0, 0.5);
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
height: 40px;
padding: 0 10px; padding: 0 10px;
line-height: 1;
background: rgba(255, 0, 0, 0.5);
} }
@root-entry-name: 'default'; @root-entry-name: 'default';
@import '~antd/es/style/themes/index.less'; @import '~antd/es/style/themes/index.less';
.dataCarousel { .dataCarousel {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -15,8 +14,8 @@ ...@@ -15,8 +14,8 @@
.dataCarousel { .dataCarousel {
:global { :global {
.swiper-container { .swiper-container {
height: 100%;
width: 100%; width: 100%;
height: 100%;
} }
} }
} }
# Change Log # Change Log
All notable changes to this project will be documented in this file. All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [1.3.7](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/parseform@1.3.6...parseform@1.3.7) (2023-04-12) ## [1.3.7](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/parseform@1.3.6...parseform@1.3.7) (2023-04-12)
**Note:** Version bump only for package parseform **Note:** Version bump only for package parseform
## [1.3.6](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/parseform@1.3.5...parseform@1.3.6) (2023-02-09) ## [1.3.6](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/compare/parseform@1.3.5...parseform@1.3.6) (2023-02-09)
### Bug Fixes ### Bug Fixes
......
...@@ -32,13 +32,13 @@ group: ...@@ -32,13 +32,13 @@ group:
| onChange | 内容改变回调 | | onChange | 内容改变回调 |
| onChangeFile | 文件改变回调(没有,则工具栏上不显示上传附件按钮) | | onChangeFile | 文件改变回调(没有,则工具栏上不显示上传附件按钮) |
## ref事件 ## ref 事件
| 名称 | 描述 | | 名称 | 描述 |
| ------------ | -------------------------------------------------- | | ------- | ------------------------ |
| setHtml | 设置内容 | | setHtml | 设置内容 |
| onClear | 清除内容 | | onClear | 清除内容 |
| getHtml | 获取html字符串 | | getHtml | 获取 html 字符串 |
| getText | 获取纯内容(不包含标签) | | getText | 获取纯内容(不包含标签) |
## API ## API
......
@import '~antd/es/style/themes/default.less'; @import '~antd/es/style/themes/default.less';
// @import '~antd/es/image/style/index.less'; // @import '~antd/es/image/style/index.less';
.RichText { .RichText {
width: 100%;
height: auto;
min-height: 200px;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%;
height: auto;
min-height: 200px;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 2px; border-radius: 2px;
.loadingWrap { .loadingWrap {
width: 100%;
height: 100%;
position: absolute; position: absolute;
top: 0;
left: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
top: 0; width: 100%;
left: 0; height: 100%;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
} }
...@@ -26,25 +26,25 @@ ...@@ -26,25 +26,25 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
display: none;
background: #fff;
max-height: 250px; max-height: 250px;
overflow-y: scroll; overflow-y: scroll;
display: none;
background: #fff;
} }
.selectList{ .selectList {
border: 1px solid #efefef; border: 1px solid #efefef;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16), 0 0; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16), 0 0;
} }
.selectList .selectItem:hover { .selectList .selectItem:hover {
background: #1685FF;
color: #fff; color: #fff;
background: #1685ff;
cursor: pointer; cursor: pointer;
} }
.selectList .selectActiveItem { .selectList .selectActiveItem {
background: #1685FF;
color: #fff; color: #fff;
background: #1685ff;
} }
.selectItem { .selectItem {
...@@ -58,7 +58,6 @@ ...@@ -58,7 +58,6 @@
ul li { ul li {
list-style: disc !important; list-style: disc !important;
} }
} }
.RichTextFileList { .RichTextFileList {
...@@ -74,7 +73,7 @@ ...@@ -74,7 +73,7 @@
width: 20px; width: 20px;
height: 22px; height: 22px;
>img { > img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
...@@ -85,15 +84,14 @@ ...@@ -85,15 +84,14 @@
} }
} }
} }
} }
.RichTextContainer { .RichTextContainer {
background-color: #fff;
color: #000000d9;
position: relative; position: relative;
overflow-y: scroll;
flex: 1; flex: 1;
overflow-y: scroll;
color: #000000d9;
background-color: #fff;
pre { pre {
white-space: pre-wrap; white-space: pre-wrap;
...@@ -101,12 +99,10 @@ ...@@ -101,12 +99,10 @@
} }
} }
.RichTextToolbar { .RichTextToolbar {
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
// height: 0; // height: 0;
// overflow: hidden; // overflow: hidden;
} }
.RichTextShow img { .RichTextShow img {
...@@ -114,17 +110,17 @@ ...@@ -114,17 +110,17 @@
} }
.RichTextShow span[data-type='person'] { .RichTextShow span[data-type='person'] {
font-weight: bold;
color: #44acb6 !important; color: #44acb6 !important;
font-weight: bold;
} }
:global { :global {
#RichTextContainer span[data-type='person'] { #RichTextContainer span[data-type='person'] {
font-weight: bold;
color: #44acb6 !important; color: #44acb6 !important;
font-weight: bold;
} }
.w-e-menu[data-title="图片"] { .w-e-menu[data-title='图片'] {
display: none; display: none;
} }
...@@ -134,9 +130,9 @@ ...@@ -134,9 +130,9 @@
} }
#RichTextContainer .RichText-image-img { #RichTextContainer .RichText-image-img {
max-width: calc(100% - 20px);
display: inline-block; display: inline-block;
width: auto; width: auto;
max-width: calc(100% - 20px);
height: auto; height: auto;
} }
...@@ -149,27 +145,27 @@ ...@@ -149,27 +145,27 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #fff; color: #fff;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
cursor: pointer; cursor: pointer;
opacity: 0; opacity: 0;
transition: opacity 0.3s; transition: opacity 0.3s;
padding: 0;
margin: 0;
box-sizing: border-box;
} }
.RichText-image-mask-info { .RichText-image-mask-info {
padding: 0;
margin: 0;
box-sizing: border-box; box-sizing: border-box;
margin: 0;
padding: 0;
overflow: hidden; overflow: hidden;
color: #fff;
font-size: 20px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
cursor: pointer; cursor: pointer;
color: #fff;
font-size: 20px;
} }
.RichText-image-mask-info .anticon { .RichText-image-mask-info .anticon {
...@@ -185,26 +181,25 @@ ...@@ -185,26 +181,25 @@
} }
.r-t-add-file { .r-t-add-file {
box-sizing: border-box;
margin: 0;
padding: 0;
color: #999; color: #999;
font-weight: normal;
font-family: 'w-e-icon' !important; font-family: 'w-e-icon' !important;
speak: none;
font-style: normal; font-style: normal;
font-weight: normal;
font-variant: normal; font-variant: normal;
text-transform: none;
line-height: 1; line-height: 1;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
padding: 0;
margin: 0;
box-sizing: border-box;
} }
.r-t-add-file:before { .r-t-add-file:before {
content: "\e9cb"; content: '\e9cb';
} }
.@{ant-prefix}-image-error { .@{ant-prefix}-image-error {
display: block; display: block;
} }
} }
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment