cloud-b2b 1.0.6 → 1.0.9
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/Indent.js +23 -0
- package/es/Indent/package.json +6 -0
- 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/SuperTable/DragSortRow.less +1 -1
- package/es/SuperTable2/SuperTable2.less +25 -7
- package/es/SuperTable3/FilterDropDown.js +188 -0
- package/es/SuperTable3/FilterDropDown.less +29 -0
- package/es/SuperTable3/SuperTable.js +783 -0
- package/es/SuperTable3/SuperTable.less +99 -0
- package/es/SuperTable3/fixed.js +42 -0
- package/es/SuperTable3/package.json +6 -0
- package/es/WingBlank/WingBlank.js +1 -1
- package/es/index.js +8 -2
- package/es/style.less +10 -3
- package/lib/Indent/Indent.js +38 -0
- package/lib/Indent/package.json +6 -0
- 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/SuperTable/DragSortRow.less +1 -1
- package/lib/SuperTable2/SuperTable2.less +25 -7
- package/lib/SuperTable3/FilterDropDown.js +205 -0
- package/lib/SuperTable3/FilterDropDown.less +29 -0
- package/lib/SuperTable3/SuperTable.js +787 -0
- package/lib/SuperTable3/SuperTable.less +99 -0
- package/lib/SuperTable3/fixed.js +55 -0
- package/lib/SuperTable3/package.json +6 -0
- package/lib/WingBlank/WingBlank.js +1 -1
- package/lib/index.js +67 -8
- package/lib/index.less +2 -1
- package/lib/style.less +10 -3
- package/package.json +1 -1
- package/es/HomeHeader/Header.js +0 -75
- package/es/HomeHeader/Header.less +0 -73
- package/es/HomeHeader/package.json +0 -6
- package/lib/HomeHeader/Header.js +0 -95
- package/lib/HomeHeader/Header.less +0 -73
- package/lib/HomeHeader/package.json +0 -6
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
@import '../variables.less';
|
|
2
|
+
|
|
3
|
+
.root {
|
|
4
|
+
border-spacing: 0;
|
|
5
|
+
cursor: default;
|
|
6
|
+
|
|
7
|
+
table {
|
|
8
|
+
white-space: pre;
|
|
9
|
+
|
|
10
|
+
:global(.ant-checkbox-input) {
|
|
11
|
+
z-index: -1;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:global(.ant-table-placeholder) {
|
|
16
|
+
padding: 0;
|
|
17
|
+
|
|
18
|
+
> div {
|
|
19
|
+
margin: 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.select {
|
|
24
|
+
background-color: @primary-1;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.center {
|
|
28
|
+
text-align: center !important;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.left {
|
|
32
|
+
text-align: left !important;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.right {
|
|
36
|
+
text-align: right !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.noWrap{
|
|
40
|
+
white-space: nowrap;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.totalRow {
|
|
44
|
+
color: #222!important;
|
|
45
|
+
background-color: #f0f0f0!important;
|
|
46
|
+
transition: all 0s!important;
|
|
47
|
+
td {
|
|
48
|
+
border-top: 1px solid #ddd!important;
|
|
49
|
+
background-color: #f0f0f0!important;
|
|
50
|
+
border-bottom: 0!important;
|
|
51
|
+
transition: all 0s!important;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
:global(.ant-table-footer) {
|
|
56
|
+
padding: 0!important;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.footer {
|
|
60
|
+
vertical-align: middle;
|
|
61
|
+
overflow: auto;
|
|
62
|
+
scrollbar-width: none;
|
|
63
|
+
-ms-overflow-style: none;
|
|
64
|
+
scrollbar-color: transparent transparent;
|
|
65
|
+
scrollbar-track-color: transparent;
|
|
66
|
+
-ms-scrollbar-track-color: transparent;
|
|
67
|
+
.footerItem {
|
|
68
|
+
white-space: pre;
|
|
69
|
+
> span {
|
|
70
|
+
display: inline-block;
|
|
71
|
+
color: #222;
|
|
72
|
+
position: relative;
|
|
73
|
+
vertical-align: middle;
|
|
74
|
+
border-top: 1px solid #dedede;
|
|
75
|
+
display: inline-block;
|
|
76
|
+
box-sizing: border-box;
|
|
77
|
+
height: 35px;
|
|
78
|
+
padding: 8px 8px 7px !important;
|
|
79
|
+
border-right: 1px solid transparent;
|
|
80
|
+
}
|
|
81
|
+
.ghost {
|
|
82
|
+
opacity: 0;
|
|
83
|
+
filter: alpha(opacity=0);
|
|
84
|
+
}
|
|
85
|
+
.content {
|
|
86
|
+
position: absolute;
|
|
87
|
+
left: 0;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.footer::-webkit-scrollbar {
|
|
93
|
+
display: none;
|
|
94
|
+
width: 0!important;
|
|
95
|
+
height: 0!important;
|
|
96
|
+
opacity: 0;
|
|
97
|
+
filter: alpha(opacity=0);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
|
|
2
|
+
|
|
3
|
+
var isFirefox = function isFirefox() {
|
|
4
|
+
var _context;
|
|
5
|
+
|
|
6
|
+
return _indexOfInstanceProperty(_context = navigator.userAgent).call(_context, 'Firefox') > 0;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
var getComputedStyle = function getComputedStyle(element) {
|
|
10
|
+
return window.getComputedStyle ? window.getComputedStyle(element, null) : element.currentStyle;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
var fixed = function fixed(container, header, maxHeight) {
|
|
14
|
+
var totalFooter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
15
|
+
container.style.overflowY = 'auto';
|
|
16
|
+
container.style.maxHeight = maxHeight;
|
|
17
|
+
|
|
18
|
+
if (isFirefox()) {
|
|
19
|
+
container.style.position = 'relative';
|
|
20
|
+
header.style.top = '0';
|
|
21
|
+
header.style.position = 'sticky';
|
|
22
|
+
header.style.zIndex = '1';
|
|
23
|
+
} else {
|
|
24
|
+
header.parentNode.appendChild(header);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
var containerHeight = Number(getComputedStyle(container).height.replace('px', ''));
|
|
28
|
+
var translateHeight = containerHeight - 10 - container.scrollHeight;
|
|
29
|
+
var pageTotalElement = totalFooter.pageTotalElement,
|
|
30
|
+
searchTotalElement = totalFooter.searchTotalElement;
|
|
31
|
+
pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
32
|
+
searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
33
|
+
|
|
34
|
+
container.onscroll = function () {
|
|
35
|
+
if (container.scrollTop + containerHeight - 10 > container.scrollHeight) return;
|
|
36
|
+
!isFirefox() && (header.style.transform = "translateY(".concat(container.scrollTop, "px)"));
|
|
37
|
+
pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
38
|
+
searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export default fixed;
|
|
@@ -13,7 +13,7 @@ function WingBlank(_ref) {
|
|
|
13
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
14
|
|
|
15
15
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
16
|
-
className: _concatInstanceProperty(_context = "".concat(className, " ")).call(_context, variables('
|
|
16
|
+
className: _concatInstanceProperty(_context = "".concat(className, " ")).call(_context, variables('WingBlank'))
|
|
17
17
|
}, props), /*#__PURE__*/React.createElement("div", null, children));
|
|
18
18
|
}
|
|
19
19
|
|
package/es/index.js
CHANGED
|
@@ -1,21 +1,25 @@
|
|
|
1
|
+
import { EnhanceLoading, EnhanceDialogs, EnhanceEditDialog } from './Enhance';
|
|
2
|
+
export { EnhanceLoading, EnhanceDialogs, EnhanceEditDialog };
|
|
1
3
|
export { default as Title } from './Title';
|
|
2
4
|
export { default as Card } from './Card';
|
|
3
5
|
export { default as Control } from './Control';
|
|
4
|
-
export { default as Enhance } from './Enhance';
|
|
5
6
|
export { default as Header } from './Header';
|
|
6
7
|
export { default as ImageView } from './ImageView';
|
|
7
8
|
export { default as InpurCascader } from './InpurCascader';
|
|
8
9
|
export { default as InputSearch } from './InputSearch';
|
|
9
10
|
export { default as InputSelect } from './InputSelect';
|
|
11
|
+
export { default as InputEditor } from './InputEditor';
|
|
10
12
|
export { default as InputWriting } from './InputWriting';
|
|
11
13
|
export { default as Layout } from './Layout';
|
|
12
14
|
export { default as LayoutLink } from './LayoutLink';
|
|
13
15
|
export { default as Link } from './Link';
|
|
14
16
|
export { default as Loading } from './Loading';
|
|
17
|
+
export { default as Loading2 } from './Loading2';
|
|
15
18
|
export { default as ModalWithDrag } from './ModalWithDrag';
|
|
16
19
|
export { default as NumberInput } from './NumberInput';
|
|
17
20
|
export { default as Search } from './Search';
|
|
18
21
|
export { default as Sidebar } from './Sidebar';
|
|
22
|
+
export { default as Sidebar2 } from './Sidebar2';
|
|
19
23
|
export { default as SuperForm } from './SuperForm';
|
|
20
24
|
export { default as SuperForm2 } from './SuperForm2';
|
|
21
25
|
export { default as SuperIcon } from './SuperIcon';
|
|
@@ -24,8 +28,10 @@ export { default as SuperUpload } from './SuperUpload';
|
|
|
24
28
|
export { default as Viewer } from './Viewer';
|
|
25
29
|
export { default as WingBlank } from './WingBlank';
|
|
26
30
|
export { default as Area } from './Area';
|
|
31
|
+
export { default as SuperTable3 } from './SuperTable3';
|
|
27
32
|
export { default as SuperTable2 } from './SuperTable2';
|
|
28
33
|
export { default as SuperTable } from './SuperTable';
|
|
29
34
|
export { default as SuperPagination } from './SuperPagination';
|
|
30
35
|
export { default as SuperTab } from './SuperTab';
|
|
31
|
-
export { default as SuperTab2 } from './SuperTab2';
|
|
36
|
+
export { default as SuperTab2 } from './SuperTab2';
|
|
37
|
+
export { default as Indent } from './Indent';
|
package/es/style.less
CHANGED
|
@@ -4,10 +4,14 @@
|
|
|
4
4
|
@import "./SuperForm/SuperForm.less";
|
|
5
5
|
@import "./SuperForm2/SuperForm.less";
|
|
6
6
|
@import "./SuperTable/SuperTable.less";
|
|
7
|
+
@import "./SuperTable/DragSortRow.less";
|
|
8
|
+
@import "./SuperTable/FilterDropDown.less";
|
|
7
9
|
@import "./SuperTable2/SuperTable2.less";
|
|
10
|
+
@import "./SuperTable3/SuperTable.less";
|
|
11
|
+
@import "./SuperTable3/FilterDropDown.less";
|
|
8
12
|
@import "./Header/Header.less";
|
|
9
|
-
@import "./
|
|
10
|
-
@import "./InputEditor/
|
|
13
|
+
@import "./Header/Vertical.less";
|
|
14
|
+
@import "./InputEditor/inputEditor.less";
|
|
11
15
|
@import "./Layout/Layout.less";
|
|
12
16
|
@import "./LayoutLink/LayoutLink.less";
|
|
13
17
|
@import "./Loading/Loading.less";
|
|
@@ -19,5 +23,8 @@
|
|
|
19
23
|
@import "./SuperToolbar/SuperToolbar.less";
|
|
20
24
|
@import "./SuperUpload/SuperUpload.less";
|
|
21
25
|
@import "./Viewer/Viewer.less";
|
|
26
|
+
@import "./Viewer/imgView.less";
|
|
22
27
|
@import "./SuperTab/SuperTab.less";
|
|
23
|
-
@import "./SuperTab2/SuperTab2.less";
|
|
28
|
+
@import "./SuperTab2/SuperTab2.less";
|
|
29
|
+
@import "./ImageView/ImageView.less";
|
|
30
|
+
@import "./WingBlank/WingBlank.less";
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
exports["default"] = void 0;
|
|
12
|
+
|
|
13
|
+
var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
|
|
14
|
+
|
|
15
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
16
|
+
|
|
17
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
18
|
+
|
|
19
|
+
var _react = _interopRequireDefault(require("react"));
|
|
20
|
+
|
|
21
|
+
var _excluded = ["children", "style"];
|
|
22
|
+
|
|
23
|
+
function Indent(_ref) {
|
|
24
|
+
var children = _ref.children,
|
|
25
|
+
_ref$style = _ref.style,
|
|
26
|
+
style = _ref$style === void 0 ? {} : _ref$style,
|
|
27
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
28
|
+
(0, _assign["default"])(style, {
|
|
29
|
+
paddingLeft: 8,
|
|
30
|
+
paddingRight: 8
|
|
31
|
+
});
|
|
32
|
+
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
33
|
+
style: style
|
|
34
|
+
}, props), children);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
var _default = Indent;
|
|
38
|
+
exports["default"] = _default;
|
|
@@ -100,15 +100,15 @@ var FormItem = _form["default"].Item;
|
|
|
100
100
|
var defaultSize = 'small';
|
|
101
101
|
var defaultColNum = 4;
|
|
102
102
|
var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg'];
|
|
103
|
-
/**
|
|
104
|
-
* key:[必须],用于唯一标识该Form下的一个表单元素
|
|
105
|
-
* title:[必须],表单元素的标签
|
|
106
|
-
* type:[必须],表单元素类型
|
|
107
|
-
* required: [可选],是否为必填项
|
|
108
|
-
* options: [可选],对象数组(type为readonly,radio,search, searchText,select, selectText时有效)
|
|
109
|
-
* span: [可选],占据的列数,默认为1
|
|
110
|
-
* showAdd: [可选],是否显示+号,点击+号会触发onAdd事件,默认为false
|
|
111
|
-
* rule: [可选],用于设置校验规则
|
|
103
|
+
/**
|
|
104
|
+
* key:[必须],用于唯一标识该Form下的一个表单元素
|
|
105
|
+
* title:[必须],表单元素的标签
|
|
106
|
+
* type:[必须],表单元素类型
|
|
107
|
+
* required: [可选],是否为必填项
|
|
108
|
+
* options: [可选],对象数组(type为readonly,radio,search, searchText,select, selectText时有效)
|
|
109
|
+
* span: [可选],占据的列数,默认为1
|
|
110
|
+
* showAdd: [可选],是否显示+号,点击+号会触发onAdd事件,默认为false
|
|
111
|
+
* rule: [可选],用于设置校验规则
|
|
112
112
|
*/
|
|
113
113
|
|
|
114
114
|
var ControlType = {
|
|
@@ -172,18 +172,18 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
|
|
|
172
172
|
}]);
|
|
173
173
|
return Controlled;
|
|
174
174
|
}(_react["default"].Component);
|
|
175
|
-
/**
|
|
176
|
-
* colNum:[可选],表单的列数,默认为4
|
|
177
|
-
* readonly: [可选],为true时,所有表单元素都是只读的; 为字符串数组时,用于指定key的表单元素是只读的
|
|
178
|
-
* hideControls: [可选],指定key的表单元素被隐藏
|
|
179
|
-
* options: [可选],键值对,值与ControlType中options作用相同,但优先级更高
|
|
180
|
-
* onChange:内容改变时触发,原型为func(key, value)
|
|
181
|
-
* onSearch:搜索框中用户输入时触发,原型为func(key, title, control)
|
|
182
|
-
* onAdd: 点击+号时触发,原型为func(key)
|
|
183
|
-
* checkable:是否显示checkbox选择框
|
|
184
|
-
* onOpenChange:控制日期框显示隐藏回调func(key, open)
|
|
185
|
-
* onAreaSearch:联级选择器触发,原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
|
|
186
|
-
* OnFileChange:上传组件触发,原型为func(key,{fileList, fileDeleteList})
|
|
175
|
+
/**
|
|
176
|
+
* colNum:[可选],表单的列数,默认为4
|
|
177
|
+
* readonly: [可选],为true时,所有表单元素都是只读的; 为字符串数组时,用于指定key的表单元素是只读的
|
|
178
|
+
* hideControls: [可选],指定key的表单元素被隐藏
|
|
179
|
+
* options: [可选],键值对,值与ControlType中options作用相同,但优先级更高
|
|
180
|
+
* onChange:内容改变时触发,原型为func(key, value)
|
|
181
|
+
* onSearch:搜索框中用户输入时触发,原型为func(key, title, control)
|
|
182
|
+
* onAdd: 点击+号时触发,原型为func(key)
|
|
183
|
+
* checkable:是否显示checkbox选择框
|
|
184
|
+
* onOpenChange:控制日期框显示隐藏回调func(key, open)
|
|
185
|
+
* onAreaSearch:联级选择器触发,原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
|
|
186
|
+
* OnFileChange:上传组件触发,原型为func(key,{fileList, fileDeleteList})
|
|
187
187
|
*/
|
|
188
188
|
|
|
189
189
|
|
|
@@ -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/lib/SuperTab/SuperTab.js
CHANGED
|
@@ -43,10 +43,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
43
43
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
44
44
|
|
|
45
45
|
var TabPane = _tabs["default"].TabPane;
|
|
46
|
-
/**
|
|
47
|
-
* key: 唯一标识一个tab
|
|
48
|
-
* title: 显示在tab上的标题
|
|
49
|
-
* close: 为true则显示关闭按钮,默认为true
|
|
46
|
+
/**
|
|
47
|
+
* key: 唯一标识一个tab
|
|
48
|
+
* title: 显示在tab上的标题
|
|
49
|
+
* close: 为true则显示关闭按钮,默认为true
|
|
50
50
|
*/
|
|
51
51
|
|
|
52
52
|
var TabType = {
|
|
@@ -54,10 +54,10 @@ var TabType = {
|
|
|
54
54
|
title: _propTypes["default"].string.isRequired,
|
|
55
55
|
close: _propTypes["default"].bool
|
|
56
56
|
};
|
|
57
|
-
/**
|
|
58
|
-
* activeKey: 处于活动状态tab的key值
|
|
59
|
-
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
60
|
-
* onTabClose: 关闭选项卡时触发,原型为funtion(key)
|
|
57
|
+
/**
|
|
58
|
+
* activeKey: 处于活动状态tab的key值
|
|
59
|
+
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
60
|
+
* onTabClose: 关闭选项卡时触发,原型为funtion(key)
|
|
61
61
|
*/
|
|
62
62
|
|
|
63
63
|
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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -56,19 +56,19 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_R
|
|
|
56
56
|
|
|
57
57
|
var TabPane = _tabs["default"].TabPane;
|
|
58
58
|
var MenuItem = _menu["default"].Item;
|
|
59
|
-
/**
|
|
60
|
-
* key: 唯一标识一个tab
|
|
61
|
-
* title: 显示在tab上的标题
|
|
59
|
+
/**
|
|
60
|
+
* key: 唯一标识一个tab
|
|
61
|
+
* title: 显示在tab上的标题
|
|
62
62
|
*/
|
|
63
63
|
|
|
64
64
|
var TabType = {
|
|
65
65
|
key: _propTypes["default"].string.isRequired,
|
|
66
66
|
title: _propTypes["default"].string.isRequired
|
|
67
67
|
};
|
|
68
|
-
/**
|
|
69
|
-
* activeKey: 处于活动状态tab的key值
|
|
70
|
-
* menu: 是否需要右侧下拉列表,默认false
|
|
71
|
-
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
68
|
+
/**
|
|
69
|
+
* activeKey: 处于活动状态tab的key值
|
|
70
|
+
* menu: 是否需要右侧下拉列表,默认false
|
|
71
|
+
* onTabChange: 切换选项卡时触发,原型为function(key)
|
|
72
72
|
*/
|
|
73
73
|
|
|
74
74
|
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
|
+
}
|