linkmore-design 1.0.63 → 1.0.64

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 (79) hide show
  1. package/dist/LmEditTable/EditTable.d.ts +1 -1
  2. package/dist/LmFilter/customFilter/drawer.d.ts +4 -0
  3. package/dist/LmFilter/customFilter/saveModal.d.ts +4 -0
  4. package/dist/LmFilter/customFilter/valueDrawer.d.ts +4 -0
  5. package/dist/LmFilter/filterFns/index.d.ts +4 -1
  6. package/dist/Mentions/demos/basic.d.ts +2 -0
  7. package/dist/Mentions/index.d.ts +3 -0
  8. package/dist/Mentions/style/index.d.ts +1 -0
  9. package/dist/Rate/demos/basic.d.ts +2 -0
  10. package/dist/Rate/index.d.ts +3 -0
  11. package/dist/Rate/style/index.d.ts +1 -0
  12. package/dist/Steps/demos/basic.d.ts +2 -0
  13. package/dist/Steps/index.d.ts +3 -0
  14. package/dist/Steps/style/index.d.ts +1 -0
  15. package/dist/index.umd.js +22 -4
  16. package/dist/index.umd.min.js +1 -1
  17. package/es/EditTable/README.md.old +66 -0
  18. package/es/LmEditTable/EditTable.d.ts +1 -1
  19. package/es/LmEditTable/EditTable.js +22 -4
  20. package/es/LmFilter/complexFilter/drawer.js +2 -5
  21. package/es/LmFilter/components/CustomSelectFilter.js +18 -7
  22. package/es/LmFilter/components/DropdownFIlter.js +1 -0
  23. package/es/LmFilter/components/SelectFilter.js +14 -5
  24. package/es/LmFilter/components/index.js +9 -2
  25. package/es/LmFilter/customFilter/drawer.js +427 -0
  26. package/es/LmFilter/customFilter/index.js +47 -15
  27. package/es/LmFilter/customFilter/saveModal.js +187 -0
  28. package/es/LmFilter/customFilter/valueDrawer.js +238 -0
  29. package/es/LmFilter/filterFns/index.js +144 -19
  30. package/es/LmFilter/style/{style.css → index.css} +19 -8
  31. package/es/LmFilter/style/index.js +1 -1
  32. package/es/LmFilter/wrapper/FilterRoot.js +48 -2
  33. package/es/Mentions/index.d.ts +3 -0
  34. package/es/Mentions/index.js +3 -0
  35. package/es/Mentions/style/index.css +505 -0
  36. package/es/Mentions/style/index.d.ts +1 -0
  37. package/es/Mentions/style/index.js +1 -0
  38. package/es/Rate/index.d.ts +3 -0
  39. package/es/Rate/index.js +3 -0
  40. package/es/Rate/style/index.css +505 -0
  41. package/es/Rate/style/index.d.ts +1 -0
  42. package/es/Rate/style/index.js +1 -0
  43. package/es/Steps/index.d.ts +3 -0
  44. package/es/Steps/index.js +3 -0
  45. package/es/Steps/style/index.css +505 -0
  46. package/es/Steps/style/index.d.ts +1 -0
  47. package/es/Steps/style/index.js +1 -0
  48. package/lib/EditTable/README.md.old +66 -0
  49. package/lib/LmEditTable/EditTable.d.ts +1 -1
  50. package/lib/LmEditTable/EditTable.js +22 -4
  51. package/lib/LmFilter/complexFilter/drawer.js +2 -5
  52. package/lib/LmFilter/components/CustomSelectFilter.js +18 -7
  53. package/lib/LmFilter/components/DropdownFIlter.js +1 -0
  54. package/lib/LmFilter/components/SelectFilter.js +14 -5
  55. package/lib/LmFilter/components/index.js +9 -2
  56. package/lib/LmFilter/customFilter/drawer.js +427 -0
  57. package/lib/LmFilter/customFilter/index.js +47 -15
  58. package/lib/LmFilter/customFilter/saveModal.js +187 -0
  59. package/lib/LmFilter/customFilter/valueDrawer.js +238 -0
  60. package/lib/LmFilter/filterFns/index.js +144 -19
  61. package/lib/LmFilter/style/{style.css → index.css} +19 -8
  62. package/lib/LmFilter/style/index.js +1 -1
  63. package/lib/LmFilter/wrapper/FilterRoot.js +48 -2
  64. package/lib/Mentions/index.d.ts +3 -0
  65. package/lib/Mentions/index.js +15 -0
  66. package/lib/Mentions/style/index.css +505 -0
  67. package/lib/Mentions/style/index.d.ts +1 -0
  68. package/lib/Mentions/style/index.js +3 -0
  69. package/lib/Rate/index.d.ts +3 -0
  70. package/lib/Rate/index.js +15 -0
  71. package/lib/Rate/style/index.css +505 -0
  72. package/lib/Rate/style/index.d.ts +1 -0
  73. package/lib/Rate/style/index.js +3 -0
  74. package/lib/Steps/index.d.ts +3 -0
  75. package/lib/Steps/index.js +15 -0
  76. package/lib/Steps/style/index.css +505 -0
  77. package/lib/Steps/style/index.d.ts +1 -0
  78. package/lib/Steps/style/index.js +3 -0
  79. package/package.json +1 -1
@@ -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 @@
1
+ import "./index.css";
@@ -0,0 +1,66 @@
1
+ ---
2
+ nav:
3
+ title: 组件
4
+ path: /components
5
+ group:
6
+ title: 组件
7
+ path: /basic
8
+ ---
9
+
10
+ ## EditTable 表格
11
+
12
+ > 原有表格增加:
13
+ >
14
+ > isEdit: 是否为编辑状态
15
+ > isAdd: 是否展示底部新增按钮
16
+
17
+ ### 示例
18
+
19
+ <code src="./demos/basic.jsx" background="#fff" />
20
+
21
+ <code src="./demos/Editbasic.jsx" background="#fff" />
22
+
23
+ <code src="./demos/hoverEdit.jsx" background="#fff" />
24
+
25
+ <code src="./demos/formEditTable.jsx" background="#fff" />
26
+
27
+ ### EditTable
28
+
29
+ | 参数 | 说明 | 类型 | 可选 | 默认值 |
30
+ | -------- | -------------------------------------------------- | ------------------------- | ------- | ------ |
31
+ | isEdit | 是否为编辑状态 | Boolean | | false |
32
+ | isHoverEdit | 是否为划过编辑状态,开启后将覆盖 isEdit 行为 | Boolean | | false |
33
+ | isAdd | 表格底部是否出现新增按钮 | Boolean | | true |
34
+ | value | 默认数据源(对应 antd 中 table 的 dataSource) | object[] | | true |
35
+ | onChange | 当 isEdit 为 true, 或 isAdd 为 True 时,操作时触发 | (dataSource: T[]) => void | | |
36
+ | columns | 列定义 | (dataSource: T[]) => void | Columns | |
37
+ | rowKey | 添加到 dataSource 中的 key | String | | \_ID |
38
+
39
+ ### Columns
40
+
41
+ | 参数 | 说明 | 类型 | 可选 | 默认值 |
42
+ | --------- | ---------------------------------- | ----------------- | ------------ | ------ | --- |
43
+ | title | 标题 | String | JSX | | |
44
+ | dataIndex | 键值 | String | | |
45
+ | width | 宽度 | Number | | |
46
+ | ellipsis | 是否溢出省略 | Boolean | | |
47
+ | editable | 编辑类型 | String | editableType | |
48
+ | editEnum | 枚举,下拉框时为数组,否则为配置项 | Array \|\| Object | | |
49
+ | valueType | 下拉框时使用,配置项 | Object | | |
50
+
51
+ - **editEnum: 当 editable 为'select'时需传入数组项,非'select'时为配置项,请传入对象,会作用于对应组件配置**
52
+ - 数组指定接收: id,value,label
53
+
54
+ #### editableType
55
+
56
+ | 参数 | 说明 | 类型 | 可选 | 默认值 |
57
+ | ---------- | ---------- | ---- | ---- | ------ |
58
+ | input | 输入框 | | | |
59
+ | inputRange | 输入区间框 | | | |
60
+ | number | 数字框 | | | |
61
+ | select | 下拉框 | | | |
62
+ | multiple | 下拉多选 | | | |
63
+ | date | 日期选择 | | | |
64
+ | checkbox | 复选框 | | | |
65
+ | radio | 单选 | | | |
66
+ | upload | 上传 | | | |
@@ -8,7 +8,7 @@ interface ILmEditTable extends TableProps<any> {
8
8
  rowHoverEdit?: boolean;
9
9
  isUseForm?: boolean;
10
10
  isHoverEdit?: boolean;
11
- useQuickOpetate?: boolean;
11
+ useQuickOpetate?: boolean | string[];
12
12
  sortOpen?: boolean;
13
13
  size?: TableProps<any>['size'];
14
14
  colSortOpen?: boolean;
@@ -209,8 +209,16 @@ var Opetate = function Opetate(_ref) {
209
209
  var record = _ref.record,
210
210
  rowKey = _ref.rowKey,
211
211
  handleAdd = _ref.handleAdd,
212
- handleDelete = _ref.handleDelete;
213
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
212
+ handleDelete = _ref.handleDelete,
213
+ _ref$options = _ref.options,
214
+ options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options;
215
+ return /*#__PURE__*/_react.default.createElement("div", {
216
+ style: {
217
+ display: 'flex',
218
+ alignItems: 'center',
219
+ justifyContent: 'center'
220
+ }
221
+ }, options.includes('add') && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
214
222
  type: "link",
215
223
  size: "small",
216
224
  icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -222,7 +230,7 @@ var Opetate = function Opetate(_ref) {
222
230
  onClick: function onClick() {
223
231
  return handleDelete(record[rowKey]);
224
232
  }
225
- }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
233
+ }), options.includes('delete') && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
226
234
  type: "link",
227
235
  size: "small",
228
236
  icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -843,7 +851,10 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
843
851
  dataIndex: 'lm_edit_opetate',
844
852
  width: 68,
845
853
  fixed: 'right',
846
- editable: 'lm_edit_opetate'
854
+ editable: 'lm_edit_opetate',
855
+ componentProps: {
856
+ options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
857
+ }
847
858
  } : null]).filter(function (item) {
848
859
  return item;
849
860
  });
@@ -882,6 +893,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
882
893
 
883
894
  return record[dataIndex] === prevRecord[dataIndex] ? false : true;
884
895
  },
896
+ // render: (text: string, record: Record<string, any>, index: number) => {
897
+ // const { editable, render } = record
898
+ // if (!editable && render) {
899
+ // return render?.(text, record ,index)
900
+ // }
901
+ // },
885
902
  onCell: function onCell(record) {
886
903
  return {
887
904
  getLength: function getLength() {
@@ -909,6 +926,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
909
926
  }
910
927
  });
911
928
  });
929
+ console.log(res, '---res');
912
930
  return res;
913
931
  }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable]);
914
932
  var DraggableContainer = (0, _react.useCallback)(function (_a) {
@@ -305,7 +305,7 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
305
305
  var onClose = function onClose() {
306
306
  dispatch({
307
307
  type: 'changeComplexDrawer',
308
- complexDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.complexDrawer), {}, {
308
+ complexDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, complexDrawer), {}, {
309
309
  visible: false
310
310
  })
311
311
  });
@@ -352,10 +352,7 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
352
352
  extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
353
353
  onClick: onClose,
354
354
  size: "small"
355
- }, "\u53D6\u6D88"), !!instance.custom && /*#__PURE__*/_react.default.createElement(SaveModal, {
356
- state: state,
357
- dispatch: dispatch
358
- }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
355
+ }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
359
356
  type: "primary",
360
357
  onClick: onSearch,
361
358
  size: "small"