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
@@ -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,26 @@
1
+ import React, { useEffect } from 'react';
2
+ import ReactDom from 'react-dom';
3
+
4
+ var FullScreen = function FullScreen(props) {
5
+ var children = props.children,
6
+ _props$status = props.status,
7
+ status = _props$status === void 0 ? false : _props$status,
8
+ onClose = props.onClose;
9
+ useEffect(function () {
10
+ var fn = function fn(event) {
11
+ if (event.keyCode === 27) {
12
+ onClose === null || onClose === void 0 ? void 0 : onClose();
13
+ }
14
+ };
15
+
16
+ window.addEventListener('keydown', fn);
17
+ return function () {
18
+ window.removeEventListener('keydown', fn);
19
+ };
20
+ }, []);
21
+ return status ? /*#__PURE__*/ReactDom.createPortal( /*#__PURE__*/React.createElement("div", {
22
+ className: 'lm_funll_screen'
23
+ }, children), document.body) : children;
24
+ };
25
+
26
+ export default FullScreen;
@@ -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 @@
1
+ import "./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;
@@ -1,16 +1,7 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _icons = require("@ant-design/icons");
9
-
10
- var IconFont = (0, _icons.createFromIconfontCN)({
1
+ import { createFromIconfontCN } from '@ant-design/icons';
2
+ var IconFont = createFromIconfontCN({
11
3
  scriptUrl: '//at.alicdn.com/t/c/font_2966019_totaqlvhjak.js' // 在 iconfont.cn 上生成
12
4
  // scriptUrl: require('./font/iconfont.js'),
13
5
 
14
6
  });
15
- var _default = IconFont;
16
- exports.default = _default;
7
+ 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;
@@ -139,14 +139,17 @@ var InputRange = function InputRange(_a) {
139
139
  var _a$value = _a.value,
140
140
  value = _a$value === void 0 ? ['', ''] : _a$value,
141
141
  onChange = _a.onChange,
142
- editEnum = __rest(_a, ["value", "onChange"]); // 输入值改变
142
+ record = _a.record,
143
+ rowIndex = _a.rowIndex,
144
+ colIndex = _a.colIndex,
145
+ editEnum = __rest(_a, ["value", "onChange", "record", "rowIndex", "colIndex"]); // 输入值改变
143
146
 
144
147
 
145
- var nValue = _toConsumableArray(value);
146
-
147
148
  var handleInput = function handleInput(e, type) {
148
149
  var v = e.target.value;
149
150
 
151
+ var nValue = _toConsumableArray(value);
152
+
150
153
  if (type === 'prev') {
151
154
  nValue[0] = v;
152
155
  }
@@ -154,10 +157,14 @@ var InputRange = function InputRange(_a) {
154
157
  if (type === 'next') {
155
158
  nValue[1] = v;
156
159
  }
157
- };
158
160
 
159
- var handleBlur = function handleBlur() {
160
- onChange(nValue);
161
+ if (isFunction(editEnum.validator)) {
162
+ if (editEnum.validator(record, nValue, rowIndex, colIndex)) {
163
+ onChange(nValue);
164
+ }
165
+ } else {
166
+ onChange(nValue);
167
+ }
161
168
  };
162
169
 
163
170
  return /*#__PURE__*/React.createElement("div", {
@@ -167,14 +174,12 @@ var InputRange = function InputRange(_a) {
167
174
  }, /*#__PURE__*/React.createElement(Input, Object.assign({
168
175
  value: value === null || value === void 0 ? void 0 : value[0],
169
176
  placeholder: "\u8BF7\u8F93\u5165",
170
- onBlur: handleBlur,
171
177
  onChange: function onChange(e) {
172
178
  return handleInput(e, 'prev');
173
179
  }
174
180
  }, editEnum)), "~", /*#__PURE__*/React.createElement(Input, Object.assign({
175
181
  value: value === null || value === void 0 ? void 0 : value[1],
176
182
  placeholder: "\u8BF7\u8F93\u5165",
177
- onBlur: handleBlur,
178
183
  onChange: function onChange(e) {
179
184
  return handleInput(e, 'next');
180
185
  }
@@ -422,7 +427,11 @@ var EditableCell = function EditableCell(props) {
422
427
  return /*#__PURE__*/React.createElement(InputRange, Object.assign({
423
428
  onChange: handleFormItemChange,
424
429
  ref: inputRef
425
- }, resultComponentProps));
430
+ }, resultComponentProps, {
431
+ record: record,
432
+ rowIndex: rowIndex,
433
+ colIndex: colIndex
434
+ }));
426
435
 
427
436
  case 'number':
428
437
  return /*#__PURE__*/React.createElement(InputNumber, Object.assign({
@@ -1145,7 +1154,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
1145
1154
  })), isShowAddAction && /*#__PURE__*/React.createElement(Button, {
1146
1155
  className: "lm_editTable_add_bar",
1147
1156
  type: "dashed",
1148
- onClick: handleAdd,
1157
+ onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
1149
1158
  style: Object.assign({
1150
1159
  marginTop: 8
1151
1160
  }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})
@@ -554,6 +554,7 @@ p {
554
554
  }
555
555
  .lm_editTable_warpper .lm_custom_cell_td .ant-form-item-control-input-content > div {
556
556
  flex: 1;
557
+ max-width: 100%;
557
558
  }
558
559
  .lm_editTable_warpper .lm_editTable_cell_edit {
559
560
  height: 40px;
@@ -1,4 +1,4 @@
1
- export declare const useCheckboxOptions: (options: any, { value, onChange }: {
1
+ export declare const useCheckboxOptions: (options: any, { value, onChange: onCheckChange }: {
2
2
  value?: any[];
3
3
  onChange: any;
4
4
  }, filter?: string) => JSX.Element;