cloud-b2b 1.0.4 → 1.0.7

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.
Files changed (76) hide show
  1. package/es/Indent/Indent.js +23 -0
  2. package/es/Indent/package.json +6 -0
  3. package/es/LayoutLink/LayoutLink.js +2 -2
  4. package/es/Sidebar2/Sidebar.js +1 -1
  5. package/es/SuperForm/SuperForm.js +2 -2
  6. package/es/SuperForm2/SuperForm.js +732 -0
  7. package/es/SuperForm2/SuperForm.less +52 -0
  8. package/es/SuperForm2/package.json +6 -0
  9. package/es/SuperTab/SuperTab.js +130 -0
  10. package/es/SuperTab/SuperTab.less +43 -0
  11. package/es/SuperTab/package.json +6 -0
  12. package/es/SuperTab2/SuperTab2.js +167 -0
  13. package/es/SuperTab2/SuperTab2.less +18 -0
  14. package/es/SuperTab2/package.json +6 -0
  15. package/es/SuperTable/DragSortRow.less +17 -17
  16. package/es/SuperTable/FilterDropDown.less +30 -30
  17. package/es/SuperTable/SuperTable.js +38 -38
  18. package/es/SuperTable/SuperTable.less +132 -135
  19. package/es/SuperTable/package.json +6 -6
  20. package/es/SuperTable2/SuperTable2.js +22 -22
  21. package/es/SuperTable2/SuperTable2.less +100 -116
  22. package/es/SuperTable2/package.json +6 -6
  23. package/es/SuperTable3/FilterDropDown.js +188 -0
  24. package/es/SuperTable3/FilterDropDown.less +29 -0
  25. package/es/SuperTable3/SuperTable.js +783 -0
  26. package/es/SuperTable3/SuperTable.less +99 -0
  27. package/es/SuperTable3/fixed.js +42 -0
  28. package/es/SuperTable3/package.json +6 -0
  29. package/es/Title/Title.less +35 -35
  30. package/es/Title/package.json +6 -6
  31. package/es/Viewer/Viewer.js +1 -1
  32. package/es/adjust.less +89 -89
  33. package/es/index.js +12 -2
  34. package/es/style.less +12 -2
  35. package/lib/Indent/Indent.js +38 -0
  36. package/lib/Indent/package.json +6 -0
  37. package/lib/LayoutLink/LayoutLink.js +2 -2
  38. package/lib/Sidebar2/Sidebar.js +1 -1
  39. package/lib/SuperForm/SuperForm.js +2 -2
  40. package/lib/SuperForm2/SuperForm.js +742 -0
  41. package/lib/SuperForm2/SuperForm.less +52 -0
  42. package/lib/SuperForm2/package.json +6 -0
  43. package/lib/SuperTab/SuperTab.js +146 -0
  44. package/lib/SuperTab/SuperTab.less +43 -0
  45. package/lib/SuperTab/package.json +6 -0
  46. package/lib/SuperTab2/SuperTab2.js +191 -0
  47. package/lib/SuperTab2/SuperTab2.less +18 -0
  48. package/lib/SuperTab2/package.json +6 -0
  49. package/lib/SuperTable/DragSortRow.less +17 -17
  50. package/lib/SuperTable/FilterDropDown.less +30 -30
  51. package/lib/SuperTable/SuperTable.js +38 -38
  52. package/lib/SuperTable/SuperTable.less +132 -135
  53. package/lib/SuperTable/package.json +6 -6
  54. package/lib/SuperTable2/SuperTable2.js +22 -22
  55. package/lib/SuperTable2/SuperTable2.less +100 -116
  56. package/lib/SuperTable2/package.json +6 -6
  57. package/lib/SuperTable3/FilterDropDown.js +205 -0
  58. package/lib/SuperTable3/FilterDropDown.less +29 -0
  59. package/lib/SuperTable3/SuperTable.js +787 -0
  60. package/lib/SuperTable3/SuperTable.less +99 -0
  61. package/lib/SuperTable3/fixed.js +55 -0
  62. package/lib/SuperTable3/package.json +6 -0
  63. package/lib/Title/Title.less +35 -35
  64. package/lib/Title/package.json +6 -6
  65. package/lib/Viewer/Viewer.js +1 -1
  66. package/lib/adjust.less +89 -89
  67. package/lib/index.js +102 -7
  68. package/lib/index.less +5 -1
  69. package/lib/style.less +12 -2
  70. package/package.json +1 -1
  71. package/es/HomeHeader/Header.js +0 -75
  72. package/es/HomeHeader/Header.less +0 -73
  73. package/es/HomeHeader/package.json +0 -6
  74. package/lib/HomeHeader/Header.js +0 -95
  75. package/lib/HomeHeader/Header.less +0 -73
  76. 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;
@@ -0,0 +1,6 @@
1
+ {
2
+ "name": "SuperTable",
3
+ "version": "0.0.0",
4
+ "private": true,
5
+ "main": "./SuperTable.js"
6
+ }
@@ -1,35 +1,35 @@
1
- @import '../variables';
2
-
3
- .@{cloudlink-prefix}-title {
4
- > *:first-child {
5
- display: inline-block;
6
- color: @brand-primary;
7
- line-height: 1.2;
8
-
9
- &[data-border='true'] {
10
- padding: 0 5px;
11
- border-left: @brand-primary solid 3px;
12
- }
13
-
14
- &[data-fold='true'] {
15
- cursor: pointer;
16
- margin: 8px 0;
17
- }
18
-
19
- &[data-required='true'] {
20
- &::after {
21
- display: inline-block;
22
- margin-left: 4px;
23
- color: #f5222d;
24
- font-size: 12px;
25
- font-family: SimSun, sans-serif;
26
- line-height: 1;
27
- content: '*';
28
- }
29
- }
30
- }
31
-
32
- > [role = 'toolbar'] {
33
- display: inline-block;
34
- }
35
- }
1
+ @import '../variables';
2
+
3
+ .@{cloudlink-prefix}-title {
4
+ > *:first-child {
5
+ display: inline-block;
6
+ color: @brand-primary;
7
+ line-height: 1.2;
8
+
9
+ &[data-border='true'] {
10
+ padding: 0 5px;
11
+ border-left: @brand-primary solid 3px;
12
+ }
13
+
14
+ &[data-fold='true'] {
15
+ cursor: pointer;
16
+ margin: 8px 0;
17
+ }
18
+
19
+ &[data-required='true'] {
20
+ &::after {
21
+ display: inline-block;
22
+ margin-left: 4px;
23
+ color: #f5222d;
24
+ font-size: 12px;
25
+ font-family: SimSun, sans-serif;
26
+ line-height: 1;
27
+ content: '*';
28
+ }
29
+ }
30
+ }
31
+
32
+ > [role = 'toolbar'] {
33
+ display: inline-block;
34
+ }
35
+ }
@@ -1,6 +1,6 @@
1
- {
2
- "name": "Title",
3
- "version": "0.0.0",
4
- "private": true,
5
- "main": "./Title.js"
6
- }
1
+ {
2
+ "name": "Title",
3
+ "version": "0.0.0",
4
+ "private": true,
5
+ "main": "./Title.js"
6
+ }
@@ -112,7 +112,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
112
112
  return /*#__PURE__*/React.createElement("div", {
113
113
  key: index,
114
114
  onClick: _bindInstanceProperty(_context = _this2._onSelect).call(_context, _this2, index),
115
- className: index === imageIndex ? s.selectTitle : ''
115
+ className: index === imageIndex ? variables('Viewers').selectTitle : ''
116
116
  }, item);
117
117
  })), /*#__PURE__*/React.createElement(ImageViews, {
118
118
  image: images[imageIndex],
package/es/adjust.less CHANGED
@@ -1,89 +1,89 @@
1
-
2
- .ant-table-small {
3
- .ant-table-thead {
4
- background-color: @table-header-bg;
5
-
6
- > tr > th {
7
- padding: 12px 8px 11px !important;
8
- }
9
- }
10
-
11
- .ant-table-tbody > tr > td {
12
- padding: 8px 8px 7px !important;
13
- }
14
-
15
- .ant-table-tbody > tr.ant-table-row-selected td {
16
- background-color: @primary-1 !important;
17
- }
18
-
19
- .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
20
- background-color: @table-header-bg !important;
21
- }
22
-
23
- .ant-table-selection-column {
24
- min-width: 62px;
25
- }
26
-
27
- table {
28
- border-collapse: separate;
29
- border-spacing: 0;
30
- }
31
- }
32
-
33
- .ant-modal {
34
- top: 50px;
35
- padding-bottom: 0;
36
- }
37
-
38
- .ant-form-item {
39
- margin-bottom: 6px;
40
- }
41
-
42
- .ant-select-sm .ant-select-selection--single {
43
- height: @input-height-sm !important;
44
- overflow: hidden;
45
- }
46
-
47
- .ant-form-vertical .ant-form-item {
48
- padding-bottom: 0;
49
- }
50
-
51
- .ant-form-item-control {
52
- line-height: @input-height-sm;
53
-
54
- > .ant-form-explain-holder[aria-hidden='true'] {
55
- display: none;
56
- }
57
- }
58
-
59
- .ant-form-vertical .ant-form-item-label {
60
- padding: 0;
61
- line-height: 1.2;
62
- }
63
-
64
- .ant-input-lg {
65
- font-size: 12px;
66
- }
67
-
68
- .ant-btn-lg {
69
- height: @input-height-lg;
70
- }
71
-
72
- .ant-menu-inline .ant-menu-item {
73
- margin-top: 0;
74
- margin-bottom: 0 !important;
75
- }
76
-
77
- .ant-modal-header {
78
- padding: 13px 16px;
79
- }
80
-
81
- .ant-modal-body {
82
- padding: 16px;
83
- }
84
-
85
- .ant-btn-primary:focus {
86
- background-color: white;
87
- color: @primary-color;
88
- text-shadow: none;
89
- }
1
+
2
+ .ant-table-small {
3
+ .ant-table-thead {
4
+ background-color: @table-header-bg;
5
+
6
+ > tr > th {
7
+ padding: 12px 8px 11px !important;
8
+ }
9
+ }
10
+
11
+ .ant-table-tbody > tr > td {
12
+ padding: 8px 8px 7px !important;
13
+ }
14
+
15
+ .ant-table-tbody > tr.ant-table-row-selected td {
16
+ background-color: @primary-1 !important;
17
+ }
18
+
19
+ .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
20
+ background-color: @table-header-bg !important;
21
+ }
22
+
23
+ .ant-table-selection-column {
24
+ min-width: 62px;
25
+ }
26
+
27
+ table {
28
+ border-collapse: separate;
29
+ border-spacing: 0;
30
+ }
31
+ }
32
+
33
+ .ant-modal {
34
+ top: 50px;
35
+ padding-bottom: 0;
36
+ }
37
+
38
+ .ant-form-item {
39
+ margin-bottom: 6px;
40
+ }
41
+
42
+ .ant-select-sm .ant-select-selection--single {
43
+ height: @input-height-sm !important;
44
+ overflow: hidden;
45
+ }
46
+
47
+ .ant-form-vertical .ant-form-item {
48
+ padding-bottom: 0;
49
+ }
50
+
51
+ .ant-form-item-control {
52
+ line-height: @input-height-sm;
53
+
54
+ > .ant-form-explain-holder[aria-hidden='true'] {
55
+ display: none;
56
+ }
57
+ }
58
+
59
+ .ant-form-vertical .ant-form-item-label {
60
+ padding: 0;
61
+ line-height: 1.2;
62
+ }
63
+
64
+ .ant-input-lg {
65
+ font-size: 12px;
66
+ }
67
+
68
+ .ant-btn-lg {
69
+ height: @input-height-lg;
70
+ }
71
+
72
+ .ant-menu-inline .ant-menu-item {
73
+ margin-top: 0;
74
+ margin-bottom: 0 !important;
75
+ }
76
+
77
+ .ant-modal-header {
78
+ padding: 13px 16px;
79
+ }
80
+
81
+ .ant-modal-body {
82
+ padding: 16px;
83
+ }
84
+
85
+ .ant-btn-primary:focus {
86
+ background-color: white;
87
+ color: @primary-color;
88
+ text-shadow: none;
89
+ }
package/es/index.js CHANGED
@@ -1,27 +1,37 @@
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';
24
+ export { default as SuperForm2 } from './SuperForm2';
20
25
  export { default as SuperIcon } from './SuperIcon';
21
26
  export { default as SuperToolbar } from './SuperToolbar';
22
27
  export { default as SuperUpload } from './SuperUpload';
23
28
  export { default as Viewer } from './Viewer';
24
29
  export { default as WingBlank } from './WingBlank';
25
30
  export { default as Area } from './Area';
31
+ export { default as SuperTable3 } from './SuperTable3';
26
32
  export { default as SuperTable2 } from './SuperTable2';
27
- export { default as SuperTable } from './SuperTable';
33
+ export { default as SuperTable } from './SuperTable';
34
+ export { default as SuperPagination } from './SuperPagination';
35
+ export { default as SuperTab } from './SuperTab';
36
+ export { default as SuperTab2 } from './SuperTab2';
37
+ export { default as Indent } from './Indent';
package/es/style.less CHANGED
@@ -2,10 +2,15 @@
2
2
  @import "./Title/Title.less";
3
3
  @import "./Search/Search.less";
4
4
  @import "./SuperForm/SuperForm.less";
5
+ @import "./SuperForm2/SuperForm.less";
5
6
  @import "./SuperTable/SuperTable.less";
7
+ @import "./SuperTable/DragSortRow.less";
8
+ @import "./SuperTable/FilterDropDown.less";
6
9
  @import "./SuperTable2/SuperTable2.less";
10
+ @import "./SuperTable3/SuperTable.less";
11
+ @import "./SuperTable3/FilterDropDown.less";
7
12
  @import "./Header/Header.less";
8
- @import "./HomeHeader/Header.less";
13
+ @import "./Header/Vertical.less";
9
14
  @import "./InputEditor/InputEditor.less";
10
15
  @import "./Layout/Layout.less";
11
16
  @import "./LayoutLink/LayoutLink.less";
@@ -17,4 +22,9 @@
17
22
  @import "./Sidebar2/Sidebar.less";
18
23
  @import "./SuperToolbar/SuperToolbar.less";
19
24
  @import "./SuperUpload/SuperUpload.less";
20
- @import "./Viewer/Viewer.less";
25
+ @import "./Viewer/Viewer.less";
26
+ @import "./Viewer/imgView.less";
27
+ @import "./SuperTab/SuperTab.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;
@@ -0,0 +1,6 @@
1
+ {
2
+ "name": "Indent",
3
+ "version": "0.0.0",
4
+ "private": true,
5
+ "main": "./Indent.js"
6
+ }
@@ -68,7 +68,7 @@ function Search(_ref) {
68
68
  };
69
69
 
70
70
  return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
71
- className: s.search
71
+ className: (0, _variables["default"])('LayoutLink').search
72
72
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(FormItem, {
73
73
  validateStatus: status
74
74
  }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
@@ -83,7 +83,7 @@ function Search(_ref) {
83
83
  function Title(_ref2) {
84
84
  var title = _ref2.title;
85
85
  return /*#__PURE__*/_react["default"].createElement("div", {
86
- className: s.title
86
+ className: (0, _variables["default"])('LayoutLink').title
87
87
  }, /*#__PURE__*/_react["default"].createElement("div", null, title), /*#__PURE__*/_react["default"].createElement("div", null));
88
88
  }
89
89
 
@@ -159,7 +159,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
159
159
  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({}, _this.linkProps(item), {
160
160
  "data-role": "child-item"
161
161
  }), /*#__PURE__*/_react["default"].createElement("span", null, item.title), item.unreadTotal && item.unreadTotal > 0 && /*#__PURE__*/_react["default"].createElement("span", {
162
- className: s.unreadTotal
162
+ className: (0, _variables["default"])('Sidebar2').unreadTotal
163
163
  }, item.unreadTotal)));
164
164
  });
165
165
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderItem", function (item, index) {
@@ -625,11 +625,11 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
625
625
  span: span * factor,
626
626
  key: control.key
627
627
  }, checkable && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
628
- className: s.checkbox,
628
+ className: (0, _variables["default"])('SuperForm').checkbox,
629
629
  onChange: (0, _bind["default"])(onCheckItem).call(onCheckItem, (0, _assertThisInitialized2["default"])(_this2), control),
630
630
  checked: control.checked
631
631
  }), /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, itemProps, {
632
- className: checkable ? s.formItemWithCheckbox : ''
632
+ className: checkable ? (0, _variables["default"])('SuperForm').formItemWithCheckbox : ''
633
633
  }), _this2.toControl(controlProps, control))) : /*#__PURE__*/_react["default"].createElement(_col["default"], {
634
634
  span: span * factor,
635
635
  key: control.key,