linkmore-design 1.0.32 → 1.0.33

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 (35) hide show
  1. package/dist/index.umd.js +639 -15
  2. package/dist/index.umd.min.js +5 -5
  3. package/es/CustomTableOption/columnsSort.d.ts +4 -0
  4. package/es/CustomTableOption/columnsSort.js +317 -0
  5. package/es/CustomTableOption/filterSort.d.ts +4 -0
  6. package/es/CustomTableOption/filterSort.js +193 -0
  7. package/es/CustomTableOption/index.d.ts +12 -0
  8. package/es/CustomTableOption/index.js +122 -0
  9. package/es/CustomTableOption/style/index.css +548 -0
  10. package/es/CustomTableOption/style/index.d.ts +1 -0
  11. package/es/CustomTableOption/style/index.js +1 -0
  12. package/es/LmTable/Table.js +27 -13
  13. package/es/LmTable/style/style.css +4 -0
  14. package/es/Radio/style/style.css +2 -1
  15. package/es/Tag/index.js +2 -2
  16. package/es/Tag/style/index.css +4 -0
  17. package/es/index.js +9 -1
  18. package/es/message/style/index.css +1 -1
  19. package/lib/CustomTableOption/columnsSort.d.ts +4 -0
  20. package/lib/CustomTableOption/columnsSort.js +336 -0
  21. package/lib/CustomTableOption/filterSort.d.ts +4 -0
  22. package/lib/CustomTableOption/filterSort.js +213 -0
  23. package/lib/CustomTableOption/index.d.ts +12 -0
  24. package/lib/CustomTableOption/index.js +140 -0
  25. package/lib/CustomTableOption/style/index.css +548 -0
  26. package/lib/CustomTableOption/style/index.d.ts +1 -0
  27. package/lib/CustomTableOption/style/index.js +3 -0
  28. package/lib/LmTable/Table.js +27 -13
  29. package/lib/LmTable/style/style.css +4 -0
  30. package/lib/Radio/style/style.css +2 -1
  31. package/lib/Tag/index.js +2 -2
  32. package/lib/Tag/style/index.css +4 -0
  33. package/lib/index.js +9 -1
  34. package/lib/message/style/index.css +1 -1
  35. package/package.json +1 -1
@@ -0,0 +1,548 @@
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
+ }
506
+ .lm_custom_option_columns .global_setting {
507
+ height: 44px;
508
+ background-color: var(--color-4);
509
+ display: flex;
510
+ align-items: center;
511
+ justify-content: space-between;
512
+ padding: 0 16px;
513
+ font-size: 12px;
514
+ margin-bottom: 8px;
515
+ }
516
+ .lm_custom_option_columns .global_setting .lm-checkbox > span {
517
+ font-size: 12px;
518
+ }
519
+ .lm_custom_option_columns .fixed_title {
520
+ color: var(--color-45);
521
+ font-size: 12px;
522
+ display: inline-block;
523
+ margin-bottom: 8px;
524
+ }
525
+ .lm_custom_option_columns .lm_custom_item {
526
+ height: 44px;
527
+ background-color: var(--color-4);
528
+ display: flex;
529
+ align-items: center;
530
+ justify-content: space-between;
531
+ padding: 0 16px;
532
+ font-size: 12px;
533
+ margin-bottom: 8px;
534
+ }
535
+ .lm_custom_option_columns .lm_custom_item .lm-checkbox > span {
536
+ font-size: 12px;
537
+ }
538
+ .lm_custom_option_columns .lm_custom_icon {
539
+ font-size: 16px;
540
+ margin-left: 8px;
541
+ cursor: pointer;
542
+ }
543
+ .lm_custom_option_columns .lm_custom_icon.sort_item {
544
+ color: var(--tip-text-color);
545
+ }
546
+ .lm_custom_option_columns .lm_custom_icon.hover_show {
547
+ color: var(--primary-color);
548
+ }
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -0,0 +1 @@
1
+ import "./index.css";
@@ -27,7 +27,7 @@ var _react = _interopRequireWildcard(require("react"));
27
27
 
28
28
  var _resetConfig = _interopRequireDefault(require("./resetConfig"));
29
29
 
30
- var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck", "rowSelection"];
30
+ var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck", "rowSelection", "columnsState", "tableRowType"];
31
31
  var Summary = _proTable.default.Summary;
32
32
  exports.Summary = Summary;
33
33
  var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -45,6 +45,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
45
45
  virtual = _props$virtual === void 0 ? false : _props$virtual,
46
46
  customCheck = props.customCheck,
47
47
  rowSelection = props.rowSelection,
48
+ columnsState = props.columnsState,
49
+ _props$tableRowType = props.tableRowType,
50
+ tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
48
51
  resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
49
52
  var _resetProps$rowKey = resetProps.rowKey,
50
53
  rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
@@ -89,7 +92,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
89
92
  };
90
93
 
91
94
  var resetColumns = (0, _react.useCallback)(function () {
92
- return useColumns.map(function (col, index) {
95
+ return useColumns.filter(function (item) {
96
+ return item.show !== false;
97
+ }).map(function (col, index) {
93
98
  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, col), {}, {
94
99
  width: col.width,
95
100
  onHeaderCell: function onHeaderCell(column) {
@@ -112,20 +117,25 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
112
117
  trigger = _Object$assign.trigger,
113
118
  highlight = _Object$assign.highlight;
114
119
 
120
+ console.log(trigger, highlight, 'rowclick');
121
+
115
122
  if (highlight) {
116
123
  setActiveKey(record[rowKey]);
117
124
  }
118
125
 
119
126
  if (trigger === 'row') {
120
127
  var selectedRows = useSelectedRows.selectedRows;
121
- var selectedRowKeys = selectedRows.map(function (v) {
122
- return v[rowKey];
123
- });
124
- var Idx = selectedRowKeys.indexOf(record[rowKey]);
125
- Idx >= 0 ? selectedRows.splice(Idx, 1) : selectedRows.push(record);
126
- setSelectedRows({
127
- selectedRows: selectedRows
128
- });
128
+
129
+ if (tableRowType === 'select' || tableRowType === 'default' && selectedRows.length) {
130
+ var selectedRowKeys = selectedRows.map(function (v) {
131
+ return v[rowKey];
132
+ });
133
+ var Idx = selectedRowKeys.indexOf(record[rowKey]);
134
+ Idx >= 0 ? selectedRows.splice(Idx, 1) : selectedRows.push(record);
135
+ setSelectedRows({
136
+ selectedRows: selectedRows
137
+ });
138
+ }
129
139
  }
130
140
 
131
141
  rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
@@ -147,7 +157,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
147
157
  debounceTime: 300,
148
158
  revalidateOnFocus: false,
149
159
  options: {
150
- setting: false,
160
+ setting: true,
151
161
  density: false,
152
162
  fullScreen: false,
153
163
  reload: false
@@ -155,6 +165,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
155
165
  columnsState: {
156
166
  value: columnsStateMap,
157
167
  onChange: function onChange(k) {
168
+ console.log(k, 'kkk');
158
169
  setColumnsStateMap(k);
159
170
  }
160
171
  },
@@ -231,7 +242,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
231
242
  // }, [columns, autoSize.width])
232
243
 
233
244
  (0, _react.useEffect)(function () {
234
- var obj = {};
245
+ var obj = (0, _objectSpread2.default)({}, columnsState);
235
246
  columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
236
247
  if (item.fixed) {
237
248
  obj[item.dataIndex || item.key] = {
@@ -241,6 +252,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
241
252
  });
242
253
  setColumnsStateMap(obj);
243
254
  }, []); // useEffect(() => {
255
+ // console.log(props.columnsStateValue, 'v vv')
256
+ // setColumnsStateMap(props.columnsStateValue)
257
+ // }, [props.columnsStateValue])
258
+ // useEffect(() => {
244
259
  // rowClick?.()
245
260
  // }, [useSelectedRows])
246
261
  // 将节点方法给外部使用
@@ -385,7 +400,6 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
385
400
  _tableWarpRef$current7 = _tableWarpRef$current5.height,
386
401
  height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
387
402
 
388
- console.log(width, height, '--tableWarpReftableWarpRef', tableWarpRef.current);
389
403
  var value = summary ? 48 : 0;
390
404
  resizeRef.current = window.addEventListener('resize', handResize);
391
405
  setTableSize({
@@ -1118,6 +1118,9 @@ html {
1118
1118
  #lm_protable_warp .ant-pro-card-body {
1119
1119
  padding: 0;
1120
1120
  }
1121
+ #lm_protable_warp .lm_protable .ant-table {
1122
+ font-size: 12px;
1123
+ }
1121
1124
  #lm_protable_warp .lm_protable .ant-card-body,
1122
1125
  #lm_protable_warp .lm_protable .ant-pro-card-body {
1123
1126
  padding: 0;
@@ -1167,6 +1170,7 @@ html {
1167
1170
  #lm_protable_warp .lm_protable .ant-table-thead > tr > th {
1168
1171
  background: var(--color-4);
1169
1172
  font-size: 12px;
1173
+ padding: 8px;
1170
1174
  }
1171
1175
  #lm_protable_warp .lm_protable .ant-table.ant-table-small {
1172
1176
  font-size: 12px;
@@ -30,7 +30,7 @@
30
30
  font-size: 12px;
31
31
  line-height: 30px;
32
32
  height: 32px;
33
- padding: 1px 8px;
33
+ padding: 1px 12px;
34
34
  color: var(--font-color);
35
35
  vertical-align: middle;
36
36
  }
@@ -73,6 +73,7 @@
73
73
  .lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
74
74
  line-height: 22px;
75
75
  height: 24px;
76
+ padding: 1px 8px;
76
77
  }
77
78
  .lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
78
79
  line-height: 22px;
package/es/Tag/index.js CHANGED
@@ -16,7 +16,7 @@ var __rest = this && this.__rest || function (s, e) {
16
16
 
17
17
  import React, { forwardRef } from 'react';
18
18
  import classNames from 'classnames';
19
- export var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime'];
19
+ export var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime', 'theme'];
20
20
  var prefixCls = 'lm_tag';
21
21
  var LmTag = /*#__PURE__*/forwardRef(function (props, ref) {
22
22
  var className = props.className,
@@ -29,7 +29,7 @@ var LmTag = /*#__PURE__*/forwardRef(function (props, ref) {
29
29
  color: color,
30
30
  className: classNames(prefixCls, {
31
31
  lm_tag_noborder: !!props.noborder
32
- }, className, PresetColorTypes.includes(color) && "lm_tag_main_color")
32
+ }, className, PresetColorTypes.includes(color) && "lm_tag_main_color lm_tag_main_".concat(color))
33
33
  }));
34
34
  });
35
35
  LmTag.CheckableTag = _Tag.CheckableTag;