linkmore-design 1.0.89 → 1.0.90

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 (62) hide show
  1. package/dist/Modal/index.d.ts +1 -0
  2. package/dist/Select/index.d.ts +2 -9
  3. package/dist/Tabs/TabPane.d.ts +5 -0
  4. package/dist/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  5. package/dist/Tabs/hooks/useLegacyItems.d.ts +4 -0
  6. package/dist/Tabs/index.d.ts +21 -10
  7. package/dist/Tabs/index.old.d.ts +12 -0
  8. package/dist/index.d.ts +0 -2
  9. package/dist/index.umd.js +32852 -30078
  10. package/dist/index.umd.min.js +21 -21
  11. package/es/LmEditTable/EditTable.js +10 -3
  12. package/es/LmTable/Table.js +1 -1
  13. package/es/LmTable/util.js +70 -21
  14. package/es/Modal/index.d.ts +1 -0
  15. package/es/Modal/index.js +8 -3
  16. package/es/Select/index.d.ts +2 -9
  17. package/es/Tabs/TabPane.d.ts +5 -0
  18. package/es/Tabs/TabPane.js +9 -0
  19. package/es/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  20. package/es/Tabs/hooks/useAnimateConfig.js +38 -0
  21. package/es/Tabs/hooks/useLegacyItems.d.ts +4 -0
  22. package/es/Tabs/hooks/useLegacyItems.js +50 -0
  23. package/es/Tabs/index.d.ts +21 -10
  24. package/es/Tabs/index.js +73 -19
  25. package/es/Tabs/index.old.d.ts +12 -0
  26. package/es/Tabs/index.old.js +38 -0
  27. package/es/Tabs/style/index.css +40 -0
  28. package/es/index.d.ts +0 -2
  29. package/es/index.js +0 -1
  30. package/lib/LmEditTable/EditTable.js +10 -3
  31. package/lib/LmTable/Table.js +1 -1
  32. package/lib/LmTable/util.js +70 -21
  33. package/lib/Modal/index.d.ts +1 -0
  34. package/lib/Modal/index.js +9 -3
  35. package/lib/Select/index.d.ts +2 -9
  36. package/lib/Tabs/TabPane.d.ts +5 -0
  37. package/lib/Tabs/TabPane.js +17 -0
  38. package/lib/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  39. package/lib/Tabs/hooks/useAnimateConfig.js +50 -0
  40. package/lib/Tabs/hooks/useLegacyItems.d.ts +4 -0
  41. package/lib/Tabs/hooks/useLegacyItems.js +63 -0
  42. package/lib/Tabs/index.d.ts +21 -10
  43. package/lib/Tabs/index.js +84 -19
  44. package/lib/Tabs/index.old.d.ts +12 -0
  45. package/lib/Tabs/index.old.js +52 -0
  46. package/lib/Tabs/style/index.css +40 -0
  47. package/lib/index.d.ts +0 -2
  48. package/lib/index.js +0 -8
  49. package/package.json +2 -2
  50. package/dist/InputRange/demos/basic.d.ts +0 -2
  51. package/dist/InputRange/index.d.ts +0 -8
  52. package/dist/InputRange/style/index.d.ts +0 -1
  53. package/es/InputRange/index.d.ts +0 -8
  54. package/es/InputRange/index.js +0 -67
  55. package/es/InputRange/style/index.css +0 -511
  56. package/es/InputRange/style/index.d.ts +0 -1
  57. package/es/InputRange/style/index.js +0 -1
  58. package/lib/InputRange/index.d.ts +0 -8
  59. package/lib/InputRange/index.js +0 -79
  60. package/lib/InputRange/style/index.css +0 -511
  61. package/lib/InputRange/style/index.d.ts +0 -1
  62. package/lib/InputRange/style/index.js +0 -3
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { InputProps } from 'antd';
3
- export interface InputRangeProps extends InputProps {
4
- range: [string, string] | [number, number];
5
- rangeChange?: (range: any) => void;
6
- }
7
- declare const InputRange: React.FC<InputRangeProps>;
8
- export default InputRange;
@@ -1 +0,0 @@
1
- import './index.less';
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { InputProps } from 'antd';
3
- export interface InputRangeProps extends InputProps {
4
- range: [string, string] | [number, number];
5
- rangeChange?: (range: any) => void;
6
- }
7
- declare const InputRange: React.FC<InputRangeProps>;
8
- export default InputRange;
@@ -1,67 +0,0 @@
1
- import "antd/es/input/style";
2
- import _Input from "antd/es/input";
3
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
4
-
5
- var __rest = this && this.__rest || function (s, e) {
6
- var t = {};
7
-
8
- for (var p in s) {
9
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
10
- }
11
-
12
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
13
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
14
- }
15
- return t;
16
- };
17
-
18
- import React from 'react';
19
-
20
- var InputRange = function InputRange(_a) {
21
- var _a$range = _a.range,
22
- range = _a$range === void 0 ? ['', ''] : _a$range,
23
- _a$rangeChange = _a.rangeChange,
24
- rangeChange = _a$rangeChange === void 0 ? function () {} : _a$rangeChange,
25
- editEnum = __rest(_a, ["range", "rangeChange"]); // 输入值改变
26
-
27
-
28
- var nValue = _toConsumableArray(range);
29
-
30
- var handleInput = function handleInput(e, type) {
31
- var v = e.target.value;
32
-
33
- if (type === 'prev') {
34
- nValue[0] = v;
35
- }
36
-
37
- if (type === 'next') {
38
- nValue[1] = v;
39
- }
40
- };
41
-
42
- var handleBlur = function handleBlur() {
43
- rangeChange(nValue);
44
- };
45
-
46
- return /*#__PURE__*/React.createElement("div", {
47
- className: "lm_editTable_wrapperRange"
48
- }, /*#__PURE__*/React.createElement("div", {
49
- className: "inputRange"
50
- }, /*#__PURE__*/React.createElement(_Input, Object.assign({
51
- value: range === null || range === void 0 ? void 0 : range[0],
52
- placeholder: "\u8BF7\u8F93\u5165",
53
- onBlur: handleBlur,
54
- onChange: function onChange(e) {
55
- return handleInput(e, 'prev');
56
- }
57
- }, editEnum)), "~", /*#__PURE__*/React.createElement(_Input, Object.assign({
58
- value: range === null || range === void 0 ? void 0 : range[1],
59
- placeholder: "\u8BF7\u8F93\u5165",
60
- onBlur: handleBlur,
61
- onChange: function onChange(e) {
62
- return handleInput(e, 'next');
63
- }
64
- }, editEnum))));
65
- };
66
-
67
- export default InputRange;
@@ -1,511 +0,0 @@
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
- }
@@ -1 +0,0 @@
1
- import './index.less';
@@ -1 +0,0 @@
1
- import "./index.css";
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { InputProps } from 'antd';
3
- export interface InputRangeProps extends InputProps {
4
- range: [string, string] | [number, number];
5
- rangeChange?: (range: any) => void;
6
- }
7
- declare const InputRange: React.FC<InputRangeProps>;
8
- export default InputRange;
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- require("antd/es/input/style");
11
-
12
- var _input = _interopRequireDefault(require("antd/es/input"));
13
-
14
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
- var _react = _interopRequireDefault(require("react"));
17
-
18
- var __rest = void 0 && (void 0).__rest || function (s, e) {
19
- var t = {};
20
-
21
- for (var p in s) {
22
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
23
- }
24
-
25
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
26
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
27
- }
28
- return t;
29
- };
30
-
31
- var InputRange = function InputRange(_a) {
32
- var _a$range = _a.range,
33
- range = _a$range === void 0 ? ['', ''] : _a$range,
34
- _a$rangeChange = _a.rangeChange,
35
- rangeChange = _a$rangeChange === void 0 ? function () {} : _a$rangeChange,
36
- editEnum = __rest(_a, ["range", "rangeChange"]); // 输入值改变
37
-
38
-
39
- var nValue = (0, _toConsumableArray2.default)(range);
40
-
41
- var handleInput = function handleInput(e, type) {
42
- var v = e.target.value;
43
-
44
- if (type === 'prev') {
45
- nValue[0] = v;
46
- }
47
-
48
- if (type === 'next') {
49
- nValue[1] = v;
50
- }
51
- };
52
-
53
- var handleBlur = function handleBlur() {
54
- rangeChange(nValue);
55
- };
56
-
57
- return /*#__PURE__*/_react.default.createElement("div", {
58
- className: "lm_editTable_wrapperRange"
59
- }, /*#__PURE__*/_react.default.createElement("div", {
60
- className: "inputRange"
61
- }, /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
62
- value: range === null || range === void 0 ? void 0 : range[0],
63
- placeholder: "\u8BF7\u8F93\u5165",
64
- onBlur: handleBlur,
65
- onChange: function onChange(e) {
66
- return handleInput(e, 'prev');
67
- }
68
- }, editEnum)), "~", /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
69
- value: range === null || range === void 0 ? void 0 : range[1],
70
- placeholder: "\u8BF7\u8F93\u5165",
71
- onBlur: handleBlur,
72
- onChange: function onChange(e) {
73
- return handleInput(e, 'next');
74
- }
75
- }, editEnum))));
76
- };
77
-
78
- var _default = InputRange;
79
- exports.default = _default;