linkmore-design 1.0.87 → 1.0.89

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 (51) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/AutoComplete/index.d.ts +1 -2
  3. package/dist/CardTable/hooks/usePagination.d.ts +1 -1
  4. package/dist/CardTable/utils.d.ts +1 -1
  5. package/dist/FullScreen/demos/basic.d.ts +2 -0
  6. package/dist/FullScreen/demos/useInModal.d.ts +2 -0
  7. package/dist/FullScreen/index.d.ts +10 -0
  8. package/dist/FullScreen/style/index.d.ts +1 -0
  9. package/dist/IconFont/index.d.ts +2 -1
  10. package/dist/LmEditTable/EditTable.d.ts +1 -0
  11. package/dist/LmFilter/components/CascaderFilter.d.ts +1 -1
  12. package/dist/LmFilter/components/CheckboxFilter.d.ts +1 -1
  13. package/dist/LmFilter/components/DateFilter.d.ts +1 -1
  14. package/dist/LmFilter/components/SelectFilter.d.ts +1 -1
  15. package/dist/LmSelect/useCheckboxOptions.d.ts +1 -1
  16. package/dist/_util/placements.d.ts +1 -0
  17. package/dist/index.d.ts +2 -0
  18. package/dist/index.umd.css +67982 -4472
  19. package/dist/index.umd.js +147751 -122041
  20. package/dist/index.umd.min.css +2 -2
  21. package/dist/index.umd.min.js +20 -20
  22. package/es/AutoComplete/index.d.ts +1 -2
  23. package/es/FullScreen/index.d.ts +10 -0
  24. package/es/FullScreen/index.js +26 -0
  25. package/es/FullScreen/style/index.css +521 -0
  26. package/es/FullScreen/style/index.d.ts +1 -0
  27. package/es/FullScreen/style/index.js +1 -0
  28. package/es/IconFont/index.d.ts +3 -0
  29. package/es/IconFont/index.js +3 -12
  30. package/es/LmEditTable/EditTable.d.ts +1 -0
  31. package/es/LmEditTable/EditTable.js +19 -10
  32. package/es/LmEditTable/style/index.css +1 -0
  33. package/es/LmSelect/useCheckboxOptions.d.ts +1 -1
  34. package/es/_util/placements.d.ts +1 -0
  35. package/es/index.d.ts +2 -0
  36. package/es/index.js +2 -1
  37. package/lib/AutoComplete/index.d.ts +1 -2
  38. package/lib/FullScreen/index.d.ts +10 -0
  39. package/lib/FullScreen/index.js +39 -0
  40. package/lib/FullScreen/style/index.css +521 -0
  41. package/lib/FullScreen/style/index.d.ts +1 -0
  42. package/lib/FullScreen/style/index.js +3 -0
  43. package/lib/IconFont/index.d.ts +3 -0
  44. package/lib/LmEditTable/EditTable.d.ts +1 -0
  45. package/lib/LmEditTable/EditTable.js +18 -10
  46. package/lib/LmEditTable/style/index.css +1 -0
  47. package/lib/LmSelect/useCheckboxOptions.d.ts +1 -1
  48. package/lib/_util/placements.d.ts +1 -0
  49. package/lib/index.d.ts +2 -0
  50. package/lib/index.js +9 -1
  51. package/package.json +1 -1
@@ -1,3 +1,4 @@
1
+ import type { BuildInPlacements } from 'rc-trigger';
1
2
  export interface AdjustOverflow {
2
3
  adjustX?: 0 | 1;
3
4
  adjustY?: 0 | 1;
package/es/index.d.ts CHANGED
@@ -119,3 +119,5 @@ export { default as Descriptions } from './Descriptions';
119
119
  export type { DescriptionsProps } from './Descriptions';
120
120
  export { default as InputRange } from './InputRange';
121
121
  export type { InputRangeProps } from './InputRange';
122
+ export { default as FullScreen } from './FullScreen';
123
+ export type { IFullScreenProps } from './FullScreen';
package/es/index.js CHANGED
@@ -78,4 +78,5 @@ export { default as Avatar } from './Avatar';
78
78
  export { default as Divider } from './Divider';
79
79
  export { default as Skeleton } from './Skeleton';
80
80
  export { default as Descriptions } from './Descriptions';
81
- export { default as InputRange } from './InputRange';
81
+ export { default as InputRange } from './InputRange';
82
+ export { default as FullScreen } from './FullScreen';
@@ -10,7 +10,6 @@ import * as React from 'react';
10
10
  import type { BaseOptionType, DefaultOptionType, InternalSelectProps } from 'antd/es/select';
11
11
  import type { InputStatus } from '../_util/statusUtils';
12
12
  import { AutoComplete as AntdAutoComplete } from 'antd';
13
- declare const Option: import("rc-select/lib/Option").OptionFC;
14
13
  export interface DataSourceItemObject {
15
14
  value: string;
16
15
  text: string;
@@ -25,7 +24,7 @@ declare const RefAutoComplete: (<ValueType = any, OptionType extends DefaultOpti
25
24
  } & {
26
25
  ref?: React.Ref<BaseSelectRef>;
27
26
  }) => React.ReactElement) & {
28
- Option: typeof Option;
27
+ Option: import("rc-select/lib/Option").OptionFC;
29
28
  AntdAutoComplete: typeof AntdAutoComplete;
30
29
  };
31
30
  export default RefAutoComplete;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface IFullScreenProps {
3
+ className?: string;
4
+ status?: boolean;
5
+ style?: React.CSSProperties;
6
+ children: any;
7
+ onClose: () => void;
8
+ }
9
+ declare const FullScreen: (props: IFullScreenProps) => any;
10
+ export default FullScreen;
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.default = void 0;
11
+
12
+ var _react = _interopRequireWildcard(require("react"));
13
+
14
+ var _reactDom = _interopRequireDefault(require("react-dom"));
15
+
16
+ var FullScreen = function FullScreen(props) {
17
+ var children = props.children,
18
+ _props$status = props.status,
19
+ status = _props$status === void 0 ? false : _props$status,
20
+ onClose = props.onClose;
21
+ (0, _react.useEffect)(function () {
22
+ var fn = function fn(event) {
23
+ if (event.keyCode === 27) {
24
+ onClose === null || onClose === void 0 ? void 0 : onClose();
25
+ }
26
+ };
27
+
28
+ window.addEventListener('keydown', fn);
29
+ return function () {
30
+ window.removeEventListener('keydown', fn);
31
+ };
32
+ }, []);
33
+ return status ? /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement("div", {
34
+ className: 'lm_funll_screen'
35
+ }, children), document.body) : children;
36
+ };
37
+
38
+ var _default = FullScreen;
39
+ exports.default = _default;
@@ -0,0 +1,521 @@
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
+ .ant-collapse {
85
+ font-size: 12px;
86
+ }
87
+ @font-face {
88
+ font-family: 'iconfont';
89
+ /* Project id 2966019 */
90
+ 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');
91
+ }
92
+ .icon_ {
93
+ font-size: 14px;
94
+ font-family: 'iconfont';
95
+ }
96
+ .iconfont {
97
+ font-size: 12px;
98
+ }
99
+ .icon_home::before {
100
+ content: '\e7fc';
101
+ }
102
+ .lm-font-small-bold {
103
+ font-weight: 400;
104
+ font-size: var(--font-size-sm);
105
+ line-height: 20px;
106
+ }
107
+ .lm-font-middle-bold {
108
+ font-weight: 500;
109
+ font-size: var(--font-size-base);
110
+ line-height: 22px;
111
+ }
112
+ .lm-font-large-bold {
113
+ font-weight: 500;
114
+ font-size: var(--font-size-lg);
115
+ line-height: 24px;
116
+ }
117
+ .lm-font-small {
118
+ font-size: var(--font-size-sm);
119
+ line-height: 20px;
120
+ }
121
+ .lm-font-middle {
122
+ font-size: var(--font-size-base);
123
+ line-height: 22px;
124
+ }
125
+ .lm-font-large {
126
+ font-size: var(--font-size-lg);
127
+ line-height: 24px;
128
+ }
129
+ .lm-shadown-level1-up {
130
+ 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);
131
+ }
132
+ .lm-shadown-level2-up {
133
+ 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);
134
+ }
135
+ .lm-shadown-level3-up {
136
+ 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);
137
+ }
138
+ .lm-shadown-level1-down {
139
+ 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);
140
+ }
141
+ .lm-shadown-level2-down {
142
+ 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);
143
+ }
144
+ .lm-shadown-level3-down {
145
+ 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);
146
+ }
147
+ .lm-shadown-level1-left {
148
+ 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);
149
+ }
150
+ .lm-shadown-level2-left {
151
+ 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);
152
+ }
153
+ .lm-shadown-level3-left {
154
+ 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);
155
+ }
156
+ .lm-shadown-level1-right {
157
+ 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);
158
+ }
159
+ .lm-shadown-level2-right {
160
+ 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);
161
+ }
162
+ .lm-shadown-level3-right {
163
+ 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);
164
+ }
165
+ :root {
166
+ --primary-color: #1890fc;
167
+ --primary-click-color: #096dd9;
168
+ --success-color: #52c14a;
169
+ --warning-color: #fd9727;
170
+ --error-color: #fa4f53;
171
+ --aside-bg-color: #022766;
172
+ --primary-hover-color: #40a9ff;
173
+ --primary-loading-color: #84b7fa;
174
+ --primary-select-color: #e6f7ff;
175
+ --error-hover-color: #ee8079;
176
+ --error-loading-color: #fbcdcd;
177
+ --disabled-border-color: rgba(0, 0, 0, 0.15);
178
+ --disabled-bg-color: rgba(0, 0, 0, 0.04);
179
+ --disabled-font-color: rgba(0, 0, 0, 0.25);
180
+ --font-color: rgba(0, 0, 0, 0.85);
181
+ --text-color: rgba(0, 0, 0, 0.45);
182
+ --tip-text-color: rgba(0, 0, 0, 0.25);
183
+ --stroke-color: rgba(0, 0, 0, 0.15);
184
+ --line-color: rgba(0, 0, 0, 0.06);
185
+ --background-color: rgba(0, 0, 0, 0.04);
186
+ --table-header-color: rgba(0, 0, 0, 0.02);
187
+ --font2-color: rgba(0, 0, 0, 0.65);
188
+ --background-color-hover: rgba(0, 0, 0, 0.08);
189
+ --border-color: #f0f0f0;
190
+ --stripe-color: #f5f5f5;
191
+ --border-hover-color: #f2f5f7;
192
+ --box-shadow-color: rgba(0, 0, 0, 0.1);
193
+ --table-background-color: #fafafa;
194
+ --disabled-color: rgba(0, 0, 0, 0.25);
195
+ --font-size: 12px;
196
+ --gap: 8px;
197
+ --basic-height: 24px;
198
+ --font-size-base: 14px;
199
+ --font-size-lg: calc(var(--font-size-base) + 2px);
200
+ --font-size-sm: 12px;
201
+ --color-contrast: #fff;
202
+ --color-100: #000;
203
+ --color-85: #262626;
204
+ --color-65: #595959;
205
+ --color-45: #8c8c8c;
206
+ --color-25: #bfbfbf;
207
+ --color-15: #d9d9d9;
208
+ --color-6: #f0f0f0;
209
+ --color-4: #f5f5f5;
210
+ --color-2: #fafafa;
211
+ /** tree */
212
+ --tree-select-bg: #EDF6FF;
213
+ }
214
+ /** tag */
215
+ :root[theme='dark'] {
216
+ --font-color: rgba(255, 255, 255, 0.85);
217
+ --text-color: rgba(255, 255, 255, 0.45);
218
+ --tip-text-color: rgba(255, 255, 255, 0.25);
219
+ --stroke-color: rgba(255, 255, 255, 0.15);
220
+ --line-color: rgba(255, 255, 255, 0.06);
221
+ --background-color: rgba(255, 255, 255, 0.04);
222
+ --table-header-color: rgba(255, 255, 255, 0.02);
223
+ --font2-color: rgba(255, 255, 255, 0.65);
224
+ --background-color-hover: rgba(255, 255, 255, 0.08);
225
+ }
226
+ html {
227
+ background-color: #f0f2f5;
228
+ }
229
+ #app {
230
+ width: 100vw;
231
+ min-width: 1200px;
232
+ height: 100vh;
233
+ font-family: 'PingFang SC', 'Microsoft YaHei UI', '微软雅黑', Helvetica, Arial, sans-serif;
234
+ }
235
+ .ka-wrapper,
236
+ .ka-content {
237
+ height: 100%;
238
+ }
239
+ * {
240
+ margin: 0;
241
+ padding: 0;
242
+ list-style: none;
243
+ }
244
+ *::-webkit-scrollbar {
245
+ width: 8px;
246
+ height: 8px;
247
+ border-radius: 10px;
248
+ }
249
+ *::-webkit-scrollbar-button {
250
+ display: none;
251
+ }
252
+ *::-webkit-scrollbar-track {
253
+ background: transparent;
254
+ }
255
+ *::-webkit-scrollbar-thumb {
256
+ background: #d8d8d8;
257
+ border-radius: 6px;
258
+ }
259
+ *::-webkit-scrollbar-thumb:hover,
260
+ *::-webkit-scrollbar-thumb:active {
261
+ background: #bfbfbf;
262
+ }
263
+ .page-content {
264
+ margin: 12px;
265
+ padding: 16px;
266
+ background: #fff;
267
+ }
268
+ .addModal .ant-modal-header {
269
+ display: flex;
270
+ align-items: center;
271
+ height: 46px;
272
+ padding: 0 24px;
273
+ }
274
+ .addModal .ant-modal-close-x {
275
+ width: 46px;
276
+ height: 46px;
277
+ line-height: 44px;
278
+ }
279
+ .addModal .ant-modal-body {
280
+ padding: 24px 24px 21px;
281
+ }
282
+ .addModal .ant-modal-body .ant-tabs-nav {
283
+ margin: 0 10px;
284
+ }
285
+ .addModal .ant-modal-body .ant-tabs-content-holder {
286
+ max-height: 800px;
287
+ padding: 16px 10px;
288
+ overflow-y: auto;
289
+ }
290
+ .addModal .ant-modal-footer {
291
+ padding: 11px 24px;
292
+ }
293
+ .addModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
294
+ margin-left: 10px;
295
+ }
296
+ .editModal .ant-modal-header {
297
+ display: flex;
298
+ align-items: center;
299
+ height: 46px;
300
+ padding: 0 24px;
301
+ }
302
+ .editModal .ant-modal-close-x {
303
+ width: 46px;
304
+ height: 46px;
305
+ line-height: 44px;
306
+ }
307
+ .editModal .ant-modal-body {
308
+ max-height: 600px;
309
+ padding: 24px 24px 21px;
310
+ overflow-y: auto;
311
+ }
312
+ .editModal .ant-modal-body .ant-form-item {
313
+ margin-bottom: 16px;
314
+ }
315
+ .editModal .ant-modal-footer {
316
+ padding: 11px 24px;
317
+ }
318
+ .editModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
319
+ margin-left: 10px;
320
+ }
321
+ .ant-select-dropdown .ant-select-item {
322
+ align-items: center;
323
+ font-size: 12px;
324
+ }
325
+ .react-resizable {
326
+ position: relative;
327
+ background-clip: padding-box;
328
+ }
329
+ .react-resizable-handle {
330
+ position: absolute;
331
+ top: 0;
332
+ right: 0;
333
+ z-index: 1;
334
+ width: 3px;
335
+ height: 40px;
336
+ cursor: col-resize;
337
+ }
338
+ .react-resizable-handle:hover {
339
+ background-color: var(--primary-color);
340
+ }
341
+ .react-resizable-handle:active {
342
+ background-color: var(--primary-color);
343
+ }
344
+ .yf_resizable_bar {
345
+ position: absolute;
346
+ top: 0;
347
+ left: 0;
348
+ z-index: 2;
349
+ height: 0;
350
+ }
351
+ .resizable_line {
352
+ position: absolute;
353
+ top: 0;
354
+ left: 0;
355
+ z-index: 1;
356
+ width: 1px;
357
+ height: 100%;
358
+ background-color: var(--primary-color);
359
+ }
360
+ .handle_resizable {
361
+ position: absolute;
362
+ top: 0;
363
+ right: 0;
364
+ z-index: 2;
365
+ width: 5px;
366
+ height: 100%;
367
+ }
368
+ .card_cell_content {
369
+ display: flex;
370
+ flex-flow: column;
371
+ height: 100%;
372
+ overflow: hidden;
373
+ border: 1px solid transparent;
374
+ border-radius: 2px;
375
+ transition: 0.3s;
376
+ }
377
+ .card_cell_content .card_cell_body {
378
+ position: relative;
379
+ display: flex;
380
+ flex: 1;
381
+ flex-flow: column;
382
+ padding: 16px;
383
+ background: rgba(0, 0, 0, 0.02);
384
+ cursor: pointer;
385
+ }
386
+ .card_cell_content .card_cell_body .card_cell_checkbox {
387
+ position: absolute;
388
+ top: 8px;
389
+ left: 8px;
390
+ line-height: 1;
391
+ opacity: 0;
392
+ transition: 0.3s;
393
+ }
394
+ .card_cell_content .card_cell_body .card_cell_checkbox .ant-checkbox {
395
+ border: 8px solid rgba(255, 255, 255, 0.624);
396
+ border-radius: 2px;
397
+ }
398
+ .card_cell_content .card_cell_body .card_cell_info .title {
399
+ display: flex;
400
+ gap: 8px;
401
+ align-items: center;
402
+ justify-content: space-between;
403
+ }
404
+ .card_cell_content .card_cell_body .card_cell_info .title .label {
405
+ flex: 1;
406
+ overflow: hidden;
407
+ font-weight: 500;
408
+ font-size: 14px;
409
+ white-space: nowrap;
410
+ text-overflow: ellipsis;
411
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
412
+ }
413
+ .card_cell_content .card_cell_body .card_cell_info .title .icon {
414
+ display: inline-flex;
415
+ gap: 4px;
416
+ align-items: center;
417
+ height: 22px;
418
+ padding: 0 8px;
419
+ font-size: 12px;
420
+ line-height: 1;
421
+ background: var(--background-color);
422
+ }
423
+ .card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
424
+ margin: 0;
425
+ color: var(--text-color);
426
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
427
+ }
428
+ .card_cell_content .card_cell_body .card_cell_info .code .ant-typography .ant-typography-copy {
429
+ color: inherit;
430
+ }
431
+ .card_cell_content .card_cell_body .card_cell_info .expand {
432
+ display: flex;
433
+ flex-wrap: wrap;
434
+ gap: 16px;
435
+ padding: 6px 0 2px;
436
+ color: var(--text-color);
437
+ font-size: 12px;
438
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
439
+ }
440
+ .card_cell_content .card_cell_body .card_cell_info .expand > div {
441
+ padding: 2px 0;
442
+ }
443
+ .card_cell_content .card_cell_body .card_cell_center {
444
+ display: flex;
445
+ flex: 1;
446
+ align-items: center;
447
+ }
448
+ .card_cell_content .card_cell_body .card_cell_center .list {
449
+ display: flex;
450
+ align-items: center;
451
+ justify-content: space-between;
452
+ width: 100%;
453
+ margin: auto 0;
454
+ text-align: center;
455
+ }
456
+ .card_cell_content .card_cell_body .card_cell_center .list .item {
457
+ display: inline-flex;
458
+ gap: 4px;
459
+ align-items: center;
460
+ line-height: 1;
461
+ }
462
+ .card_cell_content .card_cell_body .card_cell_center .list .item .num {
463
+ color: var(--font-color);
464
+ font-weight: 500;
465
+ font-size: 20px;
466
+ }
467
+ .card_cell_content .card_cell_body .card_cell_center .list .item .text {
468
+ color: var(--text-color);
469
+ font-size: 12px;
470
+ }
471
+ .card_cell_content .card_cell_footer {
472
+ display: flex;
473
+ align-items: center;
474
+ height: 40px;
475
+ background: #f7f7f7;
476
+ }
477
+ .card_cell_content .card_cell_footer > * {
478
+ flex: 1;
479
+ }
480
+ .card_cell_content .card_cell_footer > *::after {
481
+ position: absolute;
482
+ top: 50%;
483
+ right: 0;
484
+ width: 1px;
485
+ height: 18px;
486
+ background-color: #e8e8e8;
487
+ transform: translateY(-50%);
488
+ content: '';
489
+ }
490
+ .card_cell_content .card_cell_footer button:last-child {
491
+ border: none;
492
+ }
493
+ .card_cell_content .card_cell_footer button:last-child::after {
494
+ display: none;
495
+ }
496
+ .card_cell_content .card_cell_footer .footer_expand {
497
+ font-size: 16px;
498
+ text-align: center;
499
+ border: none;
500
+ }
501
+ .card_cell_content.checked,
502
+ .card_cell_content:hover {
503
+ border-color: var(--primary-color);
504
+ }
505
+ .card_cell_content.checked .card_cell_body .card_cell_checkbox,
506
+ .card_cell_content:hover .card_cell_body .card_cell_checkbox {
507
+ opacity: 1;
508
+ }
509
+ p {
510
+ margin-bottom: 0;
511
+ }
512
+ .lm_funll_screen {
513
+ position: fixed;
514
+ width: 100%;
515
+ height: 100%;
516
+ top: 0;
517
+ left: 0;
518
+ z-index: 1100;
519
+ background-color: var(--color-contrast);
520
+ padding: 16px;
521
+ }
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./index.css");
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const IconFont: import("react").FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
3
+ export default IconFont;
@@ -18,6 +18,7 @@ interface ILmEditTable extends TableProps<any> {
18
18
  creatorButtonText?: string;
19
19
  style?: Record<string, any>;
20
20
  initData?: Record<string, any> | (() => Record<string, any>);
21
+ customAddClick?: () => void;
21
22
  };
22
23
  /** 是否为强制更新 */
23
24
  shouldUpdate?: boolean;
@@ -171,13 +171,15 @@ var InputRange = function InputRange(_a) {
171
171
  var _a$value = _a.value,
172
172
  value = _a$value === void 0 ? ['', ''] : _a$value,
173
173
  onChange = _a.onChange,
174
- editEnum = __rest(_a, ["value", "onChange"]); // 输入值改变
174
+ record = _a.record,
175
+ rowIndex = _a.rowIndex,
176
+ colIndex = _a.colIndex,
177
+ editEnum = __rest(_a, ["value", "onChange", "record", "rowIndex", "colIndex"]); // 输入值改变
175
178
 
176
179
 
177
- var nValue = (0, _toConsumableArray2.default)(value);
178
-
179
180
  var handleInput = function handleInput(e, type) {
180
181
  var v = e.target.value;
182
+ var nValue = (0, _toConsumableArray2.default)(value);
181
183
 
182
184
  if (type === 'prev') {
183
185
  nValue[0] = v;
@@ -186,10 +188,14 @@ var InputRange = function InputRange(_a) {
186
188
  if (type === 'next') {
187
189
  nValue[1] = v;
188
190
  }
189
- };
190
191
 
191
- var handleBlur = function handleBlur() {
192
- onChange(nValue);
192
+ if ((0, _lodash.isFunction)(editEnum.validator)) {
193
+ if (editEnum.validator(record, nValue, rowIndex, colIndex)) {
194
+ onChange(nValue);
195
+ }
196
+ } else {
197
+ onChange(nValue);
198
+ }
193
199
  };
194
200
 
195
201
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -199,14 +205,12 @@ var InputRange = function InputRange(_a) {
199
205
  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
200
206
  value: value === null || value === void 0 ? void 0 : value[0],
201
207
  placeholder: "\u8BF7\u8F93\u5165",
202
- onBlur: handleBlur,
203
208
  onChange: function onChange(e) {
204
209
  return handleInput(e, 'prev');
205
210
  }
206
211
  }, editEnum)), "~", /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
207
212
  value: value === null || value === void 0 ? void 0 : value[1],
208
213
  placeholder: "\u8BF7\u8F93\u5165",
209
- onBlur: handleBlur,
210
214
  onChange: function onChange(e) {
211
215
  return handleInput(e, 'next');
212
216
  }
@@ -454,7 +458,11 @@ var EditableCell = function EditableCell(props) {
454
458
  return /*#__PURE__*/_react.default.createElement(InputRange, Object.assign({
455
459
  onChange: handleFormItemChange,
456
460
  ref: inputRef
457
- }, resultComponentProps));
461
+ }, resultComponentProps, {
462
+ record: record,
463
+ rowIndex: rowIndex,
464
+ colIndex: colIndex
465
+ }));
458
466
 
459
467
  case 'number':
460
468
  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.InputNumber, Object.assign({
@@ -1176,7 +1184,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
1176
1184
  })), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
1177
1185
  className: "lm_editTable_add_bar",
1178
1186
  type: "dashed",
1179
- onClick: handleAdd,
1187
+ onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
1180
1188
  style: Object.assign({
1181
1189
  marginTop: 8
1182
1190
  }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})