persagy-vant 0.0.25 → 0.0.26

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 (76) hide show
  1. package/es/background/index.css +1 -1
  2. package/es/background/index.less +10 -0
  3. package/es/background/types.d.ts +1 -1
  4. package/es/empty/Empty.mjs +6 -274
  5. package/es/empty/assets/default.png +0 -0
  6. package/es/empty/assets/network.png +0 -0
  7. package/es/empty/index.css +1 -1
  8. package/es/empty/index.less +19 -1
  9. package/es/empty/var.less +6 -5
  10. package/es/field/index.css +1 -1
  11. package/es/field/var.less +1 -1
  12. package/es/floor-select/FloorSelect.mjs +3 -0
  13. package/es/floor-select/index.css +1 -1
  14. package/es/floor-select/index.less +4 -3
  15. package/es/index.d.ts +2 -1
  16. package/es/index.mjs +4 -1
  17. package/es/radio-panel/RadioPanel.mjs +25 -13
  18. package/es/sidebar-item/SidebarItem.mjs +1 -2
  19. package/es/work-order-card/WorkOrderCard.d.ts +145 -0
  20. package/es/work-order-card/WorkOrderCard.mjs +121 -0
  21. package/es/work-order-card/index.css +1 -0
  22. package/es/work-order-card/index.d.ts +107 -0
  23. package/es/work-order-card/index.less +34 -0
  24. package/es/work-order-card/index.mjs +8 -0
  25. package/es/work-order-card/style/index.d.ts +1 -0
  26. package/es/work-order-card/style/index.mjs +8 -0
  27. package/es/work-order-card/style/less.d.ts +1 -0
  28. package/es/work-order-card/style/less.mjs +8 -0
  29. package/es/work-order-card/types.d.ts +16 -0
  30. package/es/work-order-card/types.mjs +0 -0
  31. package/es/work-order-card/var.css +0 -0
  32. package/es/work-order-card/var.less +6 -0
  33. package/lib/background/index.css +1 -1
  34. package/lib/background/index.less +10 -0
  35. package/lib/background/types.d.ts +1 -1
  36. package/lib/empty/Empty.js +6 -274
  37. package/lib/empty/assets/default.png +0 -0
  38. package/lib/empty/assets/network.png +0 -0
  39. package/lib/empty/index.css +1 -1
  40. package/lib/empty/index.less +19 -1
  41. package/lib/empty/var.less +6 -5
  42. package/lib/field/index.css +1 -1
  43. package/lib/field/var.less +1 -1
  44. package/lib/floor-select/FloorSelect.js +3 -0
  45. package/lib/floor-select/index.css +1 -1
  46. package/lib/floor-select/index.less +4 -3
  47. package/lib/index.css +1 -1
  48. package/lib/index.d.ts +2 -1
  49. package/lib/index.js +4 -1
  50. package/lib/index.less +1 -0
  51. package/lib/radio-panel/RadioPanel.js +25 -13
  52. package/lib/sidebar-item/SidebarItem.js +1 -2
  53. package/lib/vant.cjs.js +1284 -1424
  54. package/lib/vant.es.js +1284 -1424
  55. package/lib/vant.js +1284 -1424
  56. package/lib/vant.min.js +1 -1
  57. package/lib/web-types.json +1 -1
  58. package/lib/work-order-card/WorkOrderCard.d.ts +145 -0
  59. package/lib/work-order-card/WorkOrderCard.js +140 -0
  60. package/lib/work-order-card/index.css +1 -0
  61. package/lib/work-order-card/index.d.ts +107 -0
  62. package/lib/work-order-card/index.js +37 -0
  63. package/lib/work-order-card/index.less +34 -0
  64. package/lib/work-order-card/style/index.d.ts +1 -0
  65. package/lib/work-order-card/style/index.js +8 -0
  66. package/lib/work-order-card/style/less.d.ts +1 -0
  67. package/lib/work-order-card/style/less.js +8 -0
  68. package/lib/work-order-card/types.d.ts +16 -0
  69. package/lib/work-order-card/types.js +15 -0
  70. package/lib/work-order-card/var.css +0 -0
  71. package/lib/work-order-card/var.less +6 -0
  72. package/package.json +2 -2
  73. package/skills/use-persagy-vant/SKILL.md +2 -2
  74. package/skills/use-persagy-vant/references/business-component-catalog.md +5 -0
  75. package/skills/use-persagy-vant/references/component-catalog.md +7 -4
  76. package/skills/use-persagy-vant/references/page-recipes.md +11 -1
@@ -1 +1 @@
1
- :root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}
1
+ :root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--solid{--van-background-color: #e4effd;--van-background-image: none}.van-background--gray{--van-background-color: var(--van-grey-200);--van-background-image: none}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}
@@ -22,6 +22,16 @@
22
22
  --van-background-image: url('./assets/background-light.png');
23
23
  }
24
24
 
25
+ &--solid {
26
+ --van-background-color: #e4effd;
27
+ --van-background-image: none;
28
+ }
29
+
30
+ &--gray {
31
+ --van-background-color: var(--van-grey-200);
32
+ --van-background-image: none;
33
+ }
34
+
25
35
  &--style-1 {
26
36
  --van-background-image: url('./assets/background-style-1.png');
27
37
  }
@@ -1 +1 @@
1
- export declare type BackgroundTheme = 'default' | 'light' | 'style-1' | 'style-2' | 'style-3';
1
+ export declare type BackgroundTheme = 'default' | 'light' | 'gray' | 'solid' | 'style-1' | 'style-2' | 'style-3';
@@ -1,5 +1,4 @@
1
1
  import { defineComponent, createVNode as _createVNode } from "vue";
2
- import { useId } from "../composables/use-id.mjs";
3
2
  import { getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
4
3
  const [name, bem] = createNamespace("empty");
5
4
  const emptyProps = {
@@ -28,283 +27,16 @@ var stdin_default = defineComponent({
28
27
  }, [slots.default()]);
29
28
  }
30
29
  };
31
- const baseId = useId();
32
- const getId = (num) => `${baseId}-${num}`;
33
- const getUrlById = (num) => `url(#${getId(num)})`;
34
- const renderStop = (color, offset, opacity) => _createVNode("stop", {
35
- "stop-color": color,
36
- "offset": `${offset}%`,
37
- "stop-opacity": opacity
38
- }, null);
39
- const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
40
- const renderShadow = (id) => [_createVNode("defs", null, [_createVNode("radialGradient", {
41
- "id": getId(id),
42
- "cx": "50%",
43
- "cy": "54%",
44
- "fx": "50%",
45
- "fy": "54%",
46
- "r": "297%",
47
- "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)"
48
- }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), _createVNode("ellipse", {
49
- "fill": getUrlById(id),
50
- "opacity": ".8",
51
- "cx": "80",
52
- "cy": "140",
53
- "rx": "46",
54
- "ry": "8"
55
- }, null)];
56
- const renderBuilding = () => [_createVNode("defs", null, [_createVNode("linearGradient", {
57
- "id": getId("a"),
58
- "x1": "64%",
59
- "y1": "100%",
60
- "x2": "64%"
61
- }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), _createVNode("g", {
62
- "opacity": ".8"
63
- }, [_createVNode("path", {
64
- "d": "M36 131V53H16v20H2v58h34z",
65
- "fill": getUrlById("a")
66
- }, null), _createVNode("path", {
67
- "d": "M123 15h22v14h9v77h-31V15z",
68
- "fill": getUrlById("a")
69
- }, null)])];
70
- const renderCloud = () => [_createVNode("defs", null, [_createVNode("linearGradient", {
71
- "id": getId("b"),
72
- "x1": "64%",
73
- "y1": "97%",
74
- "x2": "64%",
75
- "y2": "0%"
76
- }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), _createVNode("g", {
77
- "opacity": ".8"
78
- }, [_createVNode("path", {
79
- "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
80
- "fill": getUrlById("b")
81
- }, null), _createVNode("path", {
82
- "d": "M19 23c2 0 3 1 4 3 2 0 4 2 4 4a4 4 0 0 1-4 3v1h-7v-1l-1 1c-2 0-3-2-3-4 0-1 1-3 3-3 0-2 2-4 4-4Z",
83
- "fill": getUrlById("b")
84
- }, null)])];
85
- const renderNetwork = () => _createVNode("svg", {
86
- "viewBox": "0 0 160 160"
87
- }, [_createVNode("defs", null, [_createVNode("linearGradient", {
88
- "id": getId(1),
89
- "x1": "64%",
90
- "y1": "100%",
91
- "x2": "64%"
92
- }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), _createVNode("linearGradient", {
93
- "id": getId(2),
94
- "x1": "50%",
95
- "x2": "50%",
96
- "y2": "84%"
97
- }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), _createVNode("linearGradient", {
98
- "id": getId(3),
99
- "x1": "100%",
100
- "x2": "100%",
101
- "y2": "100%"
102
- }, [renderStops("#EAEDF0", "#DCDEE0")]), _createVNode("radialGradient", {
103
- "id": getId(4),
104
- "cx": "50%",
105
- "cy": "0%",
106
- "fx": "50%",
107
- "fy": "0%",
108
- "r": "100%",
109
- "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
110
- }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), _createVNode("g", {
111
- "fill": "none"
112
- }, [renderBuilding(), _createVNode("path", {
113
- "fill": getUrlById(4),
114
- "d": "M0 139h160v21H0z"
115
- }, null), _createVNode("path", {
116
- "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
117
- "fill": getUrlById(2)
118
- }, null), _createVNode("g", {
119
- "opacity": ".6",
120
- "stroke-linecap": "round",
121
- "stroke-width": "7"
122
- }, [_createVNode("path", {
123
- "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
124
- "stroke": getUrlById(3)
125
- }, null), _createVNode("path", {
126
- "d": "M53 36a34 34 0 0 0 0 48",
127
- "stroke": getUrlById(3)
128
- }, null), _createVNode("path", {
129
- "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
130
- "stroke": getUrlById(3)
131
- }, null), _createVNode("path", {
132
- "d": "M106 84a34 34 0 0 0 0-48",
133
- "stroke": getUrlById(3)
134
- }, null)]), _createVNode("g", {
135
- "transform": "translate(31 105)"
136
- }, [_createVNode("rect", {
137
- "fill": "#EBEDF0",
138
- "width": "98",
139
- "height": "34",
140
- "rx": "2"
141
- }, null), _createVNode("rect", {
142
- "fill": "#FFF",
143
- "x": "9",
144
- "y": "8",
145
- "width": "80",
146
- "height": "18",
147
- "rx": "1.1"
148
- }, null), _createVNode("rect", {
149
- "fill": "#EBEDF0",
150
- "x": "15",
151
- "y": "12",
152
- "width": "18",
153
- "height": "6",
154
- "rx": "1.1"
155
- }, null)])])]);
156
- const renderMaterial = () => _createVNode("svg", {
157
- "viewBox": "0 0 160 160"
158
- }, [_createVNode("defs", null, [_createVNode("linearGradient", {
159
- "x1": "50%",
160
- "x2": "50%",
161
- "y2": "100%",
162
- "id": getId(5)
163
- }, [renderStops("#F2F3F5", "#DCDEE0")]), _createVNode("linearGradient", {
164
- "x1": "95%",
165
- "y1": "48%",
166
- "x2": "5.5%",
167
- "y2": "51%",
168
- "id": getId(6)
169
- }, [renderStops("#EAEDF1", "#DCDEE0")]), _createVNode("linearGradient", {
170
- "y1": "45%",
171
- "x2": "100%",
172
- "y2": "54%",
173
- "id": getId(7)
174
- }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), _createVNode("g", {
175
- "transform": "translate(36 50)",
176
- "fill": "none"
177
- }, [_createVNode("g", {
178
- "transform": "translate(8)"
179
- }, [_createVNode("rect", {
180
- "fill": "#EBEDF0",
181
- "opacity": ".6",
182
- "x": "38",
183
- "y": "13",
184
- "width": "36",
185
- "height": "53",
186
- "rx": "2"
187
- }, null), _createVNode("rect", {
188
- "fill": getUrlById(5),
189
- "width": "64",
190
- "height": "66",
191
- "rx": "2"
192
- }, null), _createVNode("rect", {
193
- "fill": "#FFF",
194
- "x": "6",
195
- "y": "6",
196
- "width": "52",
197
- "height": "55",
198
- "rx": "1"
199
- }, null), _createVNode("g", {
200
- "transform": "translate(15 17)",
201
- "fill": getUrlById(6)
202
- }, [_createVNode("rect", {
203
- "width": "34",
204
- "height": "6",
205
- "rx": "1"
206
- }, null), _createVNode("path", {
207
- "d": "M0 14h34v6H0z"
208
- }, null), _createVNode("rect", {
209
- "y": "28",
210
- "width": "34",
211
- "height": "6",
212
- "rx": "1"
213
- }, null)])]), _createVNode("rect", {
214
- "fill": getUrlById(7),
215
- "y": "61",
216
- "width": "88",
217
- "height": "28",
218
- "rx": "1"
219
- }, null), _createVNode("rect", {
220
- "fill": "#F7F8FA",
221
- "x": "29",
222
- "y": "72",
223
- "width": "30",
224
- "height": "6",
225
- "rx": "1"
226
- }, null)])]);
227
- const renderError = () => _createVNode("svg", {
228
- "viewBox": "0 0 160 160"
229
- }, [_createVNode("defs", null, [_createVNode("linearGradient", {
230
- "x1": "50%",
231
- "x2": "50%",
232
- "y2": "100%",
233
- "id": getId(8)
234
- }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), _createVNode("path", {
235
- "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
236
- "fill": getUrlById(8)
237
- }, null)]);
238
- const renderSearch = () => _createVNode("svg", {
239
- "viewBox": "0 0 160 160"
240
- }, [_createVNode("defs", null, [_createVNode("linearGradient", {
241
- "x1": "50%",
242
- "y1": "100%",
243
- "x2": "50%",
244
- "id": getId(9)
245
- }, [renderStops("#EEE", "#D8D8D8")]), _createVNode("linearGradient", {
246
- "x1": "100%",
247
- "y1": "50%",
248
- "y2": "50%",
249
- "id": getId(10)
250
- }, [renderStops("#F2F3F5", "#DCDEE0")]), _createVNode("linearGradient", {
251
- "x1": "50%",
252
- "x2": "50%",
253
- "y2": "100%",
254
- "id": getId(11)
255
- }, [renderStops("#F2F3F5", "#DCDEE0")]), _createVNode("linearGradient", {
256
- "x1": "50%",
257
- "x2": "50%",
258
- "y2": "100%",
259
- "id": getId(12)
260
- }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), _createVNode("g", {
261
- "transform": "rotate(-45 113 -4)",
262
- "fill": "none"
263
- }, [_createVNode("rect", {
264
- "fill": getUrlById(9),
265
- "x": "24",
266
- "y": "52.8",
267
- "width": "5.8",
268
- "height": "19",
269
- "rx": "1"
270
- }, null), _createVNode("rect", {
271
- "fill": getUrlById(10),
272
- "x": "22.1",
273
- "y": "67.3",
274
- "width": "9.9",
275
- "height": "28",
276
- "rx": "1"
277
- }, null), _createVNode("circle", {
278
- "stroke": getUrlById(11),
279
- "stroke-width": "8",
280
- "cx": "27",
281
- "cy": "27",
282
- "r": "27"
283
- }, null), _createVNode("circle", {
284
- "fill": getUrlById(12),
285
- "cx": "27",
286
- "cy": "27",
287
- "r": "16"
288
- }, null), _createVNode("path", {
289
- "d": "M37 7c-8 0-15 5-16 12",
290
- "stroke": getUrlById(11),
291
- "stroke-width": "3",
292
- "opacity": ".5",
293
- "stroke-linecap": "round",
294
- "transform": "rotate(45 29 13)"
295
- }, null)])]);
296
30
  const renderImage = () => {
297
- var _a;
298
31
  if (slots.image) {
299
32
  return slots.image();
300
33
  }
301
- const PRESET_IMAGES = {
302
- error: renderError,
303
- search: renderSearch,
304
- network: renderNetwork,
305
- default: renderMaterial
306
- };
307
- return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || _createVNode("img", {
34
+ if (props.image === "default" || props.image === "network") {
35
+ return _createVNode("div", {
36
+ "class": bem("image-preset", props.image)
37
+ }, null);
38
+ }
39
+ return _createVNode("img", {
308
40
  "src": props.image
309
41
  }, null);
310
42
  };
Binary file
Binary file
@@ -1 +1 @@
1
- :root{--van-empty-padding: var(--van-padding-xl) 0;--van-empty-image-size: 160px;--van-empty-description-margin-top: var(--van-padding-md);--van-empty-description-padding: 0 60px;--van-empty-description-color: var(--van-text-color-2);--van-empty-description-font-size: var(--van-font-size-md);--van-empty-description-line-height: var(--van-line-height-md);--van-empty-bottom-margin-top: 24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}
1
+ :root{--van-empty-padding: var(--van-padding-xl) 0;--van-empty-image-size: 90px;--van-empty-image-height: 76px;--van-empty-description-margin-top: 8px;--van-empty-description-padding: 0 60px;--van-empty-description-color: var(--van-gray-6);--van-empty-description-font-size: 14px;--van-empty-description-line-height: var(--van-line-height-md);--van-empty-bottom-margin-top: 8px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-height)}.van-empty__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.van-empty__image-preset{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}.van-empty__image-preset--default{background-image:url(./assets/default.png)}.van-empty__image-preset--network{background-image:url(./assets/network.png)}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}
@@ -3,6 +3,7 @@
3
3
  :root {
4
4
  --van-empty-padding: @empty-padding;
5
5
  --van-empty-image-size: @empty-image-size;
6
+ --van-empty-image-height: @empty-image-height;
6
7
  --van-empty-description-margin-top: @empty-description-margin-top;
7
8
  --van-empty-description-padding: @empty-description-padding;
8
9
  --van-empty-description-color: @empty-description-color;
@@ -21,11 +22,28 @@
21
22
 
22
23
  &__image {
23
24
  width: var(--van-empty-image-size);
24
- height: var(--van-empty-image-size);
25
+ height: var(--van-empty-image-height);
25
26
 
26
27
  img {
27
28
  width: 100%;
28
29
  height: 100%;
30
+ object-fit: contain;
31
+ }
32
+ }
33
+
34
+ &__image-preset {
35
+ width: 100%;
36
+ height: 100%;
37
+ background-repeat: no-repeat;
38
+ background-position: center;
39
+ background-size: contain;
40
+
41
+ &--default {
42
+ background-image: url('./assets/default.png');
43
+ }
44
+
45
+ &--network {
46
+ background-image: url('./assets/network.png');
29
47
  }
30
48
  }
31
49
 
package/es/empty/var.less CHANGED
@@ -1,10 +1,11 @@
1
1
  @import '../style/var.less';
2
2
 
3
3
  @empty-padding: var(--van-padding-xl) 0;
4
- @empty-image-size: 160px;
5
- @empty-description-margin-top: var(--van-padding-md);
4
+ @empty-image-size: 90px;
5
+ @empty-image-height: 76px;
6
+ @empty-description-margin-top: 8px;
6
7
  @empty-description-padding: 0 60px;
7
- @empty-description-color: var(--van-text-color-2);
8
- @empty-description-font-size: var(--van-font-size-md);
8
+ @empty-description-color: var(--van-gray-6);
9
+ @empty-description-font-size: 14px;
9
10
  @empty-description-line-height: var(--van-line-height-md);
10
- @empty-bottom-margin-top: 24px;
11
+ @empty-bottom-margin-top: 8px;
@@ -1 +1 @@
1
- :root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-gray-7);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-font-size: var(--van-font-size-lg);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required{position:relative}.van-field__label--required:before{color:var(--van-field-required-mark-color);content:"*";position:absolute;left:-8px;font-size:14px}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field--label-top{flex-direction:column;align-items:stretch}.van-field--label-top .van-cell__title,.van-field--label-top .van-cell__value{flex:none;width:100%}.van-field--label-top .van-field__label{width:auto;margin-right:0;margin-bottom:var(--van-padding-xs)}.van-field.van-cell--normal{--van-field-input-font-size: var(--van-font-size-md)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.van-field__control::-moz-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:-moz-read-only{cursor:default}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-moz-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
1
+ :root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-gray-8);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-font-size: var(--van-font-size-lg);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required{position:relative}.van-field__label--required:before{color:var(--van-field-required-mark-color);content:"*";position:absolute;left:-8px;font-size:14px}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field--label-top{flex-direction:column;align-items:stretch}.van-field--label-top .van-cell__title,.van-field--label-top .van-cell__value{flex:none;width:100%}.van-field--label-top .van-field__label{width:auto;margin-right:0;margin-bottom:var(--van-padding-xs)}.van-field.van-cell--normal{--van-field-input-font-size: var(--van-font-size-md)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.van-field__control::-moz-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:-moz-read-only{cursor:default}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-moz-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
package/es/field/var.less CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../style/var.less';
2
2
 
3
3
  @field-label-width: 6.2em;
4
- @field-label-color: var(--van-gray-7);
4
+ @field-label-color: var(--van-gray-8);
5
5
  @field-label-margin-right: var(--van-padding-sm);
6
6
  @field-input-font-size: var(--van-font-size-lg);
7
7
  @field-input-text-color: var(--van-text-color);
@@ -222,6 +222,9 @@ var stdin_default = defineComponent({
222
222
  "key": floor.id,
223
223
  "title": floor.text,
224
224
  "dot": floor.dot,
225
+ "badgeProps": {
226
+ color: "var(--van-danger-color)"
227
+ },
225
228
  "disabled": floor.disabled
226
229
  }, null))]
227
230
  }), _createVNode("div", {
@@ -1 +1 @@
1
- .van-floor-select{display:flex;flex-direction:column;min-height:100vh;color:var(--van-text-color);background:var(--van-background-color-light)}.van-floor-select__tabs{flex:none;padding:var(--van-padding-xs) var(--van-padding-md);--van-tabs-line-height: 38px;--van-tabs-nav-background-color: transparent;--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-1);--van-tabs-filter-border-radius: var(--van-border-radius-lg)}.van-floor-select__tabs .van-tabs__nav{gap:6px}.van-floor-select__tabs .van-tabs__more{z-index:3;width:40px;color:var(--van-gray-8);background:linear-gradient(90deg,transparent,var(--van-white) 36%)}.van-floor-select__content{display:flex;flex:1;min-height:0}.van-floor-select__sidebar{flex:none;height:auto;background:var(--van-gray-1);--van-sidebar-width: 80px;--van-sidebar-padding: var(--van-padding-sm);--van-sidebar-background-color: var(--van-gray-1);--van-sidebar-selected-background-color: var(--van-background-color-light);--van-sidebar-selected-text-color: var(--van-primary-color);--van-sidebar-selected-font-weight: var(--van-font-weight-bold)}.van-floor-select__cells{flex:1;min-width:0;overflow-y:auto;background:var(--van-background-color-light)}.van-floor-select__cell .van-cell{--van-cell-vertical-padding: var(--van-padding-sm)}
1
+ .van-floor-select{display:flex;flex-direction:column;min-height:100vh;color:var(--van-text-color);background:var(--van-background-color-light)}.van-floor-select__tabs{flex:none;padding:var(--van-padding-xs) 0;background:var(--van-gray-1);--van-tabs-line-height: 38px;--van-tabs-nav-background-color: transparent;--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg)}.van-floor-select__tabs .van-tabs__nav{gap:6px}.van-floor-select__tabs .van-tabs__more{z-index:3;width:40px;color:var(--van-gray-8);background:linear-gradient(90deg,transparent,var(--van-gray-1) 36%)}.van-floor-select__content{display:flex;flex:1;min-height:0}.van-floor-select__sidebar{flex:none;height:auto;background:var(--van-gray-1);--van-sidebar-width: 80px;--van-sidebar-padding: var(--van-padding-sm);--van-sidebar-background-color: var(--van-gray-1);--van-sidebar-selected-background-color: var(--van-background-color-light);--van-sidebar-selected-text-color: var(--van-primary-color);--van-sidebar-selected-font-weight: var(--van-font-weight-bold)}.van-floor-select__cells{flex:1;min-width:0;overflow-y:auto;background:var(--van-background-color-light)}.van-floor-select__cell .van-cell{--van-cell-vertical-padding: var(--van-padding-sm)}
@@ -7,11 +7,12 @@
7
7
 
8
8
  &__tabs {
9
9
  flex: none;
10
- padding: var(--van-padding-xs) var(--van-padding-md);
10
+ padding: var(--van-padding-xs) 0;
11
+ background: var(--van-gray-1);
11
12
  --van-tabs-line-height: 38px;
12
13
  --van-tabs-nav-background-color: transparent;
13
14
  --van-tabs-filter-background-color: var(--van-gray-2);
14
- --van-tabs-filter-active-background-color: var(--van-blue-1);
15
+ --van-tabs-filter-active-background-color: var(--van-blue-100);
15
16
  --van-tabs-filter-border-radius: var(--van-border-radius-lg);
16
17
 
17
18
  .van-tabs__nav { gap: 6px; }
@@ -20,7 +21,7 @@
20
21
  z-index: 3;
21
22
  width: 40px;
22
23
  color: var(--van-gray-8);
23
- background: linear-gradient(90deg, transparent, var(--van-white) 36%);
24
+ background: linear-gradient(90deg, transparent, var(--van-gray-1) 36%);
24
25
  }
25
26
  }
26
27
 
package/es/index.d.ts CHANGED
@@ -101,6 +101,7 @@ export * from "./toast";
101
101
  export * from "./tree-select";
102
102
  export * from "./uploader";
103
103
  export * from "./video-preview";
104
+ export * from "./work-order-card";
104
105
  export * from "./work-order-filter";
105
106
  declare namespace _default {
106
107
  export { install };
@@ -108,4 +109,4 @@ declare namespace _default {
108
109
  }
109
110
  export default _default;
110
111
  export function install(app: any): void;
111
- export const version: "0.0.24";
112
+ export const version: "0.0.26";
package/es/index.mjs CHANGED
@@ -100,8 +100,9 @@ import { Toast } from "./toast/index.mjs";
100
100
  import { TreeSelect } from "./tree-select/index.mjs";
101
101
  import { Uploader } from "./uploader/index.mjs";
102
102
  import { VideoPreview } from "./video-preview/index.mjs";
103
+ import { WorkOrderCard } from "./work-order-card/index.mjs";
103
104
  import { WorkOrderFilter } from "./work-order-filter/index.mjs";
104
- const version = "0.0.24";
105
+ const version = "0.0.26";
105
106
  function install(app) {
106
107
  const components = [
107
108
  ActionBar,
@@ -206,6 +207,7 @@ function install(app) {
206
207
  TreeSelect,
207
208
  Uploader,
208
209
  VideoPreview,
210
+ WorkOrderCard,
209
211
  WorkOrderFilter
210
212
  ];
211
213
  components.forEach((item) => {
@@ -319,6 +321,7 @@ export * from "./toast/index.mjs";
319
321
  export * from "./tree-select/index.mjs";
320
322
  export * from "./uploader/index.mjs";
321
323
  export * from "./video-preview/index.mjs";
324
+ export * from "./work-order-card/index.mjs";
322
325
  export * from "./work-order-filter/index.mjs";
323
326
  var stdin_default = {
324
327
  install,
@@ -4,6 +4,8 @@ import { ActionSheet } from "../action-sheet/index.mjs";
4
4
  import { NavBar } from "../nav-bar/index.mjs";
5
5
  import { Icon } from "../icon/index.mjs";
6
6
  import { Cell } from "../cell/index.mjs";
7
+ import { Radio } from "../radio/index.mjs";
8
+ import { RadioGroup } from "../radio-group/index.mjs";
7
9
  const [name, bem] = createNamespace("radio-panel");
8
10
  const radioPanelProps = {
9
11
  show: Boolean,
@@ -49,20 +51,30 @@ var stdin_default = defineComponent({
49
51
  "class": bem("body")
50
52
  }, [_createVNode("div", {
51
53
  "class": bem("card")
52
- }, [props.options.map((option) => _createVNode(Cell, {
53
- "key": option.value,
54
- "clickable": !option.disabled,
55
- "title": option.label,
56
- "titleStyle": {
57
- color: props.modelValue === option.value ? "var(--van-primary-color)" : void 0
58
- },
59
- "onClick": () => select(option)
54
+ }, [_createVNode(RadioGroup, {
55
+ "modelValue": props.modelValue,
56
+ "onUpdate:modelValue": (value) => {
57
+ const option = props.options.find((item) => item.value === value);
58
+ if (option)
59
+ select(option);
60
+ }
60
61
  }, {
61
- "right-icon": () => props.modelValue === option.value ? _createVNode(Icon, {
62
- "name": "success",
63
- "color": "var(--van-primary-color)"
64
- }, null) : null
65
- }))])])])]
62
+ default: () => [props.options.map((option) => _createVNode(Cell, {
63
+ "key": option.value,
64
+ "clickable": !option.disabled,
65
+ "title": option.label,
66
+ "titleStyle": {
67
+ color: props.modelValue === option.value ? "var(--van-primary-color)" : void 0
68
+ },
69
+ "onClick": () => select(option)
70
+ }, {
71
+ "right-icon": () => _createVNode(Radio, {
72
+ "name": option.value,
73
+ "disabled": option.disabled,
74
+ "onClick": (event) => event.stopPropagation()
75
+ }, null)
76
+ }))]
77
+ })])])])]
66
78
  });
67
79
  }
68
80
  });
@@ -59,8 +59,7 @@ var stdin_default = defineComponent({
59
59
  }, [_createVNode(Badge, _mergeProps({
60
60
  "dot": dot,
61
61
  "class": bem("text"),
62
- "content": badge,
63
- "color": "var(--van-primary-color)"
62
+ "content": badge
64
63
  }, props.badgeProps), {
65
64
  default: () => [slots.title ? slots.title() : title]
66
65
  })]);