cloud-b2b 1.0.7 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Indent/package.json +6 -6
- package/es/SuperForm2/SuperForm.js +21 -21
- package/es/SuperForm2/SuperForm.less +52 -52
- package/es/SuperForm2/package.json +6 -6
- package/es/SuperTab/SuperTab.js +8 -8
- package/es/SuperTab/SuperTab.less +43 -43
- package/es/SuperTab/package.json +6 -6
- package/es/SuperTab2/SuperTab2.js +7 -7
- package/es/SuperTab2/SuperTab2.less +18 -18
- package/es/SuperTab2/package.json +6 -6
- package/es/SuperTable2/SuperTable2.js +17 -14
- package/es/SuperTable2/SuperTable2.less +25 -7
- package/es/SuperTable3/FilterDropDown.less +29 -29
- package/es/SuperTable3/SuperTable.js +24 -24
- package/es/SuperTable3/SuperTable.less +99 -99
- package/es/SuperTable3/package.json +6 -6
- package/es/WingBlank/WingBlank.js +1 -1
- package/es/style.less +1 -1
- package/lib/Indent/package.json +6 -6
- package/lib/SuperForm2/SuperForm.js +21 -21
- package/lib/SuperForm2/SuperForm.less +52 -52
- package/lib/SuperForm2/package.json +6 -6
- package/lib/SuperTab/SuperTab.js +8 -8
- package/lib/SuperTab/SuperTab.less +43 -43
- package/lib/SuperTab/package.json +6 -6
- package/lib/SuperTab2/SuperTab2.js +7 -7
- package/lib/SuperTab2/SuperTab2.less +18 -18
- package/lib/SuperTab2/package.json +6 -6
- package/lib/SuperTable2/SuperTable2.js +17 -14
- package/lib/SuperTable2/SuperTable2.less +25 -7
- package/lib/SuperTable3/FilterDropDown.less +29 -29
- package/lib/SuperTable3/SuperTable.js +24 -24
- package/lib/SuperTable3/SuperTable.less +99 -99
- package/lib/SuperTable3/package.json +6 -6
- package/lib/WingBlank/WingBlank.js +1 -1
- package/lib/style.less +1 -1
- package/package.json +1 -1
package/es/Indent/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "Indent",
|
|
3
|
-
"version": "0.0.0",
|
|
4
|
-
"private": true,
|
|
5
|
-
"main": "./Indent.js"
|
|
6
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "Indent",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"main": "./Indent.js"
|
|
6
|
+
}
|
|
@@ -46,15 +46,15 @@ var FormItem = _Form.Item;
|
|
|
46
46
|
var defaultSize = 'small';
|
|
47
47
|
var defaultColNum = 4;
|
|
48
48
|
var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg'];
|
|
49
|
-
/**
|
|
50
|
-
* key:[必须],用于唯一标识该Form下的一个表单元素
|
|
51
|
-
* title:[必须],表单元素的标签
|
|
52
|
-
* type:[必须],表单元素类型
|
|
53
|
-
* required: [可选],是否为必填项
|
|
54
|
-
* options: [可选],对象数组(type为readonly,radio,search, searchText,select, selectText时有效)
|
|
55
|
-
* span: [可选],占据的列数,默认为1
|
|
56
|
-
* showAdd: [可选],是否显示+号,点击+号会触发onAdd事件,默认为false
|
|
57
|
-
* rule: [可选],用于设置校验规则
|
|
49
|
+
/**
|
|
50
|
+
* key:[必须],用于唯一标识该Form下的一个表单元素
|
|
51
|
+
* title:[必须],表单元素的标签
|
|
52
|
+
* type:[必须],表单元素类型
|
|
53
|
+
* required: [可选],是否为必填项
|
|
54
|
+
* options: [可选],对象数组(type为readonly,radio,search, searchText,select, selectText时有效)
|
|
55
|
+
* span: [可选],占据的列数,默认为1
|
|
56
|
+
* showAdd: [可选],是否显示+号,点击+号会触发onAdd事件,默认为false
|
|
57
|
+
* rule: [可选],用于设置校验规则
|
|
58
58
|
*/
|
|
59
59
|
|
|
60
60
|
var ControlType = {
|
|
@@ -122,18 +122,18 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
|
|
|
122
122
|
|
|
123
123
|
return Controlled;
|
|
124
124
|
}(React.Component);
|
|
125
|
-
/**
|
|
126
|
-
* colNum:[可选],表单的列数,默认为4
|
|
127
|
-
* readonly: [可选],为true时,所有表单元素都是只读的; 为字符串数组时,用于指定key的表单元素是只读的
|
|
128
|
-
* hideControls: [可选],指定key的表单元素被隐藏
|
|
129
|
-
* options: [可选],键值对,值与ControlType中options作用相同,但优先级更高
|
|
130
|
-
* onChange:内容改变时触发,原型为func(key, value)
|
|
131
|
-
* onSearch:搜索框中用户输入时触发,原型为func(key, title, control)
|
|
132
|
-
* onAdd: 点击+号时触发,原型为func(key)
|
|
133
|
-
* checkable:是否显示checkbox选择框
|
|
134
|
-
* onOpenChange:控制日期框显示隐藏回调func(key, open)
|
|
135
|
-
* onAreaSearch:联级选择器触发,原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
|
|
136
|
-
* OnFileChange:上传组件触发,原型为func(key,{fileList, fileDeleteList})
|
|
125
|
+
/**
|
|
126
|
+
* colNum:[可选],表单的列数,默认为4
|
|
127
|
+
* readonly: [可选],为true时,所有表单元素都是只读的; 为字符串数组时,用于指定key的表单元素是只读的
|
|
128
|
+
* hideControls: [可选],指定key的表单元素被隐藏
|
|
129
|
+
* options: [可选],键值对,值与ControlType中options作用相同,但优先级更高
|
|
130
|
+
* onChange:内容改变时触发,原型为func(key, value)
|
|
131
|
+
* onSearch:搜索框中用户输入时触发,原型为func(key, title, control)
|
|
132
|
+
* onAdd: 点击+号时触发,原型为func(key)
|
|
133
|
+
* checkable:是否显示checkbox选择框
|
|
134
|
+
* onOpenChange:控制日期框显示隐藏回调func(key, open)
|
|
135
|
+
* onAreaSearch:联级选择器触发,原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
|
|
136
|
+
* OnFileChange:上传组件触发,原型为func(key,{fileList, fileDeleteList})
|
|
137
137
|
*/
|
|
138
138
|
|
|
139
139
|
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
@import '../variables.less';
|
|
2
|
-
|
|
3
|
-
.@{cloudlink-prefix}-SuperForm2 {
|
|
4
|
-
position: relative;
|
|
5
|
-
|
|
6
|
-
> form {
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
|
|
9
|
-
> div {
|
|
10
|
-
margin-bottom: -6px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
[role='add'] {
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
margin-left: 4px;
|
|
16
|
-
color: @primary-color;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
:global(.ant-form-item-label) {
|
|
20
|
-
line-height: 16px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
:global(.ant-form-item-control) > span > textArea {
|
|
24
|
-
min-height: 22px !important;
|
|
25
|
-
margin-bottom: 0 !important;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
:global(.ant-form-item-control) input,
|
|
29
|
-
:global(.ant-calendar-picker),
|
|
30
|
-
:global(.ant-select) {
|
|
31
|
-
display: block;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:global(.ant-select-selection--multiple) {
|
|
35
|
-
border-top-width: 1px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:global(.ant-radio-group-small) {
|
|
39
|
-
display: block;
|
|
40
|
-
height: @input-height-sm;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.checkbox {
|
|
44
|
-
position: absolute;
|
|
45
|
-
top:15px;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.formItemWithCheckbox{
|
|
49
|
-
margin-left: 20px;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
1
|
+
@import '../variables.less';
|
|
2
|
+
|
|
3
|
+
.@{cloudlink-prefix}-SuperForm2 {
|
|
4
|
+
position: relative;
|
|
5
|
+
|
|
6
|
+
> form {
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
|
|
9
|
+
> div {
|
|
10
|
+
margin-bottom: -6px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
[role='add'] {
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
margin-left: 4px;
|
|
16
|
+
color: @primary-color;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:global(.ant-form-item-label) {
|
|
20
|
+
line-height: 16px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:global(.ant-form-item-control) > span > textArea {
|
|
24
|
+
min-height: 22px !important;
|
|
25
|
+
margin-bottom: 0 !important;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
:global(.ant-form-item-control) input,
|
|
29
|
+
:global(.ant-calendar-picker),
|
|
30
|
+
:global(.ant-select) {
|
|
31
|
+
display: block;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:global(.ant-select-selection--multiple) {
|
|
35
|
+
border-top-width: 1px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
:global(.ant-radio-group-small) {
|
|
39
|
+
display: block;
|
|
40
|
+
height: @input-height-sm;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.checkbox {
|
|
44
|
+
position: absolute;
|
|
45
|
+
top:15px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.formItemWithCheckbox{
|
|
49
|
+
margin-left: 20px;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "SuperForm2",
|
|
3
|
-
"version": "0.0.0",
|
|
4
|
-
"private": true,
|
|
5
|
-
"main": "./SuperForm.js"
|
|
6
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "SuperForm2",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"main": "./SuperForm.js"
|
|
6
|
+
}
|
package/es/SuperTab/SuperTab.js
CHANGED
|
@@ -18,10 +18,10 @@ import React from 'react';
|
|
|
18
18
|
import PropTypes from 'prop-types';
|
|
19
19
|
import variables from '../variables';
|
|
20
20
|
var TabPane = _Tabs.TabPane;
|
|
21
|
-
/**
|
|
22
|
-
* key: 唯一标识一个tab
|
|
23
|
-
* title: 显示在tab上的标题
|
|
24
|
-
* close: 为true则显示关闭按钮,默认为true
|
|
21
|
+
/**
|
|
22
|
+
* key: 唯一标识一个tab
|
|
23
|
+
* title: 显示在tab上的标题
|
|
24
|
+
* close: 为true则显示关闭按钮,默认为true
|
|
25
25
|
*/
|
|
26
26
|
|
|
27
27
|
var TabType = {
|
|
@@ -29,10 +29,10 @@ var TabType = {
|
|
|
29
29
|
title: PropTypes.string.isRequired,
|
|
30
30
|
close: PropTypes.bool
|
|
31
31
|
};
|
|
32
|
-
/**
|
|
33
|
-
* activeKey: 处于活动状态tab的key值
|
|
34
|
-
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
35
|
-
* onTabClose: 关闭选项卡时触发,原型为funtion(key)
|
|
32
|
+
/**
|
|
33
|
+
* activeKey: 处于活动状态tab的key值
|
|
34
|
+
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
35
|
+
* onTabClose: 关闭选项卡时触发,原型为funtion(key)
|
|
36
36
|
*/
|
|
37
37
|
|
|
38
38
|
var SuperTab = /*#__PURE__*/function (_React$Component) {
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
@import '../variables.less';
|
|
2
|
-
|
|
3
|
-
.@{cloudlink-prefix}-SuperTab {
|
|
4
|
-
:global {
|
|
5
|
-
.ant-tabs-bar {
|
|
6
|
-
margin-bottom: 0;
|
|
7
|
-
border-color: @brand-primary;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.ant-tabs-nav-container {
|
|
11
|
-
font-size: @font-size-base;
|
|
12
|
-
line-height: 16px;
|
|
13
|
-
height: 27px !important;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.ant-tabs-tab {
|
|
17
|
-
background: @background-color !important;
|
|
18
|
-
line-height: 25px !important;
|
|
19
|
-
|
|
20
|
-
.ant-tabs-close-x {
|
|
21
|
-
width: 14px !important;
|
|
22
|
-
height: 14px !important;
|
|
23
|
-
color: #333 !important;
|
|
24
|
-
margin-left: 0 !important;
|
|
25
|
-
padding-top: 1px;
|
|
26
|
-
vertical-align: -3px !important;
|
|
27
|
-
|
|
28
|
-
&:hover {
|
|
29
|
-
background: #d5d5d8;
|
|
30
|
-
border-radius: 50% !important;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
> svg {
|
|
34
|
-
transform: scale(0.7);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.ant-tabs-tab-active {
|
|
40
|
-
border-color: @brand-primary !important;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
1
|
+
@import '../variables.less';
|
|
2
|
+
|
|
3
|
+
.@{cloudlink-prefix}-SuperTab {
|
|
4
|
+
:global {
|
|
5
|
+
.ant-tabs-bar {
|
|
6
|
+
margin-bottom: 0;
|
|
7
|
+
border-color: @brand-primary;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ant-tabs-nav-container {
|
|
11
|
+
font-size: @font-size-base;
|
|
12
|
+
line-height: 16px;
|
|
13
|
+
height: 27px !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ant-tabs-tab {
|
|
17
|
+
background: @background-color !important;
|
|
18
|
+
line-height: 25px !important;
|
|
19
|
+
|
|
20
|
+
.ant-tabs-close-x {
|
|
21
|
+
width: 14px !important;
|
|
22
|
+
height: 14px !important;
|
|
23
|
+
color: #333 !important;
|
|
24
|
+
margin-left: 0 !important;
|
|
25
|
+
padding-top: 1px;
|
|
26
|
+
vertical-align: -3px !important;
|
|
27
|
+
|
|
28
|
+
&:hover {
|
|
29
|
+
background: #d5d5d8;
|
|
30
|
+
border-radius: 50% !important;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
> svg {
|
|
34
|
+
transform: scale(0.7);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ant-tabs-tab-active {
|
|
40
|
+
border-color: @brand-primary !important;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
package/es/SuperTab/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "SuperTab",
|
|
3
|
-
"version": "0.0.0",
|
|
4
|
-
"private": true,
|
|
5
|
-
"main": "./SuperTab.js"
|
|
6
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "SuperTab",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"main": "./SuperTab.js"
|
|
6
|
+
}
|
|
@@ -25,19 +25,19 @@ import ReactDOM from 'react-dom';
|
|
|
25
25
|
import variables from '../variables';
|
|
26
26
|
var TabPane = _Tabs.TabPane;
|
|
27
27
|
var MenuItem = _Menu.Item;
|
|
28
|
-
/**
|
|
29
|
-
* key: 唯一标识一个tab
|
|
30
|
-
* title: 显示在tab上的标题
|
|
28
|
+
/**
|
|
29
|
+
* key: 唯一标识一个tab
|
|
30
|
+
* title: 显示在tab上的标题
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
33
|
var TabType = {
|
|
34
34
|
key: PropTypes.string.isRequired,
|
|
35
35
|
title: PropTypes.string.isRequired
|
|
36
36
|
};
|
|
37
|
-
/**
|
|
38
|
-
* activeKey: 处于活动状态tab的key值
|
|
39
|
-
* menu: 是否需要右侧下拉列表,默认false
|
|
40
|
-
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
37
|
+
/**
|
|
38
|
+
* activeKey: 处于活动状态tab的key值
|
|
39
|
+
* menu: 是否需要右侧下拉列表,默认false
|
|
40
|
+
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
41
41
|
*/
|
|
42
42
|
|
|
43
43
|
var SuperTab2 = /*#__PURE__*/function (_React$Component) {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
@import '../variables.less';
|
|
2
|
-
|
|
3
|
-
.@{cloudlink-prefix}-SuperTab2 {
|
|
4
|
-
:global(.ant-tabs-bar) {
|
|
5
|
-
margin-bottom: 0;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
:global(.ant-tabs-nav-container) {
|
|
9
|
-
font-size: @font-size-base;
|
|
10
|
-
line-height: 16px;
|
|
11
|
-
height: 32px !important;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
:global(.ant-tabs-tab) {
|
|
15
|
-
padding: 8px 6px;
|
|
16
|
-
margin-right: 4px;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
1
|
+
@import '../variables.less';
|
|
2
|
+
|
|
3
|
+
.@{cloudlink-prefix}-SuperTab2 {
|
|
4
|
+
:global(.ant-tabs-bar) {
|
|
5
|
+
margin-bottom: 0;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
:global(.ant-tabs-nav-container) {
|
|
9
|
+
font-size: @font-size-base;
|
|
10
|
+
line-height: 16px;
|
|
11
|
+
height: 32px !important;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:global(.ant-tabs-tab) {
|
|
15
|
+
padding: 8px 6px;
|
|
16
|
+
margin-right: 4px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "SuperTab2",
|
|
3
|
-
"version": "0.0.0",
|
|
4
|
-
"private": true,
|
|
5
|
-
"main": "./SuperTab2.js"
|
|
6
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "SuperTab2",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": true,
|
|
5
|
+
"main": "./SuperTab2.js"
|
|
6
|
+
}
|
|
@@ -26,13 +26,13 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
|
|
|
26
26
|
|
|
27
27
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
28
28
|
|
|
29
|
-
function _unsupportedIterableToArray(o, minLen) { var
|
|
29
|
+
function _unsupportedIterableToArray(o, minLen) { var _context13; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context13 = Object.prototype.toString.call(o)).call(_context13, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
30
30
|
|
|
31
31
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
32
32
|
|
|
33
33
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
34
34
|
|
|
35
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
35
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context11, _context12; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context11 = ownKeys(Object(source), !0)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context12 = ownKeys(Object(source))).call(_context12, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
36
36
|
|
|
37
37
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
38
38
|
import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
|
|
@@ -361,7 +361,7 @@ var SuperTable2 = /*#__PURE__*/function (_React$Component) {
|
|
|
361
361
|
|
|
362
362
|
_defineProperty(_assertThisInitialized(_this), "getCellRender", function (col) {
|
|
363
363
|
return function (value, record, index) {
|
|
364
|
-
var _context3, _context4, _context5;
|
|
364
|
+
var _context3, _context4, _context5, _context6;
|
|
365
365
|
|
|
366
366
|
var realType = record._isEdit === true && _this.canReadonly(col.type) ? col.editType : col.type;
|
|
367
367
|
|
|
@@ -424,9 +424,12 @@ var SuperTable2 = /*#__PURE__*/function (_React$Component) {
|
|
|
424
424
|
return _this.props.callback.onRenderCustom(record.key, col.key, value, col.props);
|
|
425
425
|
|
|
426
426
|
case 'toolbar':
|
|
427
|
+
//showByKey为true时,每条数据中与按钮key相同的属性值决定按钮是否显示,建议key用下划线开始命名,避免与后台数据冲突
|
|
427
428
|
var props = {
|
|
428
429
|
onClick: _this.props.callback.onToolbar ? _bindInstanceProperty(_context4 = _this.props.callback.onToolbar).call(_context4, null, col.key, record.key, record) : undefined,
|
|
429
|
-
buttons: _filterInstanceProperty(_context5 = col.props.buttons).call(_context5, function (item) {
|
|
430
|
+
buttons: col.props.showByKey ? _filterInstanceProperty(_context5 = col.props.buttons).call(_context5, function (item) {
|
|
431
|
+
return record[item.key] === true;
|
|
432
|
+
}) : _filterInstanceProperty(_context6 = col.props.buttons).call(_context6, function (item) {
|
|
430
433
|
return item.defaultShow === !record._isEdit;
|
|
431
434
|
})
|
|
432
435
|
};
|
|
@@ -527,18 +530,18 @@ var SuperTable2 = /*#__PURE__*/function (_React$Component) {
|
|
|
527
530
|
});
|
|
528
531
|
|
|
529
532
|
_defineProperty(_assertThisInitialized(_this), "canReadonly", function (type) {
|
|
530
|
-
var
|
|
533
|
+
var _context7;
|
|
531
534
|
|
|
532
|
-
return !_includesInstanceProperty(
|
|
535
|
+
return !_includesInstanceProperty(_context7 = ['index', 'checkbox', 'link', 'button', 'switch', 'custom', 'img', 'toolbar']).call(_context7, type);
|
|
533
536
|
});
|
|
534
537
|
|
|
535
538
|
_defineProperty(_assertThisInitialized(_this), "getColumns", function (cols) {
|
|
536
|
-
var
|
|
539
|
+
var _context8;
|
|
537
540
|
|
|
538
541
|
var readonly = _this.props.readonly;
|
|
539
|
-
return _mapInstanceProperty(
|
|
542
|
+
return _mapInstanceProperty(_context8 = _filterInstanceProperty(cols).call(cols, function (col) {
|
|
540
543
|
return !col.hide;
|
|
541
|
-
})).call(
|
|
544
|
+
})).call(_context8, function (_ref11, index) {
|
|
542
545
|
var col = _extends({}, _ref11);
|
|
543
546
|
|
|
544
547
|
col.className = _this.getColumnClassName(col);
|
|
@@ -566,13 +569,13 @@ var SuperTable2 = /*#__PURE__*/function (_React$Component) {
|
|
|
566
569
|
_defineProperty(_assertThisInitialized(_this), "getDataSource", function (items, cols) {
|
|
567
570
|
return _mapInstanceProperty(items).call(items, function (item, index) {
|
|
568
571
|
return _reduceInstanceProperty(cols).call(cols, function (result, _ref12) {
|
|
569
|
-
var
|
|
572
|
+
var _context9;
|
|
570
573
|
|
|
571
574
|
var key = _ref12.key,
|
|
572
575
|
type = _ref12.type,
|
|
573
576
|
options = _ref12.options;
|
|
574
577
|
|
|
575
|
-
if (!_this.props.readonly && type && type !== 'readonly' && (!item.isReadonly || _Array$isArray(item.isReadonly) && !_includesInstanceProperty(
|
|
578
|
+
if (!_this.props.readonly && type && type !== 'readonly' && (!item.isReadonly || _Array$isArray(item.isReadonly) && !_includesInstanceProperty(_context9 = item.isReadonly).call(_context9, key))) {
|
|
576
579
|
result[key] = item[key];
|
|
577
580
|
} else {
|
|
578
581
|
result[key] = getTitle(item[key], options);
|
|
@@ -606,7 +609,7 @@ var SuperTable2 = /*#__PURE__*/function (_React$Component) {
|
|
|
606
609
|
});
|
|
607
610
|
|
|
608
611
|
_defineProperty(_assertThisInitialized(_this), "getProps", function () {
|
|
609
|
-
var
|
|
612
|
+
var _context10;
|
|
610
613
|
|
|
611
614
|
var _this$props3 = _this.props,
|
|
612
615
|
cols = _this$props3.cols,
|
|
@@ -621,9 +624,9 @@ var SuperTable2 = /*#__PURE__*/function (_React$Component) {
|
|
|
621
624
|
isEmphasized = _this$props3$isEmphas === void 0 ? false : _this$props3$isEmphas,
|
|
622
625
|
maxHeight = _this$props3.maxHeight;
|
|
623
626
|
|
|
624
|
-
var widthX = _reduceInstanceProperty(
|
|
627
|
+
var widthX = _reduceInstanceProperty(_context10 = _filterInstanceProperty(cols).call(cols, function (col) {
|
|
625
628
|
return !col.hide;
|
|
626
|
-
})).call(
|
|
629
|
+
})).call(_context10, function (width, item) {
|
|
627
630
|
return width += item.width ? item.width : 120;
|
|
628
631
|
}, 0);
|
|
629
632
|
|
|
@@ -26,6 +26,22 @@
|
|
|
26
26
|
background: #2CBB45!important;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
:global(.ant-table-fixed){
|
|
30
|
+
width: 100% !important;
|
|
31
|
+
}
|
|
32
|
+
:global(.ant-table-tbody){
|
|
33
|
+
width: 100% !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
:global(.ant-table-thead){
|
|
37
|
+
-moz-transform: none !important;
|
|
38
|
+
-webkit-transform: none !important;
|
|
39
|
+
-o-transform: none !important;
|
|
40
|
+
-ms-transform: none !important;
|
|
41
|
+
transform: none !important;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
|
|
29
45
|
th [role='add'] {
|
|
30
46
|
color: @primary-color;
|
|
31
47
|
margin-left: 4px;
|
|
@@ -89,12 +105,14 @@
|
|
|
89
105
|
}
|
|
90
106
|
}
|
|
91
107
|
}
|
|
92
|
-
}
|
|
93
108
|
|
|
94
|
-
.weakenedSelectRow{
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
|
|
109
|
+
.weakenedSelectRow{
|
|
110
|
+
background-color: @table-row-hover-bg;
|
|
111
|
+
color :#999;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.weakenedUnselectRow{
|
|
115
|
+
color :#999;
|
|
116
|
+
}
|
|
100
117
|
}
|
|
118
|
+
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
@import '../variables.less';
|
|
2
|
-
|
|
3
|
-
.@{cloudlink-prefix}-SuperTable3-FilterDropDown {
|
|
4
|
-
background: white;
|
|
5
|
-
padding: @padding-vertical @padding-horizontal;
|
|
6
|
-
border-radius: @border-radius-base;
|
|
7
|
-
border: 1px solid #d9d9d9;
|
|
8
|
-
|
|
9
|
-
> :first-child {
|
|
10
|
-
width: 135px;
|
|
11
|
-
margin-right: 10px;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.date{
|
|
15
|
-
background: white;
|
|
16
|
-
padding: @padding-vertical @padding-horizontal;
|
|
17
|
-
border-radius: @border-radius-base;
|
|
18
|
-
border: 1px solid #d9d9d9;
|
|
19
|
-
|
|
20
|
-
> :first-child > div {
|
|
21
|
-
display: inline-block;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
> :last-child {
|
|
25
|
-
text-align: right;
|
|
26
|
-
margin-top: 5px;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
1
|
+
@import '../variables.less';
|
|
2
|
+
|
|
3
|
+
.@{cloudlink-prefix}-SuperTable3-FilterDropDown {
|
|
4
|
+
background: white;
|
|
5
|
+
padding: @padding-vertical @padding-horizontal;
|
|
6
|
+
border-radius: @border-radius-base;
|
|
7
|
+
border: 1px solid #d9d9d9;
|
|
8
|
+
|
|
9
|
+
> :first-child {
|
|
10
|
+
width: 135px;
|
|
11
|
+
margin-right: 10px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.date{
|
|
15
|
+
background: white;
|
|
16
|
+
padding: @padding-vertical @padding-horizontal;
|
|
17
|
+
border-radius: @border-radius-base;
|
|
18
|
+
border: 1px solid #d9d9d9;
|
|
19
|
+
|
|
20
|
+
> :first-child > div {
|
|
21
|
+
display: inline-block;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
> :last-child {
|
|
25
|
+
text-align: right;
|
|
26
|
+
margin-top: 5px;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|