linkmore-design 1.0.88 → 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 (65) hide show
  1. package/dist/LmEditTable/EditTable.d.ts +1 -0
  2. package/dist/Modal/index.d.ts +1 -0
  3. package/dist/Select/index.d.ts +2 -9
  4. package/dist/Tabs/TabPane.d.ts +5 -0
  5. package/dist/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  6. package/dist/Tabs/hooks/useLegacyItems.d.ts +4 -0
  7. package/dist/Tabs/index.d.ts +21 -10
  8. package/dist/Tabs/index.old.d.ts +12 -0
  9. package/dist/index.d.ts +0 -2
  10. package/dist/index.umd.js +32861 -30078
  11. package/dist/index.umd.min.js +21 -21
  12. package/es/LmEditTable/EditTable.d.ts +1 -0
  13. package/es/LmEditTable/EditTable.js +26 -10
  14. package/es/LmTable/Table.js +1 -1
  15. package/es/LmTable/util.js +70 -21
  16. package/es/Modal/index.d.ts +1 -0
  17. package/es/Modal/index.js +8 -3
  18. package/es/Select/index.d.ts +2 -9
  19. package/es/Tabs/TabPane.d.ts +5 -0
  20. package/es/Tabs/TabPane.js +9 -0
  21. package/es/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  22. package/es/Tabs/hooks/useAnimateConfig.js +38 -0
  23. package/es/Tabs/hooks/useLegacyItems.d.ts +4 -0
  24. package/es/Tabs/hooks/useLegacyItems.js +50 -0
  25. package/es/Tabs/index.d.ts +21 -10
  26. package/es/Tabs/index.js +73 -19
  27. package/es/Tabs/index.old.d.ts +12 -0
  28. package/es/Tabs/index.old.js +38 -0
  29. package/es/Tabs/style/index.css +40 -0
  30. package/es/index.d.ts +0 -2
  31. package/es/index.js +0 -1
  32. package/lib/LmEditTable/EditTable.d.ts +1 -0
  33. package/lib/LmEditTable/EditTable.js +25 -10
  34. package/lib/LmTable/Table.js +1 -1
  35. package/lib/LmTable/util.js +70 -21
  36. package/lib/Modal/index.d.ts +1 -0
  37. package/lib/Modal/index.js +9 -3
  38. package/lib/Select/index.d.ts +2 -9
  39. package/lib/Tabs/TabPane.d.ts +5 -0
  40. package/lib/Tabs/TabPane.js +17 -0
  41. package/lib/Tabs/hooks/useAnimateConfig.d.ts +3 -0
  42. package/lib/Tabs/hooks/useAnimateConfig.js +50 -0
  43. package/lib/Tabs/hooks/useLegacyItems.d.ts +4 -0
  44. package/lib/Tabs/hooks/useLegacyItems.js +63 -0
  45. package/lib/Tabs/index.d.ts +21 -10
  46. package/lib/Tabs/index.js +84 -19
  47. package/lib/Tabs/index.old.d.ts +12 -0
  48. package/lib/Tabs/index.old.js +52 -0
  49. package/lib/Tabs/style/index.css +40 -0
  50. package/lib/index.d.ts +0 -2
  51. package/lib/index.js +0 -8
  52. package/package.json +2 -2
  53. package/dist/InputRange/demos/basic.d.ts +0 -2
  54. package/dist/InputRange/index.d.ts +0 -8
  55. package/dist/InputRange/style/index.d.ts +0 -1
  56. package/es/InputRange/index.d.ts +0 -8
  57. package/es/InputRange/index.js +0 -67
  58. package/es/InputRange/style/index.css +0 -511
  59. package/es/InputRange/style/index.d.ts +0 -1
  60. package/es/InputRange/style/index.js +0 -1
  61. package/lib/InputRange/index.d.ts +0 -8
  62. package/lib/InputRange/index.js +0 -79
  63. package/lib/InputRange/style/index.css +0 -511
  64. package/lib/InputRange/style/index.d.ts +0 -1
  65. package/lib/InputRange/style/index.js +0 -3
@@ -515,3 +515,43 @@ p {
515
515
  .lm_tabs.lm_tabs_noborder .ant-tabs-nav:before {
516
516
  border-bottom: 0px;
517
517
  }
518
+ .lm_tabs.ant-tabs .ant-tabs-content {
519
+ position: relative;
520
+ width: 100%;
521
+ }
522
+ .lm_tabs.ant-tabs .ant-tabs-content .ant-tabs-holder {
523
+ flex: auto;
524
+ min-width: 0;
525
+ min-height: 0;
526
+ }
527
+ .lm_tabs.ant-tabs .ant-tabs-tabpane {
528
+ outline: none;
529
+ }
530
+ .lm_tabs.ant-tabs .ant-tabs-tabpane-hidden {
531
+ display: none;
532
+ }
533
+ .lm_tabs.ant-tabs .ant-tabs-switch-appear,
534
+ .lm_tabs.ant-tabs .ant-tabs-switch-enter {
535
+ transition: none;
536
+ }
537
+ .lm_tabs.ant-tabs .ant-tabs-switch-appear-start,
538
+ .lm_tabs.ant-tabs .ant-tabs-switch-enter-start {
539
+ opacity: 0;
540
+ }
541
+ .lm_tabs.ant-tabs .ant-tabs-switch-appear-active,
542
+ .lm_tabs.ant-tabs .ant-tabs-switch-enter-active {
543
+ opacity: 1;
544
+ transition: opacity 0.3s;
545
+ }
546
+ .lm_tabs.ant-tabs .ant-tabs-switch-leave {
547
+ position: absolute;
548
+ transition: none;
549
+ inset: 0;
550
+ }
551
+ .lm_tabs.ant-tabs .ant-tabs-switch-leave-start {
552
+ opacity: 1;
553
+ }
554
+ .lm_tabs.ant-tabs .ant-tabs-switch-leave-active {
555
+ opacity: 0;
556
+ transition: opacity 0.3s;
557
+ }
package/lib/index.d.ts CHANGED
@@ -117,7 +117,5 @@ export { default as Skeleton } from './Skeleton';
117
117
  export type { ISkeletonProps } from './Skeleton';
118
118
  export { default as Descriptions } from './Descriptions';
119
119
  export type { DescriptionsProps } from './Descriptions';
120
- export { default as InputRange } from './InputRange';
121
- export type { InputRangeProps } from './InputRange';
122
120
  export { default as FullScreen } from './FullScreen';
123
121
  export type { IFullScreenProps } from './FullScreen';
package/lib/index.js CHANGED
@@ -221,12 +221,6 @@ Object.defineProperty(exports, "InputNumber", {
221
221
  return _InputNumber.default;
222
222
  }
223
223
  });
224
- Object.defineProperty(exports, "InputRange", {
225
- enumerable: true,
226
- get: function get() {
227
- return _InputRange.default;
228
- }
229
- });
230
224
  Object.defineProperty(exports, "LMQuickMenu", {
231
225
  enumerable: true,
232
226
  get: function get() {
@@ -658,6 +652,4 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
658
652
 
659
653
  var _Descriptions = _interopRequireDefault(require("./Descriptions"));
660
654
 
661
- var _InputRange = _interopRequireDefault(require("./InputRange"));
662
-
663
655
  var _FullScreen = _interopRequireDefault(require("./FullScreen"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "linkmore-design",
3
- "version": "1.0.88",
3
+ "version": "1.0.90",
4
4
  "author": {
5
5
  "name": "nowthen",
6
6
  "email": "rnlvwyx@gmail.com"
@@ -52,7 +52,6 @@
52
52
  "@ant-design/icons": "^4.3.0",
53
53
  "@ant-design/plots": "^1.2.2",
54
54
  "@ant-design/pro-table": "^2.77.0",
55
- "@antv/g2": "^4.2.7",
56
55
  "@babel/runtime": "^7.17.9",
57
56
  "@dnd-kit/core": "^5.0.3",
58
57
  "@dnd-kit/modifiers": "^5.0.0",
@@ -71,6 +70,7 @@
71
70
  "lodash": "^4.17.21",
72
71
  "rc-field-form": "^1.27.1",
73
72
  "rc-motion": "2.6.1",
73
+ "rc-tabs": "12.1.0-alpha.1",
74
74
  "react-cookies": "^0.1.1",
75
75
  "react-query": "^3.34.15",
76
76
  "react-resizable": "^3.0.4",
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -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";