linkmore-design 1.1.19-beta.2 → 1.1.19-beta.3

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.
package/dist/base.css ADDED
@@ -0,0 +1,512 @@
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
+ --border-radius: 2px;
202
+ --color-contrast: #fff;
203
+ --color-100: #000;
204
+ --color-85: #262626;
205
+ --color-65: #595959;
206
+ --color-45: #8c8c8c;
207
+ --color-25: #bfbfbf;
208
+ --color-15: #d9d9d9;
209
+ --color-6: #f0f0f0;
210
+ --color-4: #f5f5f5;
211
+ --color-2: #fafafa;
212
+ /** tree */
213
+ --tree-select-bg: #EDF6FF;
214
+ }
215
+ /** tag */
216
+ :root[theme='dark'] {
217
+ --font-color: rgba(255, 255, 255, 0.85);
218
+ --text-color: rgba(255, 255, 255, 0.45);
219
+ --tip-text-color: rgba(255, 255, 255, 0.25);
220
+ --stroke-color: rgba(255, 255, 255, 0.15);
221
+ --line-color: rgba(255, 255, 255, 0.06);
222
+ --background-color: rgba(255, 255, 255, 0.04);
223
+ --table-header-color: rgba(255, 255, 255, 0.02);
224
+ --font2-color: rgba(255, 255, 255, 0.65);
225
+ --background-color-hover: rgba(255, 255, 255, 0.08);
226
+ }
227
+ html {
228
+ background-color: #f0f2f5;
229
+ }
230
+ #app {
231
+ width: 100vw;
232
+ min-width: 1200px;
233
+ height: 100vh;
234
+ font-family: 'PingFang SC', 'Microsoft YaHei UI', '微软雅黑', Helvetica, Arial, sans-serif;
235
+ }
236
+ .ka-wrapper,
237
+ .ka-content {
238
+ height: 100%;
239
+ }
240
+ * {
241
+ margin: 0;
242
+ padding: 0;
243
+ list-style: none;
244
+ }
245
+ *::-webkit-scrollbar {
246
+ width: 8px;
247
+ height: 8px;
248
+ border-radius: 10px;
249
+ }
250
+ *::-webkit-scrollbar-button {
251
+ display: none;
252
+ }
253
+ *::-webkit-scrollbar-track {
254
+ background: transparent;
255
+ }
256
+ *::-webkit-scrollbar-thumb {
257
+ background: #d8d8d8;
258
+ border-radius: 6px;
259
+ }
260
+ *::-webkit-scrollbar-thumb:hover,
261
+ *::-webkit-scrollbar-thumb:active {
262
+ background: #bfbfbf;
263
+ }
264
+ .page-content {
265
+ margin: 12px;
266
+ padding: 16px;
267
+ background: #fff;
268
+ }
269
+ .addModal .ant-modal-header {
270
+ display: flex;
271
+ align-items: center;
272
+ height: 46px;
273
+ padding: 0 24px;
274
+ }
275
+ .addModal .ant-modal-close-x {
276
+ width: 46px;
277
+ height: 46px;
278
+ line-height: 44px;
279
+ }
280
+ .addModal .ant-modal-body {
281
+ padding: 24px 24px 21px;
282
+ }
283
+ .addModal .ant-modal-body .ant-tabs-nav {
284
+ margin: 0 10px;
285
+ }
286
+ .addModal .ant-modal-body .ant-tabs-content-holder {
287
+ max-height: 800px;
288
+ padding: 16px 10px;
289
+ overflow-y: auto;
290
+ }
291
+ .addModal .ant-modal-footer {
292
+ padding: 11px 24px;
293
+ }
294
+ .addModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
295
+ margin-left: 10px;
296
+ }
297
+ .editModal .ant-modal-header {
298
+ display: flex;
299
+ align-items: center;
300
+ height: 46px;
301
+ padding: 0 24px;
302
+ }
303
+ .editModal .ant-modal-close-x {
304
+ width: 46px;
305
+ height: 46px;
306
+ line-height: 44px;
307
+ }
308
+ .editModal .ant-modal-body {
309
+ max-height: 600px;
310
+ padding: 24px 24px 21px;
311
+ overflow-y: auto;
312
+ }
313
+ .editModal .ant-modal-body .ant-form-item {
314
+ margin-bottom: 16px;
315
+ }
316
+ .editModal .ant-modal-footer {
317
+ padding: 11px 24px;
318
+ }
319
+ .editModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
320
+ margin-left: 10px;
321
+ }
322
+ .ant-select-dropdown .ant-select-item {
323
+ align-items: center;
324
+ font-size: 12px;
325
+ }
326
+ .react-resizable {
327
+ position: relative;
328
+ background-clip: padding-box;
329
+ }
330
+ .react-resizable-handle {
331
+ position: absolute;
332
+ top: 0;
333
+ right: 0;
334
+ z-index: 1;
335
+ width: 3px;
336
+ height: 40px;
337
+ cursor: col-resize;
338
+ }
339
+ .react-resizable-handle:hover {
340
+ background-color: var(--primary-color);
341
+ }
342
+ .react-resizable-handle:active {
343
+ background-color: var(--primary-color);
344
+ }
345
+ .yf_resizable_bar {
346
+ position: absolute;
347
+ top: 0;
348
+ left: 0;
349
+ z-index: 2;
350
+ height: 0;
351
+ }
352
+ .resizable_line {
353
+ position: absolute;
354
+ top: 0;
355
+ left: 0;
356
+ z-index: 1;
357
+ width: 1px;
358
+ height: 100%;
359
+ background-color: var(--primary-color);
360
+ }
361
+ .handle_resizable {
362
+ position: absolute;
363
+ top: 0;
364
+ right: 0;
365
+ z-index: 2;
366
+ width: 5px;
367
+ height: 100%;
368
+ }
369
+ .card_cell_content {
370
+ display: flex;
371
+ flex-flow: column;
372
+ height: 100%;
373
+ overflow: hidden;
374
+ border: 1px solid transparent;
375
+ border-radius: 2px;
376
+ transition: 0.3s;
377
+ }
378
+ .card_cell_content .card_cell_body {
379
+ position: relative;
380
+ display: flex;
381
+ flex: 1;
382
+ flex-flow: column;
383
+ padding: 16px;
384
+ background: rgba(0, 0, 0, 0.02);
385
+ cursor: pointer;
386
+ }
387
+ .card_cell_content .card_cell_body .card_cell_checkbox {
388
+ position: absolute;
389
+ top: 8px;
390
+ left: 8px;
391
+ line-height: 1;
392
+ opacity: 0;
393
+ transition: 0.3s;
394
+ }
395
+ .card_cell_content .card_cell_body .card_cell_checkbox .ant-checkbox {
396
+ border: 8px solid rgba(255, 255, 255, 0.624);
397
+ border-radius: 2px;
398
+ }
399
+ .card_cell_content .card_cell_body .card_cell_info .title {
400
+ display: flex;
401
+ gap: 8px;
402
+ align-items: center;
403
+ justify-content: space-between;
404
+ }
405
+ .card_cell_content .card_cell_body .card_cell_info .title .label {
406
+ flex: 1;
407
+ overflow: hidden;
408
+ font-weight: 500;
409
+ font-size: 14px;
410
+ white-space: nowrap;
411
+ text-overflow: ellipsis;
412
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
413
+ }
414
+ .card_cell_content .card_cell_body .card_cell_info .title .icon {
415
+ display: inline-flex;
416
+ gap: 4px;
417
+ align-items: center;
418
+ height: 22px;
419
+ padding: 0 8px;
420
+ font-size: 12px;
421
+ line-height: 1;
422
+ background: var(--background-color);
423
+ }
424
+ .card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
425
+ margin: 0;
426
+ color: var(--text-color);
427
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
428
+ }
429
+ .card_cell_content .card_cell_body .card_cell_info .code .ant-typography .ant-typography-copy {
430
+ color: inherit;
431
+ }
432
+ .card_cell_content .card_cell_body .card_cell_info .expand {
433
+ display: flex;
434
+ flex-wrap: wrap;
435
+ gap: 16px;
436
+ padding: 6px 0 2px;
437
+ color: var(--text-color);
438
+ font-size: 12px;
439
+ text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
440
+ }
441
+ .card_cell_content .card_cell_body .card_cell_info .expand > div {
442
+ padding: 2px 0;
443
+ }
444
+ .card_cell_content .card_cell_body .card_cell_center {
445
+ display: flex;
446
+ flex: 1;
447
+ align-items: center;
448
+ }
449
+ .card_cell_content .card_cell_body .card_cell_center .list {
450
+ display: flex;
451
+ align-items: center;
452
+ justify-content: space-between;
453
+ width: 100%;
454
+ margin: auto 0;
455
+ text-align: center;
456
+ }
457
+ .card_cell_content .card_cell_body .card_cell_center .list .item {
458
+ display: inline-flex;
459
+ gap: 4px;
460
+ align-items: center;
461
+ line-height: 1;
462
+ }
463
+ .card_cell_content .card_cell_body .card_cell_center .list .item .num {
464
+ color: var(--font-color);
465
+ font-weight: 500;
466
+ font-size: 20px;
467
+ }
468
+ .card_cell_content .card_cell_body .card_cell_center .list .item .text {
469
+ color: var(--text-color);
470
+ font-size: 12px;
471
+ }
472
+ .card_cell_content .card_cell_footer {
473
+ display: flex;
474
+ align-items: center;
475
+ height: 40px;
476
+ background: #f7f7f7;
477
+ }
478
+ .card_cell_content .card_cell_footer > * {
479
+ flex: 1;
480
+ }
481
+ .card_cell_content .card_cell_footer > *::after {
482
+ position: absolute;
483
+ top: 50%;
484
+ right: 0;
485
+ width: 1px;
486
+ height: 18px;
487
+ background-color: #e8e8e8;
488
+ transform: translateY(-50%);
489
+ content: '';
490
+ }
491
+ .card_cell_content .card_cell_footer button:last-child {
492
+ border: none;
493
+ }
494
+ .card_cell_content .card_cell_footer button:last-child::after {
495
+ display: none;
496
+ }
497
+ .card_cell_content .card_cell_footer .footer_expand {
498
+ font-size: 16px;
499
+ text-align: center;
500
+ border: none;
501
+ }
502
+ .card_cell_content.checked,
503
+ .card_cell_content:hover {
504
+ border-color: var(--primary-color);
505
+ }
506
+ .card_cell_content.checked .card_cell_body .card_cell_checkbox,
507
+ .card_cell_content:hover .card_cell_body .card_cell_checkbox {
508
+ opacity: 1;
509
+ }
510
+ p {
511
+ margin-bottom: 0;
512
+ }
package/dist/index.umd.js CHANGED
@@ -225364,7 +225364,8 @@
225364
225364
  title: '分组',
225365
225365
  dataIndex: '_group',
225366
225366
  key: '_group',
225367
- width: 100
225367
+ width: 100,
225368
+ fixed: true
225368
225369
  }].concat(_toConsumableArray$1(innerColumns));
225369
225370
  }
225370
225371
  return sortOpen ? [sortDefaultColumnItem].concat(_toConsumableArray$1(innerColumns)) : innerColumns;