hy-dispatch-ui-v3 0.2.31 → 0.2.32

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 (36) hide show
  1. package/dist/tailwind.css +8 -8
  2. package/es/components/hyButton/button.vue.mjs +112 -65
  3. package/es/components/hyButton/style/button.scss +282 -237
  4. package/es/components/hyForm/index.mjs +1 -1
  5. package/es/components/hyForm/js/useAppForm.mjs +1 -2
  6. package/es/components/hyMenu/menu.vue.mjs +1 -1
  7. package/es/components/hyMenu/style/menu.scss +1 -1
  8. package/es/components/hySearch/index.mjs +1 -1
  9. package/es/components/hyTable/cpns/virtualTable.vue.mjs +331 -319
  10. package/es/components/hyTable/js/index.mjs +7 -3
  11. package/es/components/hyTable/js/useAppTable.mjs +1 -1
  12. package/es/components/hyTable/table.vue.mjs +11 -7
  13. package/es/components/index.mjs +2 -2
  14. package/es/index.mjs +2 -2
  15. package/es/static/hy-svg-icons/hy-icon-dispatch-linear-map-treelist.js +8 -0
  16. package/es/static/hy-svg-icons/hy-icon-dispatch-share-guidao.js +8 -0
  17. package/es/utils/handler.mjs +4 -4
  18. package/es/version.mjs +1 -1
  19. package/lib/components/hyButton/button.vue.js +111 -64
  20. package/lib/components/hyButton/style/button.scss +282 -237
  21. package/lib/components/hyForm/index.js +1 -0
  22. package/lib/components/hyForm/js/useAppForm.js +1 -2
  23. package/lib/components/hyMenu/menu.vue.js +1 -1
  24. package/lib/components/hyMenu/style/menu.scss +1 -1
  25. package/lib/components/hySearch/index.js +1 -0
  26. package/lib/components/hyTable/cpns/virtualTable.vue.js +329 -317
  27. package/lib/components/hyTable/js/index.js +7 -3
  28. package/lib/components/hyTable/js/useAppTable.js +1 -1
  29. package/lib/components/hyTable/table.vue.js +11 -7
  30. package/lib/components/index.js +2 -0
  31. package/lib/index.js +2 -0
  32. package/lib/static/hy-svg-icons/hy-icon-dispatch-linear-map-treelist.js +8 -0
  33. package/lib/static/hy-svg-icons/hy-icon-dispatch-share-guidao.js +8 -0
  34. package/lib/utils/handler.js +4 -4
  35. package/lib/version.js +1 -1
  36. package/package.json +1 -1
@@ -9,6 +9,8 @@
9
9
  color: inherit;
10
10
  white-space: nowrap;
11
11
  font-size: 14px;
12
+ padding: 2px;
13
+ box-sizing: border-box;
12
14
 
13
15
  &:disabled,
14
16
  &.is-disabled {
@@ -24,265 +26,308 @@
24
26
  &.hy-button--small {
25
27
  height: 24px;
26
28
  font-size: 12px;
29
+ padding: 0px;
27
30
  }
28
31
 
29
32
  & + & {
30
33
  margin-left: 16px;
31
34
  }
32
- }
33
-
34
- .hy-button_default {
35
- background: rgba(94, 157, 180, 0.32);
36
-
37
- .hy-button__border {
38
- background: linear-gradient(
39
- 90deg,
40
- rgba(94, 157, 180, 0.4) 0%,
41
- rgba(94, 157, 180, 1) 50%,
42
- rgba(94, 157, 180, 0.4) 100%
43
- );
44
- }
45
-
46
- .hy-button__inner {
47
- background: #003a48;
48
- box-shadow:
49
- inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
50
- inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
51
- }
52
-
53
- .hy-button__text {
54
- color: #fff;
55
- }
56
-
57
- .hy-button__mask {
58
- background: radial-gradient(
59
- ellipse at center bottom,
60
- #7ebbd2 0%,
61
- rgb(17, 108, 114) 30%,
62
- transparent 60%
63
- );
64
- }
65
-
66
- &:hover .hy-button__inner {
67
- box-shadow:
68
- inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
69
- inset 0 0 2px 0 rgba(0, 147, 157, 0.5),
70
- inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
71
- inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
72
- }
73
-
74
- &:disabled .hy-button__border,
75
- &.is-disabled .hy-button__border {
76
- background: linear-gradient(
77
- 90deg,
78
- rgba(94, 157, 180, 0.18) 0%,
79
- rgba(94, 157, 180, 0.42) 50%,
80
- rgba(94, 157, 180, 0.18) 100%
81
- );
82
- }
83
35
 
84
- &:disabled .hy-button__inner,
85
- &.is-disabled .hy-button__inner {
86
- background: #3e5a64;
87
- box-shadow:
88
- inset 0 0 4px 1px rgba(0, 138, 157, 0.2),
89
- inset 0 0 2px 0 rgba(0, 147, 157, 0.16);
90
- }
91
-
92
- &:disabled .hy-button__text,
93
- &.is-disabled .hy-button__text {
94
- color: rgba(255, 255, 255, 0.68);
36
+ &.hy-button_default {
37
+ background: rgba(94, 157, 180, 0.32);
38
+
39
+ .hy-button__border {
40
+ background: linear-gradient(
41
+ 90deg,
42
+ rgba(94, 157, 180, 0.4) 0%,
43
+ rgba(94, 157, 180, 1) 50%,
44
+ rgba(94, 157, 180, 0.4) 100%
45
+ );
46
+ }
47
+
48
+ .hy-button__inner {
49
+ background: #003a48;
50
+ box-shadow:
51
+ inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
52
+ inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
53
+ }
54
+
55
+ .hy-button__text {
56
+ color: #fff;
57
+ }
58
+
59
+ .hy-button__mask {
60
+ background: radial-gradient(
61
+ ellipse at center bottom,
62
+ #7ebbd2 0%,
63
+ rgb(17, 108, 114) 30%,
64
+ transparent 60%
65
+ );
66
+ }
67
+
68
+ &:hover .hy-button__inner {
69
+ box-shadow:
70
+ inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
71
+ inset 0 0 2px 0 rgba(0, 147, 157, 0.5),
72
+ inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
73
+ inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
74
+ }
75
+
76
+ &:disabled .hy-button__border,
77
+ &.is-disabled .hy-button__border {
78
+ background: linear-gradient(
79
+ 90deg,
80
+ rgba(94, 157, 180, 0.18) 0%,
81
+ rgba(94, 157, 180, 0.42) 50%,
82
+ rgba(94, 157, 180, 0.18) 100%
83
+ );
84
+ }
85
+
86
+ &:disabled .hy-button__inner,
87
+ &.is-disabled .hy-button__inner {
88
+ background: #3e5a64;
89
+ box-shadow:
90
+ inset 0 0 4px 1px rgba(0, 138, 157, 0.2),
91
+ inset 0 0 2px 0 rgba(0, 147, 157, 0.16);
92
+ }
93
+
94
+ &:disabled .hy-button__text,
95
+ &.is-disabled .hy-button__text {
96
+ color: rgba(255, 255, 255, 0.68);
97
+ }
98
+ }
99
+
100
+ &.hy-button_function {
101
+ background: rgba(45, 242, 255, 0.32);
102
+
103
+ .hy-button__border {
104
+ background: linear-gradient(
105
+ 90deg,
106
+ rgba(45, 242, 255, 0.4) 0%,
107
+ rgba(45, 242, 255, 1) 50%,
108
+ rgba(45, 242, 255, 0.4) 100%
109
+ );
110
+ }
111
+
112
+ .hy-button__inner {
113
+ background: #003a48;
114
+ box-shadow:
115
+ inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
116
+ inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
117
+ }
118
+
119
+ .hy-button__text {
120
+ color: #fff;
121
+ }
122
+
123
+ .hy-button__mask {
124
+ background: radial-gradient(
125
+ ellipse at center bottom,
126
+ #2df2ff 0%,
127
+ #1798a1 30%,
128
+ transparent 60%
129
+ );
130
+ }
131
+
132
+ &:hover .hy-button__inner {
133
+ box-shadow:
134
+ inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
135
+ inset 0 0 2px 0 rgba(159, 248, 255, 0.5),
136
+ inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
137
+ inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
138
+ }
139
+
140
+ &:disabled .hy-button__border,
141
+ &.is-disabled .hy-button__border {
142
+ background: linear-gradient(
143
+ 90deg,
144
+ rgba(45, 242, 255, 0.18) 0%,
145
+ rgba(45, 242, 255, 0.42) 50%,
146
+ rgba(45, 242, 255, 0.18) 100%
147
+ );
148
+ }
149
+
150
+ &:disabled .hy-button__inner,
151
+ &.is-disabled .hy-button__inner {
152
+ background: #10575c;
153
+ box-shadow:
154
+ inset 0 0 4px 1px rgba(97, 248, 255, 0.2),
155
+ inset 0 0 2px 0 rgba(159, 248, 255, 0.16);
156
+ }
157
+
158
+ &:disabled .hy-button__text,
159
+ &.is-disabled .hy-button__text {
160
+ color: rgba(255, 255, 255, 0.68);
161
+ }
162
+ }
163
+
164
+ &.hy-button_addTo {
165
+ background: rgba(44, 232, 152, 0.32);
166
+
167
+ .hy-button__border {
168
+ background: linear-gradient(
169
+ 90deg,
170
+ rgba(171, 255, 185, 0.4) 0%,
171
+ rgba(171, 255, 185, 1) 50%,
172
+ rgba(171, 255, 185, 0.4) 100%
173
+ );
174
+ }
175
+
176
+ .hy-button__inner {
177
+ background: #004823;
178
+ box-shadow:
179
+ inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
180
+ inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
181
+ }
182
+
183
+ .hy-button__text {
184
+ color: #fff;
185
+ }
186
+
187
+ .hy-button__mask {
188
+ background: radial-gradient(
189
+ ellipse at center bottom,
190
+ #20e080 0%,
191
+ #109060 30%,
192
+ transparent 60%
193
+ );
194
+ }
195
+
196
+ &:hover .hy-button__inner {
197
+ box-shadow:
198
+ inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
199
+ inset 0 0 2px 0 rgba(159, 255, 209, 0.5),
200
+ inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
201
+ inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
202
+ }
203
+
204
+ &:disabled .hy-button__border,
205
+ &.is-disabled .hy-button__border {
206
+ background: linear-gradient(
207
+ 90deg,
208
+ rgba(171, 255, 185, 0.18) 0%,
209
+ rgba(171, 255, 185, 0.42) 50%,
210
+ rgba(171, 255, 185, 0.18) 100%
211
+ );
212
+ }
213
+
214
+ &:disabled .hy-button__inner,
215
+ &.is-disabled .hy-button__inner {
216
+ background: #1d3d2d;
217
+ box-shadow:
218
+ inset 0 0 4px 1px rgba(97, 255, 179, 0.2),
219
+ inset 0 0 2px 0 rgba(159, 255, 209, 0.16);
220
+ }
221
+
222
+ &:disabled .hy-button__text,
223
+ &.is-disabled .hy-button__text {
224
+ color: rgba(255, 255, 255, 0.68);
225
+ }
226
+ }
227
+
228
+ &.hy-button_delete {
229
+ background: rgba(255, 77, 77, 0.32);
230
+
231
+ .hy-button__border {
232
+ background: linear-gradient(
233
+ 90deg,
234
+ rgba(255, 77, 77, 0.4) 0%,
235
+ rgba(255, 77, 77, 1) 50%,
236
+ rgba(255, 77, 77, 0.4) 100%
237
+ );
238
+ }
239
+
240
+ .hy-button__inner {
241
+ background: #4f0000;
242
+ box-shadow:
243
+ inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
244
+ inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
245
+ }
246
+
247
+ .hy-button__text {
248
+ color: #fff;
249
+ }
250
+
251
+ .hy-button__mask {
252
+ background: radial-gradient(
253
+ ellipse at center bottom,
254
+ #ff0000 0%,
255
+ #b41414 30%,
256
+ transparent 60%
257
+ );
258
+ }
259
+
260
+ &:hover .hy-button__inner {
261
+ box-shadow:
262
+ inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
263
+ inset 0 0 2px 0 rgba(255, 159, 159, 0.5),
264
+ inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
265
+ inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
266
+ }
267
+
268
+ &:disabled .hy-button__border,
269
+ &.is-disabled .hy-button__border {
270
+ background: linear-gradient(
271
+ 90deg,
272
+ rgba(255, 77, 77, 0.18) 0%,
273
+ rgba(255, 77, 77, 0.42) 50%,
274
+ rgba(255, 77, 77, 0.18) 100%
275
+ );
276
+ }
277
+
278
+ &:disabled .hy-button__inner,
279
+ &.is-disabled .hy-button__inner {
280
+ background: #4b0c0c;
281
+ box-shadow:
282
+ inset 0 0 4px 1px rgba(255, 97, 97, 0.2),
283
+ inset 0 0 2px 0 rgba(255, 159, 159, 0.16);
284
+ }
285
+
286
+ &:disabled .hy-button__text,
287
+ &.is-disabled .hy-button__text {
288
+ color: rgba(255, 255, 255, 0.68);
289
+ }
95
290
  }
96
291
  }
97
292
 
98
- .hy-button_function {
99
- background: rgba(45, 242, 255, 0.32);
100
-
101
- .hy-button__border {
102
- background: linear-gradient(
103
- 90deg,
104
- rgba(45, 242, 255, 0.4) 0%,
105
- rgba(45, 242, 255, 1) 50%,
106
- rgba(45, 242, 255, 0.4) 100%
107
- );
108
- }
109
-
110
- .hy-button__inner {
111
- background: #003a48;
112
- box-shadow:
113
- inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
114
- inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
115
- }
116
-
117
- .hy-button__text {
118
- color: #fff;
119
- }
120
-
121
- .hy-button__mask {
122
- background: radial-gradient(
123
- ellipse at center bottom,
124
- #2df2ff 0%,
125
- #1798a1 30%,
126
- transparent 60%
127
- );
128
- }
129
293
 
130
- &:hover .hy-button__inner {
131
- box-shadow:
132
- inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
133
- inset 0 0 2px 0 rgba(159, 248, 255, 0.5),
134
- inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
135
- inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
136
- }
294
+ .hy-button-text {
295
+ --hy-button-text-color: rgba(var(--hy-auxiliary));
296
+ --hy-button-font-size: 14px;
297
+ color: var(--hy-button-text-color);
298
+ font-size: var(--hy-button-font-size);
299
+ text-decoration: underline;
300
+ text-decoration-color: var(--hy-button-text-color);
301
+ text-decoration-thickness: 1px;
302
+ text-underline-offset: 4px;
137
303
 
138
- &:disabled .hy-button__border,
139
- &.is-disabled .hy-button__border {
140
- background: linear-gradient(
141
- 90deg,
142
- rgba(45, 242, 255, 0.18) 0%,
143
- rgba(45, 242, 255, 0.42) 50%,
144
- rgba(45, 242, 255, 0.18) 100%
145
- );
146
- }
147
-
148
- &:disabled .hy-button__inner,
149
- &.is-disabled .hy-button__inner {
150
- background: #10575c;
151
- box-shadow:
152
- inset 0 0 4px 1px rgba(97, 248, 255, 0.2),
153
- inset 0 0 2px 0 rgba(159, 248, 255, 0.16);
154
- }
155
-
156
- &:disabled .hy-button__text,
157
- &.is-disabled .hy-button__text {
158
- color: rgba(255, 255, 255, 0.68);
159
- }
160
- }
161
-
162
- .hy-button_addTo {
163
- background: rgba(44, 232, 152, 0.32);
164
-
165
- .hy-button__border {
166
- background: linear-gradient(
167
- 90deg,
168
- rgba(171, 255, 185, 0.4) 0%,
169
- rgba(171, 255, 185, 1) 50%,
170
- rgba(171, 255, 185, 0.4) 100%
171
- );
172
- }
173
-
174
- .hy-button__inner {
175
- background: #004823;
176
- box-shadow:
177
- inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
178
- inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
179
- }
180
-
181
- .hy-button__text {
182
- color: #fff;
183
- }
184
-
185
- .hy-button__mask {
186
- background: radial-gradient(
187
- ellipse at center bottom,
188
- #20e080 0%,
189
- #109060 30%,
190
- transparent 60%
191
- );
192
- }
193
-
194
- &:hover .hy-button__inner {
195
- box-shadow:
196
- inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
197
- inset 0 0 2px 0 rgba(159, 255, 209, 0.5),
198
- inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
199
- inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
200
- }
201
-
202
- &:disabled .hy-button__border,
203
- &.is-disabled .hy-button__border {
204
- background: linear-gradient(
205
- 90deg,
206
- rgba(171, 255, 185, 0.18) 0%,
207
- rgba(171, 255, 185, 0.42) 50%,
208
- rgba(171, 255, 185, 0.18) 100%
209
- );
210
- }
211
-
212
- &:disabled .hy-button__inner,
213
- &.is-disabled .hy-button__inner {
214
- background: #1d3d2d;
215
- box-shadow:
216
- inset 0 0 4px 1px rgba(97, 255, 179, 0.2),
217
- inset 0 0 2px 0 rgba(159, 255, 209, 0.16);
218
- }
219
-
220
- &:disabled .hy-button__text,
221
- &.is-disabled .hy-button__text {
222
- color: rgba(255, 255, 255, 0.68);
223
- }
224
- }
225
-
226
- .hy-button_delete {
227
- background: rgba(255, 77, 77, 0.32);
228
-
229
- .hy-button__border {
230
- background: linear-gradient(
231
- 90deg,
232
- rgba(255, 77, 77, 0.4) 0%,
233
- rgba(255, 77, 77, 1) 50%,
234
- rgba(255, 77, 77, 0.4) 100%
235
- );
236
- }
237
-
238
- .hy-button__inner {
239
- background: #4f0000;
240
- box-shadow:
241
- inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
242
- inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
304
+ &.hy-button--large {
305
+ --hy-button-font-size: 14px;
306
+ padding: 10px 19px 9px;
243
307
  }
244
308
 
245
- .hy-button__text {
246
- color: #fff;
309
+ &.hy-button--default {
310
+ padding: 6px 15px 5px;
247
311
  }
248
312
 
249
- .hy-button__mask {
250
- background: radial-gradient(
251
- ellipse at center bottom,
252
- #ff0000 0%,
253
- #b41414 30%,
254
- transparent 60%
255
- );
313
+ &.hy-button--small {
314
+ --hy-button-font-size: 12px;
315
+ padding: 4px 11px;
256
316
  }
257
317
 
258
- &:hover .hy-button__inner {
259
- box-shadow:
260
- inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
261
- inset 0 0 2px 0 rgba(255, 159, 159, 0.5),
262
- inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
263
- inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
318
+ &.hy-button_default {
319
+ --hy-button-text-color: rgba(var(--hy-auxiliary));
264
320
  }
265
321
 
266
- &:disabled .hy-button__border,
267
- &.is-disabled .hy-button__border {
268
- background: linear-gradient(
269
- 90deg,
270
- rgba(255, 77, 77, 0.18) 0%,
271
- rgba(255, 77, 77, 0.42) 50%,
272
- rgba(255, 77, 77, 0.18) 100%
273
- );
322
+ &.hy-button_function {
323
+ --hy-button-text-color: rgba(var(--hy-theme));
274
324
  }
275
325
 
276
- &:disabled .hy-button__inner,
277
- &.is-disabled .hy-button__inner {
278
- background: #4b0c0c;
279
- box-shadow:
280
- inset 0 0 4px 1px rgba(255, 97, 97, 0.2),
281
- inset 0 0 2px 0 rgba(255, 159, 159, 0.16);
326
+ &.hy-button_addTo {
327
+ --hy-button-text-color: rgba(var(--hy-success));
282
328
  }
283
329
 
284
- &:disabled .hy-button__text,
285
- &.is-disabled .hy-button__text {
286
- color: rgba(255, 255, 255, 0.68);
330
+ &.hy-button_delete {
331
+ --hy-button-text-color: rgba(var(--hy-danger-2));
287
332
  }
288
333
  }
@@ -1,5 +1,5 @@
1
1
  import _sfc_main from './form.vue.mjs';
2
- export { useAppForm } from './js/useAppForm.mjs';
2
+ export { resetAppFormValue, useAppForm } from './js/useAppForm.mjs';
3
3
  import { withInstall } from '../../utils/handler.mjs';
4
4
 
5
5
  const HyForm = withInstall(_sfc_main);
@@ -55,8 +55,7 @@ const rulesHandler = (config) => {
55
55
  if (!rules.some((item) => item.required) && required) {
56
56
  rules.unshift({
57
57
  required: true,
58
- message: genRuleRequiredMsgHandler(config),
59
- trigger: "blur"
58
+ message: genRuleRequiredMsgHandler(config)
60
59
  });
61
60
  }
62
61
  return rules;
@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
43
43
  return openBlock(), createElementBlock(
44
44
  "div",
45
45
  {
46
- class: normalizeClass(["operator-menu-box user-select-none", { "operator-menu-box-expand": expand.value }])
46
+ class: normalizeClass(["hy-operator-menu-box user-select-none", { "operator-menu-box-expand": expand.value }])
47
47
  },
48
48
  [
49
49
  createElementVNode("div", { class: "operator-menu-list scroll-body" }, [
@@ -1,5 +1,5 @@
1
1
  /* 二级导航栏 */
2
- .operator-menu-box {
2
+ .hy-operator-menu-box {
3
3
  width: 57px;
4
4
  height: 100%;
5
5
  display: flex;
@@ -1,5 +1,5 @@
1
1
  import _sfc_main from './search.vue.mjs';
2
- export { useAppSearch } from './js/useAppSearch.mjs';
2
+ export { resetAppSearchValue, useAppSearch } from './js/useAppSearch.mjs';
3
3
  import { withInstall } from '../../utils/handler.mjs';
4
4
 
5
5
  const HySearch = withInstall(_sfc_main);