linkmore-design 1.0.49 → 1.0.50

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 (98) hide show
  1. package/dist/CardTable/fns/index.d.ts +9 -0
  2. package/dist/CardTable/hooks/usePagination.d.ts +19 -0
  3. package/dist/CardTable/toolbar/TablePagination.d.ts +4 -0
  4. package/dist/CardTable/toolbar/ToolBarBottom.d.ts +3 -0
  5. package/dist/List/demos/basic.d.ts +2 -0
  6. package/dist/List/index.d.ts +2 -0
  7. package/dist/List/style/index.d.ts +1 -0
  8. package/dist/LmEditTable/DndContainer.d.ts +5 -0
  9. package/dist/LmEditTable/DragHandle.d.ts +4 -0
  10. package/dist/LmEditTable/EditTable.d.ts +31 -0
  11. package/dist/LmEditTable/demos/Editbasic.d.ts +2 -0
  12. package/dist/LmEditTable/demos/basic.d.ts +2 -0
  13. package/dist/LmEditTable/demos/formEditTable.d.ts +2 -0
  14. package/dist/LmEditTable/demos/hoverEdit.d.ts +2 -0
  15. package/dist/LmEditTable/index.d.ts +2 -0
  16. package/dist/LmEditTable/sortableBox.d.ts +5 -0
  17. package/dist/LmEditTable/sortableItem.d.ts +2 -0
  18. package/dist/LmEditTable/style/index.d.ts +1 -0
  19. package/dist/index.d.ts +2 -0
  20. package/dist/index.umd.js +993 -55
  21. package/dist/index.umd.min.js +6 -6
  22. package/es/CardTable/card/PictureTextColumn.js +11 -6
  23. package/es/CardTable/card/PictureTextRow.js +11 -6
  24. package/es/CardTable/fns/index.js +106 -0
  25. package/es/CardTable/hooks/usePagination.js +128 -0
  26. package/es/CardTable/index.js +3 -0
  27. package/es/CardTable/style/style.css +13 -1
  28. package/es/CardTable/table/TableRoot.js +43 -64
  29. package/es/CardTable/table/TableWrapper.js +4 -0
  30. package/es/CardTable/toolbar/TablePagination.js +62 -0
  31. package/es/CardTable/toolbar/ToolBarBottom.js +47 -0
  32. package/es/CustomTableOption/columnsSort.js +5 -5
  33. package/es/CustomTableOption/filterSort.js +3 -3
  34. package/es/CustomTableOption/index.js +1 -2
  35. package/es/Input/style/style.css +21 -1
  36. package/es/List/index.d.ts +2 -0
  37. package/es/List/index.js +3 -0
  38. package/es/List/style/index.css +505 -0
  39. package/es/List/style/index.d.ts +1 -0
  40. package/es/List/style/index.js +1 -0
  41. package/es/LmEditTable/DndContainer.d.ts +5 -0
  42. package/es/LmEditTable/DndContainer.js +35 -0
  43. package/es/LmEditTable/DragHandle.d.ts +4 -0
  44. package/es/LmEditTable/DragHandle.js +22 -0
  45. package/es/LmEditTable/EditTable.d.ts +31 -0
  46. package/es/LmEditTable/EditTable.js +892 -0
  47. package/es/LmEditTable/index.d.ts +2 -0
  48. package/es/LmEditTable/index.js +2 -0
  49. package/es/LmEditTable/sortableBox.d.ts +5 -0
  50. package/es/LmEditTable/sortableBox.js +13 -0
  51. package/es/LmEditTable/sortableItem.d.ts +2 -0
  52. package/es/LmEditTable/sortableItem.js +43 -0
  53. package/es/LmEditTable/style/index.d.ts +1 -0
  54. package/es/LmEditTable/style/index.js +1 -0
  55. package/es/LmEditTable/style/style.css +574 -0
  56. package/es/LmTable/Table.js +15 -3
  57. package/es/Select/style/index.css +3 -0
  58. package/es/index.d.ts +2 -0
  59. package/es/index.js +3 -1
  60. package/lib/CardTable/card/PictureTextColumn.js +11 -6
  61. package/lib/CardTable/card/PictureTextRow.js +11 -6
  62. package/lib/CardTable/fns/index.js +106 -0
  63. package/lib/CardTable/hooks/usePagination.js +128 -0
  64. package/lib/CardTable/index.js +3 -0
  65. package/lib/CardTable/style/style.css +13 -1
  66. package/lib/CardTable/table/TableRoot.js +43 -64
  67. package/lib/CardTable/table/TableWrapper.js +4 -0
  68. package/lib/CardTable/toolbar/TablePagination.js +62 -0
  69. package/lib/CardTable/toolbar/ToolBarBottom.js +47 -0
  70. package/lib/CustomTableOption/columnsSort.js +5 -5
  71. package/lib/CustomTableOption/filterSort.js +3 -3
  72. package/lib/CustomTableOption/index.js +1 -2
  73. package/lib/Input/style/style.css +21 -1
  74. package/lib/List/index.d.ts +2 -0
  75. package/lib/List/index.js +15 -0
  76. package/lib/List/style/index.css +505 -0
  77. package/lib/List/style/index.d.ts +1 -0
  78. package/lib/List/style/index.js +3 -0
  79. package/lib/LmEditTable/DndContainer.d.ts +5 -0
  80. package/lib/LmEditTable/DndContainer.js +49 -0
  81. package/lib/LmEditTable/DragHandle.d.ts +4 -0
  82. package/lib/LmEditTable/DragHandle.js +37 -0
  83. package/lib/LmEditTable/EditTable.d.ts +31 -0
  84. package/lib/LmEditTable/EditTable.js +925 -0
  85. package/lib/LmEditTable/index.d.ts +2 -0
  86. package/lib/LmEditTable/index.js +13 -0
  87. package/lib/LmEditTable/sortableBox.d.ts +5 -0
  88. package/lib/LmEditTable/sortableBox.js +24 -0
  89. package/lib/LmEditTable/sortableItem.d.ts +2 -0
  90. package/lib/LmEditTable/sortableItem.js +55 -0
  91. package/lib/LmEditTable/style/index.d.ts +1 -0
  92. package/lib/LmEditTable/style/index.js +3 -0
  93. package/lib/LmEditTable/style/style.css +574 -0
  94. package/lib/LmTable/Table.js +15 -3
  95. package/lib/Select/style/index.css +3 -0
  96. package/lib/index.d.ts +2 -0
  97. package/lib/index.js +17 -1
  98. package/package.json +2 -1
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _TablePagination = _interopRequireDefault(require("./TablePagination"));
13
+
14
+ var CardToolBarBottom = /*#__PURE__*/_react.default.memo(function (_ref) {
15
+ var table = _ref.table;
16
+ var pagination = table.pagination,
17
+ _table$toolbarConfig = table.toolbarConfig,
18
+ toolbarBottom = _table$toolbarConfig.toolbarBottom,
19
+ pager = _table$toolbarConfig.pager; // toolbarBottom与pager一致: 用于插槽
20
+
21
+ var _ref2 = toolbarBottom || pager,
22
+ left = _ref2.left,
23
+ right = _ref2.right;
24
+
25
+ var LeftSlot = function LeftSlot() {
26
+ return left;
27
+ };
28
+
29
+ var RighSlot = function RighSlot() {
30
+ if (!right) {
31
+ return pagination && /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
32
+ table: table
33
+ });
34
+ }
35
+
36
+ if (right) {
37
+ typeof right === 'function' ? right(_TablePagination.default) : right;
38
+ }
39
+ };
40
+
41
+ return /*#__PURE__*/_react.default.createElement("div", {
42
+ className: "lm_card_table_toolbar_bottom"
43
+ }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
44
+ });
45
+
46
+ var _default = CardToolBarBottom;
47
+ exports.default = _default;
@@ -126,11 +126,11 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
126
126
  cloneCol.forEach(function (item, index) {
127
127
  var _a, _b, _c;
128
128
 
129
- if (ColumnsStateValue === null || ColumnsStateValue === void 0 ? void 0 : ColumnsStateValue.hasOwnProperty(item.dataIndex)) {
130
- var order = (_a = ColumnsStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
131
- item.fixed = ((_b = ColumnsStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
129
+ if (colStateValue === null || colStateValue === void 0 ? void 0 : colStateValue.hasOwnProperty(item.dataIndex)) {
130
+ var order = (_a = colStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
131
+ item.fixed = ((_b = colStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
132
132
  item.order = [undefined, null].includes(order) ? index : order;
133
- item.show = ((_c = ColumnsStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) === false ? false : true;
133
+ item.show = ((_c = colStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) === false ? false : true;
134
134
  }
135
135
  });
136
136
  var leftSortItem = [];
@@ -169,7 +169,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
169
169
  (0, _react.useEffect)(function () {
170
170
  setLocalColumns(columns);
171
171
  setColStateValue(ColumnsStateValue);
172
- }, []);
172
+ }, [columns]);
173
173
  var leftSensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
174
174
  coordinateGetter: _sortable.sortableKeyboardCoordinates
175
175
  }));
@@ -94,9 +94,9 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
94
94
  cloneCol.forEach(function (item, index) {
95
95
  var _a, _b;
96
96
 
97
- var order = (_a = filterStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
97
+ var order = (_a = colStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
98
98
  item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
99
- item.show = ((_b = filterStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
99
+ item.show = ((_b = colStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
100
100
  });
101
101
  return cloneCol.filter(function (item) {
102
102
  var _a;
@@ -125,7 +125,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
125
125
  (0, _react.useEffect)(function () {
126
126
  setLocalFilter(filter);
127
127
  setColStateValue(filterStateValue);
128
- }, []);
128
+ }, [filter]);
129
129
  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
130
130
  coordinateGetter: _sortable.sortableKeyboardCoordinates
131
131
  }));
@@ -133,8 +133,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
133
133
  return setVisible(false);
134
134
  }
135
135
  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Tabs, {
136
- defaultActiveKey: "1",
137
- destroyInactiveTabPane: true
136
+ defaultActiveKey: "1"
138
137
  }, /*#__PURE__*/_react.default.createElement(TabPane, {
139
138
  tab: "\u4E2A\u6027\u5316\u7B5B\u9009",
140
139
  key: "1",
@@ -660,8 +660,28 @@ html {
660
660
  .ant-input-group-wrapper.lm_input .ant-input-group-addon {
661
661
  padding: 0 8px;
662
662
  }
663
+ .ant-input-group-wrapper.lm_input .ant-input-group-addon .lm_select {
664
+ margin: -5px -8px -4px -9px;
665
+ }
663
666
  .ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon {
664
- padding: 0 5px 0 4px;
667
+ height: 26px;
668
+ }
669
+ .ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select {
670
+ height: 26px;
671
+ margin: -4px -8px -5px -9px;
672
+ }
673
+ .ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector {
674
+ height: 26px;
675
+ }
676
+ .ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector > span {
677
+ height: 26px;
678
+ line-height: 24px;
679
+ }
680
+ .ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector:after {
681
+ line-height: 26px;
682
+ }
683
+ .ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector .ant-select-selection-search-input {
684
+ height: 24px;
665
685
  }
666
686
  .ant-input-group.ant-input-group-lg .lm_input {
667
687
  height: 40px;
@@ -0,0 +1,2 @@
1
+ import { List } from 'antd';
2
+ export default List;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ require("antd/es/list/style");
11
+
12
+ var _list = _interopRequireDefault(require("antd/es/list"));
13
+
14
+ var _default = _list.default;
15
+ exports.default = _default;
@@ -0,0 +1,505 @@
1
+ .ant-layout-sider {
2
+ min-height: 100vh;
3
+ background-color: #022766;
4
+ }
5
+ .ant-menu-dark .ant-menu-inline.ant-menu-sub {
6
+ box-shadow: none;
7
+ }
8
+ .ant-menu-submenu-placement-rightTop {
9
+ display: none;
10
+ }
11
+ .ant-table .row-active .ant-table-cell {
12
+ background-color: #feffd3 !important;
13
+ }
14
+ .ant-table.ant-table-empty .ant-table-expanded-row-fixed {
15
+ padding: 0;
16
+ }
17
+ .ant-table.ant-table-empty .ant-table-expanded-row-fixed .ant-empty {
18
+ margin: 0;
19
+ }
20
+ .ant-table .ant-empty {
21
+ display: flex;
22
+ align-items: center;
23
+ justify-content: center;
24
+ }
25
+ .ant-table .ant-empty .ant-empty-image {
26
+ height: 24px;
27
+ margin: var(--gap) 0;
28
+ }
29
+ .ant-tabs .ant-tabs-nav .ant-tabs-tab {
30
+ font-size: 14px;
31
+ }
32
+ .ant-tabs.auto_tabs {
33
+ display: flex;
34
+ flex-flow: column;
35
+ height: 100%;
36
+ }
37
+ .ant-tabs.auto_tabs .ant-tabs-nav {
38
+ height: 48px;
39
+ }
40
+ .ant-tabs.auto_tabs .ant-tabs-content-holder {
41
+ flex: 1;
42
+ overflow: auto;
43
+ }
44
+ .ant-drawer.drawer_wrapper .ant-drawer-header {
45
+ padding: 0 24px;
46
+ }
47
+ .ant-drawer.drawer_wrapper .ant-drawer-body {
48
+ position: relative;
49
+ flex: 1;
50
+ padding: 0 24px;
51
+ }
52
+ .ant-modal-wrap.plugin_modal {
53
+ display: flex;
54
+ flex-flow: column;
55
+ justify-content: flex-end;
56
+ }
57
+ .ant-modal-wrap.plugin_modal .ant-modal {
58
+ top: 0;
59
+ left: 56px;
60
+ margin: 0 0 8px 8px;
61
+ padding: 0;
62
+ }
63
+ .ant-modal-wrap.lm_modal_confirm .anticon {
64
+ margin-top: -1px;
65
+ margin-right: 8px;
66
+ }
67
+ .ant-modal-wrap.lm_modal_confirm .ant-modal-body {
68
+ padding: 16px 24px;
69
+ }
70
+ .ant-popover.pop_img .ant-popover-inner-content {
71
+ padding: var(--gap);
72
+ line-height: 1;
73
+ }
74
+ .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
76
+ font-weight: 500;
77
+ }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
84
+ @font-face {
85
+ font-family: 'iconfont';
86
+ /* Project id 2966019 */
87
+ src: url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff2?t=1641546077924') format('woff2'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff?t=1641546077924') format('woff'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.ttf?t=1641546077924') format('truetype');
88
+ }
89
+ .icon_ {
90
+ font-size: 14px;
91
+ font-family: 'iconfont';
92
+ }
93
+ .iconfont {
94
+ font-size: 12px;
95
+ }
96
+ .icon_home::before {
97
+ content: '\e7fc';
98
+ }
99
+ .lm-font-small-bold {
100
+ font-weight: 400;
101
+ font-size: var(--font-size-sm);
102
+ line-height: 20px;
103
+ }
104
+ .lm-font-middle-bold {
105
+ font-weight: 500;
106
+ font-size: var(--font-size-base);
107
+ line-height: 22px;
108
+ }
109
+ .lm-font-large-bold {
110
+ font-weight: 500;
111
+ font-size: var(--font-size-lg);
112
+ line-height: 24px;
113
+ }
114
+ .lm-font-small {
115
+ font-size: var(--font-size-sm);
116
+ line-height: 20px;
117
+ }
118
+ .lm-font-middle {
119
+ font-size: var(--font-size-base);
120
+ line-height: 22px;
121
+ }
122
+ .lm-font-large {
123
+ font-size: var(--font-size-lg);
124
+ line-height: 24px;
125
+ }
126
+ .lm-shadown-level1-up {
127
+ box-shadow: 0px -1px 2px -2px rgba(0, 0, 0, 0.16), 0px -3px 6px 0px rgba(0, 0, 0, 0.12), 0px -5px 12px 4px rgba(0, 0, 0, 0.09);
128
+ }
129
+ .lm-shadown-level2-up {
130
+ box-shadow: 0px -3px 6px -4px rgba(0, 0, 0, 0.12), 0px -6px 16px 0px rgba(0, 0, 0, 0.08), 0px -9px 28px 8px rgba(0, 0, 0, 0.05);
131
+ }
132
+ .lm-shadown-level3-up {
133
+ box-shadow: 0px -6px 16px -8px rgba(0, 0, 0, 0.08), 0px -9px 28px 0px rgba(0, 0, 0, 0.05), 0px -12px 48px 16px rgba(0, 0, 0, 0.03);
134
+ }
135
+ .lm-shadown-level1-down {
136
+ box-shadow: 0px 1px 2px -2px rgba(0, 0, 0, 0.16), 0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
137
+ }
138
+ .lm-shadown-level2-down {
139
+ box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
140
+ }
141
+ .lm-shadown-level3-down {
142
+ box-shadow: 0px 6px 16px -8px rgba(0, 0, 0, 0.08), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 12px 48px 16px rgba(0, 0, 0, 0.03);
143
+ }
144
+ .lm-shadown-level1-left {
145
+ box-shadow: -1px 0px 2px -2px rgba(0, 0, 0, 0.16), -3px 0px 6px 0px rgba(0, 0, 0, 0.12), -5px 0px 12px 4px rgba(0, 0, 0, 0.09);
146
+ }
147
+ .lm-shadown-level2-left {
148
+ box-shadow: -3px 0px 6px -4px rgba(0, 0, 0, 0.12), -6px 0px 16px 0px rgba(0, 0, 0, 0.08), -9px 0px 28px 8px rgba(0, 0, 0, 0.05);
149
+ }
150
+ .lm-shadown-level3-left {
151
+ box-shadow: -6px 0px 16px -8px rgba(0, 0, 0, 0.08), -9px 0px 28px 0px rgba(0, 0, 0, 0.05), -12px 0px 48px 16px rgba(0, 0, 0, 0.03);
152
+ }
153
+ .lm-shadown-level1-right {
154
+ box-shadow: 1px 0px 2px -2px rgba(0, 0, 0, 0.16), 3px 0px 6px 0px rgba(0, 0, 0, 0.12), 5px 0px 12px 4px rgba(0, 0, 0, 0.09);
155
+ }
156
+ .lm-shadown-level2-right {
157
+ box-shadow: 3px 0px 6px -4px rgba(0, 0, 0, 0.12), 6px 0px 16px 0px rgba(0, 0, 0, 0.08), 9px 0px 28px 8px rgba(0, 0, 0, 0.05);
158
+ }
159
+ .lm-shadown-level3-right {
160
+ box-shadow: 6px 0px 16px -8px rgba(0, 0, 0, 0.08), 9px 0px 28px 0px rgba(0, 0, 0, 0.05), 12px 0px 48px 16px rgba(0, 0, 0, 0.03);
161
+ }
162
+ :root {
163
+ --primary-color: #1890fc;
164
+ --primary-click-color: #096dd9;
165
+ --success-color: #52c14a;
166
+ --warning-color: #fd9727;
167
+ --error-color: #fa4f53;
168
+ --aside-bg-color: #022766;
169
+ --primary-hover-color: #40a9ff;
170
+ --primary-loading-color: #84b7fa;
171
+ --primary-select-color: #e6f7ff;
172
+ --error-hover-color: #ee8079;
173
+ --error-loading-color: #fbcdcd;
174
+ --disabled-border-color: rgba(0, 0, 0, 0.15);
175
+ --disabled-bg-color: rgba(0, 0, 0, 0.04);
176
+ --disabled-font-color: rgba(0, 0, 0, 0.25);
177
+ --font-color: rgba(0, 0, 0, 0.85);
178
+ --text-color: rgba(0, 0, 0, 0.45);
179
+ --tip-text-color: rgba(0, 0, 0, 0.25);
180
+ --stroke-color: rgba(0, 0, 0, 0.15);
181
+ --line-color: rgba(0, 0, 0, 0.06);
182
+ --background-color: rgba(0, 0, 0, 0.04);
183
+ --table-header-color: rgba(0, 0, 0, 0.02);
184
+ --font2-color: rgba(0, 0, 0, 0.65);
185
+ --background-color-hover: rgba(0, 0, 0, 0.08);
186
+ --border-color: #f0f0f0;
187
+ --stripe-color: #f5f5f5;
188
+ --border-hover-color: #f2f5f7;
189
+ --box-shadow-color: rgba(0, 0, 0, 0.1);
190
+ --table-background-color: #fafafa;
191
+ --disabled-color: rgba(0, 0, 0, 0.25);
192
+ --font-size: 12px;
193
+ --gap: 8px;
194
+ --basic-height: 24px;
195
+ --font-size-base: 14px;
196
+ --font-size-lg: calc(var(--font-size-base) + 2px);
197
+ --font-size-sm: 12px;
198
+ --color-contrast: #fff;
199
+ --color-100: #000;
200
+ --color-85: #262626;
201
+ --color-65: #595959;
202
+ --color-45: #8c8c8c;
203
+ --color-25: #bfbfbf;
204
+ --color-15: #d9d9d9;
205
+ --color-6: #f0f0f0;
206
+ --color-4: #f5f5f5;
207
+ --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
210
+ }
211
+ /** tag */
212
+ :root[theme='dark'] {
213
+ --font-color: rgba(255, 255, 255, 0.85);
214
+ --text-color: rgba(255, 255, 255, 0.45);
215
+ --tip-text-color: rgba(255, 255, 255, 0.25);
216
+ --stroke-color: rgba(255, 255, 255, 0.15);
217
+ --line-color: rgba(255, 255, 255, 0.06);
218
+ --background-color: rgba(255, 255, 255, 0.04);
219
+ --table-header-color: rgba(255, 255, 255, 0.02);
220
+ --font2-color: rgba(255, 255, 255, 0.65);
221
+ --background-color-hover: rgba(255, 255, 255, 0.08);
222
+ }
223
+ html {
224
+ background-color: #f0f2f5;
225
+ }
226
+ #app {
227
+ width: 100vw;
228
+ min-width: 1200px;
229
+ height: 100vh;
230
+ font-family: 'PingFang SC', 'Microsoft YaHei UI', '微软雅黑', Helvetica, Arial, sans-serif;
231
+ }
232
+ .ka-wrapper,
233
+ .ka-content {
234
+ height: 100%;
235
+ }
236
+ * {
237
+ margin: 0;
238
+ padding: 0;
239
+ list-style: none;
240
+ }
241
+ *::-webkit-scrollbar {
242
+ width: 8px;
243
+ height: 8px;
244
+ border-radius: 10px;
245
+ }
246
+ *::-webkit-scrollbar-button {
247
+ display: none;
248
+ }
249
+ *::-webkit-scrollbar-track {
250
+ background: transparent;
251
+ }
252
+ *::-webkit-scrollbar-thumb {
253
+ background: #d8d8d8;
254
+ border-radius: 6px;
255
+ }
256
+ *::-webkit-scrollbar-thumb:hover,
257
+ *::-webkit-scrollbar-thumb:active {
258
+ background: #bfbfbf;
259
+ }
260
+ .page-content {
261
+ margin: 12px;
262
+ padding: 16px;
263
+ background: #fff;
264
+ }
265
+ .addModal .ant-modal-header {
266
+ display: flex;
267
+ align-items: center;
268
+ height: 46px;
269
+ padding: 0 24px;
270
+ }
271
+ .addModal .ant-modal-close-x {
272
+ width: 46px;
273
+ height: 46px;
274
+ line-height: 44px;
275
+ }
276
+ .addModal .ant-modal-body {
277
+ padding: 24px 24px 21px;
278
+ }
279
+ .addModal .ant-modal-body .ant-tabs-nav {
280
+ margin: 0 10px;
281
+ }
282
+ .addModal .ant-modal-body .ant-tabs-content-holder {
283
+ max-height: 800px;
284
+ padding: 16px 10px;
285
+ overflow-y: auto;
286
+ }
287
+ .addModal .ant-modal-footer {
288
+ padding: 11px 24px;
289
+ }
290
+ .addModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
291
+ margin-left: 10px;
292
+ }
293
+ .editModal .ant-modal-header {
294
+ display: flex;
295
+ align-items: center;
296
+ height: 46px;
297
+ padding: 0 24px;
298
+ }
299
+ .editModal .ant-modal-close-x {
300
+ width: 46px;
301
+ height: 46px;
302
+ line-height: 44px;
303
+ }
304
+ .editModal .ant-modal-body {
305
+ max-height: 600px;
306
+ padding: 24px 24px 21px;
307
+ overflow-y: auto;
308
+ }
309
+ .editModal .ant-modal-body .ant-form-item {
310
+ margin-bottom: 16px;
311
+ }
312
+ .editModal .ant-modal-footer {
313
+ padding: 11px 24px;
314
+ }
315
+ .editModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
316
+ margin-left: 10px;
317
+ }
318
+ .ant-select-dropdown .ant-select-item {
319
+ align-items: center;
320
+ font-size: 12px;
321
+ }
322
+ .react-resizable {
323
+ position: relative;
324
+ background-clip: padding-box;
325
+ }
326
+ .react-resizable-handle {
327
+ position: absolute;
328
+ top: 0;
329
+ right: 0;
330
+ z-index: 1;
331
+ width: 3px;
332
+ height: 40px;
333
+ cursor: col-resize;
334
+ }
335
+ .react-resizable-handle:hover {
336
+ background-color: var(--primary-color);
337
+ }
338
+ .react-resizable-handle:active {
339
+ background-color: var(--primary-color);
340
+ }
341
+ .yf_resizable_bar {
342
+ position: absolute;
343
+ top: 0;
344
+ left: 0;
345
+ z-index: 2;
346
+ height: 0;
347
+ }
348
+ .resizable_line {
349
+ position: absolute;
350
+ top: 0;
351
+ left: 0;
352
+ z-index: 1;
353
+ width: 1px;
354
+ height: 100%;
355
+ background-color: var(--primary-color);
356
+ }
357
+ .handle_resizable {
358
+ position: absolute;
359
+ top: 0;
360
+ right: 0;
361
+ z-index: 2;
362
+ width: 5px;
363
+ height: 100%;
364
+ }
365
+ .card_cell_content {
366
+ display: flex;
367
+ flex-flow: column;
368
+ height: 100%;
369
+ overflow: hidden;
370
+ border: 1px solid transparent;
371
+ border-radius: 2px;
372
+ transition: 0.3s;
373
+ }
374
+ .card_cell_content .card_cell_body {
375
+ position: relative;
376
+ display: flex;
377
+ flex: 1;
378
+ flex-flow: column;
379
+ padding: 16px;
380
+ background: rgba(0, 0, 0, 0.02);
381
+ cursor: pointer;
382
+ }
383
+ .card_cell_content .card_cell_body .card_cell_checkbox {
384
+ position: absolute;
385
+ top: 8px;
386
+ left: 8px;
387
+ line-height: 1;
388
+ opacity: 0;
389
+ transition: 0.3s;
390
+ }
391
+ .card_cell_content .card_cell_body .card_cell_checkbox .ant-checkbox {
392
+ border: 8px solid rgba(255, 255, 255, 0.624);
393
+ border-radius: 2px;
394
+ }
395
+ .card_cell_content .card_cell_body .card_cell_info .title {
396
+ display: flex;
397
+ gap: 8px;
398
+ align-items: center;
399
+ justify-content: space-between;
400
+ }
401
+ .card_cell_content .card_cell_body .card_cell_info .title .label {
402
+ flex: 1;
403
+ overflow: hidden;
404
+ font-weight: 500;
405
+ font-size: 14px;
406
+ white-space: nowrap;
407
+ text-overflow: ellipsis;
408
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
409
+ }
410
+ .card_cell_content .card_cell_body .card_cell_info .title .icon {
411
+ display: inline-flex;
412
+ gap: 4px;
413
+ align-items: center;
414
+ height: 22px;
415
+ padding: 0 8px;
416
+ font-size: 12px;
417
+ line-height: 1;
418
+ background: var(--background-color);
419
+ }
420
+ .card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
421
+ margin: 0;
422
+ color: var(--text-color);
423
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
424
+ }
425
+ .card_cell_content .card_cell_body .card_cell_info .code .ant-typography .ant-typography-copy {
426
+ color: inherit;
427
+ }
428
+ .card_cell_content .card_cell_body .card_cell_info .expand {
429
+ display: flex;
430
+ flex-wrap: wrap;
431
+ gap: 16px;
432
+ padding: 6px 0 2px;
433
+ color: var(--text-color);
434
+ font-size: 12px;
435
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
436
+ }
437
+ .card_cell_content .card_cell_body .card_cell_info .expand > div {
438
+ padding: 2px 0;
439
+ }
440
+ .card_cell_content .card_cell_body .card_cell_center {
441
+ display: flex;
442
+ flex: 1;
443
+ align-items: center;
444
+ }
445
+ .card_cell_content .card_cell_body .card_cell_center .list {
446
+ display: flex;
447
+ align-items: center;
448
+ justify-content: space-between;
449
+ width: 100%;
450
+ margin: auto 0;
451
+ text-align: center;
452
+ }
453
+ .card_cell_content .card_cell_body .card_cell_center .list .item {
454
+ display: inline-flex;
455
+ gap: 4px;
456
+ align-items: center;
457
+ line-height: 1;
458
+ }
459
+ .card_cell_content .card_cell_body .card_cell_center .list .item .num {
460
+ color: var(--font-color);
461
+ font-weight: 500;
462
+ font-size: 20px;
463
+ }
464
+ .card_cell_content .card_cell_body .card_cell_center .list .item .text {
465
+ color: var(--text-color);
466
+ font-size: 12px;
467
+ }
468
+ .card_cell_content .card_cell_footer {
469
+ display: flex;
470
+ align-items: center;
471
+ height: 40px;
472
+ background: #f7f7f7;
473
+ }
474
+ .card_cell_content .card_cell_footer > * {
475
+ flex: 1;
476
+ }
477
+ .card_cell_content .card_cell_footer > *::after {
478
+ position: absolute;
479
+ top: 50%;
480
+ right: 0;
481
+ width: 1px;
482
+ height: 18px;
483
+ background-color: #e8e8e8;
484
+ transform: translateY(-50%);
485
+ content: '';
486
+ }
487
+ .card_cell_content .card_cell_footer button:last-child {
488
+ border: none;
489
+ }
490
+ .card_cell_content .card_cell_footer button:last-child::after {
491
+ display: none;
492
+ }
493
+ .card_cell_content .card_cell_footer .footer_expand {
494
+ font-size: 16px;
495
+ text-align: center;
496
+ border: none;
497
+ }
498
+ .card_cell_content.checked,
499
+ .card_cell_content:hover {
500
+ border-color: var(--primary-color);
501
+ }
502
+ .card_cell_content.checked .card_cell_body .card_cell_checkbox,
503
+ .card_cell_content:hover .card_cell_body .card_cell_checkbox {
504
+ opacity: 1;
505
+ }
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./index.css");
@@ -0,0 +1,5 @@
1
+ declare const DndContainer: ({ children, move }: {
2
+ children: any;
3
+ move: any;
4
+ }) => JSX.Element;
5
+ export default DndContainer;