ls-pro-common 3.0.13 → 3.0.15

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 (111) hide show
  1. package/CHANGELOG.md +746 -0
  2. package/es/components/404.d.ts +3 -0
  3. package/es/components/404.jpg +0 -0
  4. package/es/components/404.js +9 -0
  5. package/es/components/AreaCascader.d.ts +4 -0
  6. package/es/components/AreaCascader.js +76 -0
  7. package/es/components/AreaCascaderPanel.d.ts +5 -0
  8. package/es/components/AreaCascaderPanel.js +230 -0
  9. package/es/components/DescritionCard.d.ts +11 -0
  10. package/es/components/DescritionCard.js +79 -0
  11. package/es/components/DtlLayout.d.ts +44 -0
  12. package/es/components/DtlLayout.js +116 -0
  13. package/es/components/GroupTip.d.ts +10 -0
  14. package/es/components/GroupTip.js +31 -0
  15. package/es/components/IconBack.d.ts +3 -0
  16. package/es/components/IconBack.js +20 -0
  17. package/es/components/IconBell.d.ts +3 -0
  18. package/es/components/IconBell.js +22 -0
  19. package/es/components/IconQuestion.d.ts +3 -0
  20. package/es/components/IconQuestion.js +26 -0
  21. package/es/components/IconSearch.d.ts +3 -0
  22. package/es/components/IconSearch.js +22 -0
  23. package/es/components/IconSelector.d.ts +14 -0
  24. package/es/components/IconSelector.js +222 -0
  25. package/es/components/IconText.d.ts +3 -0
  26. package/es/components/IconText.js +30 -0
  27. package/es/components/ImageSelector.d.ts +31 -0
  28. package/es/components/ImageSelector.js +437 -0
  29. package/es/components/InputMultiLine.d.ts +46 -0
  30. package/es/components/InputMultiLine.js +139 -0
  31. package/es/components/InputTable.d.ts +106 -0
  32. package/es/components/InputTable.js +473 -0
  33. package/es/components/Loading.d.ts +8 -0
  34. package/es/components/Loading.js +20 -0
  35. package/es/components/Permission.d.ts +6 -0
  36. package/es/components/Permission.js +13 -0
  37. package/es/components/antd-custom.less +356 -0
  38. package/es/components/common.less +474 -0
  39. package/es/hooks/useDtl/index.d.ts +47 -0
  40. package/es/hooks/useDtl/index.js +949 -0
  41. package/es/hooks/useGetState.d.ts +1 -0
  42. package/es/hooks/useGetState.js +17 -0
  43. package/es/hooks/usePermission/index.d.ts +15 -0
  44. package/es/hooks/usePermission/index.js +58 -0
  45. package/es/hooks/useSingle/index.d.ts +54 -0
  46. package/es/hooks/useSingle/index.js +662 -0
  47. package/es/http/index.d.ts +53 -0
  48. package/es/http/index.js +309 -0
  49. package/es/index.d.ts +32 -0
  50. package/es/index.js +26 -0
  51. package/es/service/BaseService.d.ts +24 -0
  52. package/es/service/BaseService.js +214 -0
  53. package/es/typing.d.ts +53 -0
  54. package/es/typing.js +1 -0
  55. package/es/utils/index.d.ts +258 -0
  56. package/es/utils/index.js +682 -0
  57. package/lib/components/404.d.ts +3 -0
  58. package/lib/components/404.jpg +0 -0
  59. package/lib/components/404.js +17 -0
  60. package/lib/components/AreaCascader.d.ts +4 -0
  61. package/lib/components/AreaCascader.js +85 -0
  62. package/lib/components/AreaCascaderPanel.d.ts +5 -0
  63. package/lib/components/AreaCascaderPanel.js +239 -0
  64. package/lib/components/DescritionCard.d.ts +11 -0
  65. package/lib/components/DescritionCard.js +88 -0
  66. package/lib/components/DtlLayout.d.ts +44 -0
  67. package/lib/components/DtlLayout.js +125 -0
  68. package/lib/components/GroupTip.d.ts +10 -0
  69. package/lib/components/GroupTip.js +39 -0
  70. package/lib/components/IconBack.d.ts +3 -0
  71. package/lib/components/IconBack.js +28 -0
  72. package/lib/components/IconBell.d.ts +3 -0
  73. package/lib/components/IconBell.js +30 -0
  74. package/lib/components/IconQuestion.d.ts +3 -0
  75. package/lib/components/IconQuestion.js +34 -0
  76. package/lib/components/IconSearch.d.ts +3 -0
  77. package/lib/components/IconSearch.js +30 -0
  78. package/lib/components/IconSelector.d.ts +14 -0
  79. package/lib/components/IconSelector.js +230 -0
  80. package/lib/components/IconText.d.ts +3 -0
  81. package/lib/components/IconText.js +38 -0
  82. package/lib/components/ImageSelector.d.ts +31 -0
  83. package/lib/components/ImageSelector.js +445 -0
  84. package/lib/components/InputMultiLine.d.ts +46 -0
  85. package/lib/components/InputMultiLine.js +148 -0
  86. package/lib/components/InputTable.d.ts +106 -0
  87. package/lib/components/InputTable.js +482 -0
  88. package/lib/components/Loading.d.ts +8 -0
  89. package/lib/components/Loading.js +28 -0
  90. package/lib/components/Permission.d.ts +6 -0
  91. package/lib/components/Permission.js +21 -0
  92. package/lib/components/antd-custom.less +356 -0
  93. package/lib/components/common.less +474 -0
  94. package/lib/hooks/useDtl/index.d.ts +47 -0
  95. package/lib/hooks/useDtl/index.js +957 -0
  96. package/lib/hooks/useGetState.d.ts +1 -0
  97. package/lib/hooks/useGetState.js +24 -0
  98. package/lib/hooks/usePermission/index.d.ts +15 -0
  99. package/lib/hooks/usePermission/index.js +65 -0
  100. package/lib/hooks/useSingle/index.d.ts +54 -0
  101. package/lib/hooks/useSingle/index.js +670 -0
  102. package/lib/http/index.d.ts +53 -0
  103. package/lib/http/index.js +323 -0
  104. package/lib/index.d.ts +32 -0
  105. package/lib/service/BaseService.d.ts +24 -0
  106. package/lib/service/BaseService.js +222 -0
  107. package/lib/typing.d.ts +53 -0
  108. package/lib/typing.js +5 -0
  109. package/lib/utils/index.d.ts +258 -0
  110. package/lib/utils/index.js +779 -0
  111. package/package.json +5 -13
package/lib/components/antd-custom.less ADDED
@@ -0,0 +1,356 @@
1
+ .ant-timeline-item-tail {
2
+ border-left: 2px dotted var(--ant-primary-color);
3
+ }
4
+
5
+ .ant-timeline-item-head-blue {
6
+ background: var(--ant-primary-color);
7
+ }
8
+
9
+ .ant-row {
10
+ width: 100%;
11
+ }
12
+
13
+ .ant-popover {
14
+ max-width: min-content !important;
15
+ }
16
+
17
+
18
+
19
+ .ant-input-has-value:hover {
20
+ .ant-input-clear-icon {
21
+ visibility: visible;
22
+ }
23
+ }
24
+
25
+ .ant-modal-confirm-body {
26
+ .ant-modal-confirm-content {
27
+ max-height: 60vh;
28
+ overflow: auto;
29
+ }
30
+ }
31
+
32
+ .ant-message-notice-content {
33
+ border-radius: 4px !important;
34
+ }
35
+
36
+ .ant-modal-content {
37
+ border-radius: 8px !important;
38
+
39
+ .ant-modal-header {
40
+ border-radius: 8px 8px 0 0 !important;
41
+ }
42
+ }
43
+
44
+ .ant-input-number,
45
+ .ant-input-affix-wrapper,
46
+ .ant-picker,
47
+ .ant-select-selector {
48
+ border-radius: 4px !important;
49
+ }
50
+
51
+ .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
52
+ border-top-right-radius: 0 !important;
53
+ border-bottom-right-radius: 0 !important;
54
+ }
55
+
56
+ .ant-picker-range-separator {
57
+ padding: 0 2px !important;
58
+
59
+ .ant-picker-separator {
60
+ font-size: 13px;
61
+ }
62
+ }
63
+
64
+
65
+ .ant-btn {
66
+ height: 32px;
67
+ background-color: var(--ant-primary-1);
68
+ border-color: transparent;
69
+ color: var(--ant-primary-color);
70
+ border-radius: 4px;
71
+
72
+ &.ant-btn-lg {
73
+ height: 40px
74
+ }
75
+
76
+ &:hover,
77
+ &:focus {
78
+ background-color: var(--ant-primary-2);
79
+ border-color: transparent;
80
+ color: var(--ant-primary-color);
81
+ }
82
+
83
+ &:active {
84
+ background-color: var(--ant-primary-3);
85
+ border-color: transparent;
86
+ color: var(--ant-primary-color);
87
+ }
88
+
89
+ &[disabled],
90
+ &[disabled]:hover,
91
+ &[disabled]:focus,
92
+ &[disabled]:active {
93
+ background-color: #EAEEF2;
94
+ border-color: transparent;
95
+ color: #D9D9D9;
96
+ }
97
+ }
98
+
99
+ .ant-btn-primary {
100
+ background-color: var(--ant-primary-color);
101
+ border-color: transparent;
102
+ color: #fff;
103
+
104
+ &:hover,
105
+ &:focus {
106
+ background-color: var(--ant-primary-color-hover);
107
+ border-color: transparent;
108
+ color: #fff;
109
+ }
110
+
111
+ &:active {
112
+ background-color: var(--ant-primary-color-active);
113
+ border-color: transparent;
114
+ color: #fff;
115
+ }
116
+
117
+ &[disabled],
118
+ &[disabled]:hover,
119
+ &[disabled]:focus,
120
+ &[disabled]:active {
121
+ background-color: var(--ant-primary-color-outline);
122
+ border-color: transparent;
123
+ color: #fff;
124
+ }
125
+ }
126
+
127
+ .ant-btn-gray {
128
+ background-color: #F1F4F6;
129
+ color: #1B1F2A;
130
+
131
+ &:hover,
132
+ &:focus {
133
+ background-color: #D2D6DD;
134
+ color: #1B1F2A;
135
+ }
136
+
137
+ &:active {
138
+ background-color: #B5BBC5;
139
+ color: #1B1F2A;
140
+ }
141
+
142
+ &[disabled],
143
+ &[disabled]:hover,
144
+ &[disabled]:focus,
145
+ &[disabled]:active {
146
+ background-color: #F1F4F6;
147
+ color: #818999;
148
+ }
149
+ }
150
+
151
+
152
+ .ant-btn-dangerous {
153
+ background-color: #FFCCC7;
154
+ border-color: transparent;
155
+ color: #F5222D;
156
+
157
+ &:hover,
158
+ &:focus {
159
+ background-color: #FFF1F0;
160
+ border-color: transparent;
161
+ color: #F5222D;
162
+ }
163
+
164
+ &:active {
165
+ background-color: #FFA39E;
166
+ border-color: transparent;
167
+ color: #F5222D;
168
+ }
169
+
170
+ &[disabled],
171
+ &[disabled]:hover,
172
+ &[disabled]:focus,
173
+ &[disabled]:active {
174
+ background-color: #FFCCC7;
175
+ border-color: transparent;
176
+ color: #FFA39E;
177
+ }
178
+ }
179
+
180
+ .ant-btn-link {
181
+ background-color: transparent;
182
+ border-color: transparent;
183
+ color: var(--ant-primary-color);
184
+ padding: 4px 8px;
185
+
186
+ &[disabled],
187
+ &[disabled]:hover,
188
+ &[disabled]:focus,
189
+ &[disabled]:active,
190
+ &:hover,
191
+ &:focus,
192
+ &:active {
193
+ background-color: transparent;
194
+ border-color: transparent;
195
+ }
196
+
197
+ &:hover,
198
+ &:focus {
199
+ color: var(--ant-primary-color-hover);
200
+ }
201
+
202
+ &:active {
203
+ color: var(--ant-primary-color-active);
204
+ }
205
+
206
+ &[disabled],
207
+ &[disabled]:hover,
208
+ &[disabled]:focus,
209
+ &[disabled]:active {
210
+ color: #A7B5CC;
211
+ }
212
+ }
213
+
214
+ .ant-btn-text {
215
+ background-color: transparent;
216
+ border-color: transparent;
217
+ color: #8C8C8C;
218
+ padding: 4px 8px;
219
+
220
+ &[disabled],
221
+ &[disabled]:hover,
222
+ &[disabled]:focus,
223
+ &[disabled]:active,
224
+ &:hover,
225
+ &:focus,
226
+ &:active {
227
+ background-color: transparent;
228
+ border-color: transparent;
229
+
230
+ }
231
+
232
+ &:hover,
233
+ &:active,
234
+ &:focus {
235
+ color: var(--ant-primary-color-hover);
236
+ }
237
+
238
+ &[disabled],
239
+ &[disabled]:hover,
240
+ &[disabled]:focus,
241
+ &[disabled]:active {
242
+ color: #d9d9d9;
243
+ }
244
+ }
245
+
246
+ .ant-checkbox-checked::after {
247
+ animation: none !important;
248
+ animation-fill-mode: none !important;
249
+ }
250
+
251
+
252
+ .ant-descriptions-item-label {
253
+ color: #8c8c8c !important;
254
+
255
+ .ant-typography {
256
+ color: #8c8c8c;
257
+ }
258
+
259
+ &::after {
260
+ margin-right: 12px !important;
261
+ }
262
+ }
263
+
264
+ .ant-descriptions-item-content {
265
+ color: #1f1f1f !important;
266
+ }
267
+
268
+ .ant-table-filter-dropdown .ant-dropdown-menu {
269
+ max-height: 200px;
270
+
271
+ .ant-dropdown-menu-title-content {
272
+ display: inline-flex;
273
+ vertical-align: middle;
274
+ }
275
+
276
+ .ant-tree-switcher {
277
+ width: 4px;
278
+ }
279
+ }
280
+
281
+ .ant-table-filter-dropdown .ant-checkbox-wrapper+span,
282
+ .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span {
283
+ display: inline-block;
284
+ overflow: hidden;
285
+ text-overflow: ellipsis;
286
+ width: 200px;
287
+ }
288
+
289
+ // 以下为调整字体大小及行高
290
+
291
+ .ant-picker,
292
+ .ant-form-item-label>label,
293
+ .ant-form-item,
294
+ .ant-input,
295
+ .ant-select,
296
+ .ant-pagination,
297
+ .ant-badge-status-text {
298
+ font-size: 13px !important;
299
+ }
300
+
301
+ .ant-btn,
302
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
303
+ .ant-form-item-label>label {
304
+ height: 28px !important;
305
+ min-height: 28px !important;
306
+ }
307
+
308
+ .ant-form-item-control-input {
309
+ min-height: 28px !important;
310
+ }
311
+
312
+ .ant-form-item {
313
+ margin-bottom: 12px !important;
314
+ }
315
+
316
+ .ant-select-single .ant-select-selector .ant-select-selection-item,
317
+ .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
318
+ line-height: 26px !important;
319
+ }
320
+
321
+ .ant-select-multiple .ant-select-selection-item {
322
+ margin-top: 0 !important;
323
+ margin-bottom: 0 !important;
324
+ }
325
+
326
+ .ant-select-multiple .ant-select-selector::after {
327
+ line-height: 20px !important;
328
+ }
329
+
330
+ .ant-btn,
331
+ .ant-picker,
332
+ .ant-input-affix-wrapper {
333
+ padding-top: 2px !important;
334
+ padding-bottom: 2px !important;
335
+ }
336
+
337
+
338
+ .ant-picker-range {
339
+ padding: 2px 4px !important;
340
+
341
+ .ant-picker-range-separator {
342
+ font-size: 12px !important;
343
+ }
344
+
345
+ .ant-picker-active-bar {
346
+ margin-left: 4px !important;
347
+ }
348
+
349
+ .ant-picker-clear {
350
+ right: 3px !important;
351
+ }
352
+
353
+ .ant-picker-input>input {
354
+ letter-spacing: -0.8px !important;
355
+ }
356
+ }