persagy-vant 0.0.32 → 0.0.34

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 (72) hide show
  1. package/README.md +1 -1
  2. package/es/badge/Badge.d.ts +14 -0
  3. package/es/badge/Badge.mjs +2 -0
  4. package/es/badge/index.css +1 -1
  5. package/es/badge/index.d.ts +10 -1
  6. package/es/badge/index.less +6 -0
  7. package/es/badge/var.less +1 -0
  8. package/es/button/Button.d.ts +1 -1
  9. package/es/button/index.d.ts +1 -1
  10. package/es/field/Field.d.ts +5 -18
  11. package/es/field/Field.mjs +3 -2
  12. package/es/field/index.d.ts +3 -10
  13. package/es/index.d.ts +1 -1
  14. package/es/index.mjs +1 -1
  15. package/es/loading/Loading.mjs +16 -19
  16. package/es/rate/RateCell.d.ts +1 -1
  17. package/es/rate/index.d.ts +1 -1
  18. package/es/search/Search.d.ts +17 -13
  19. package/es/search/Search.mjs +1 -0
  20. package/es/search/index.d.ts +10 -8
  21. package/es/sidebar/index.css +1 -1
  22. package/es/sidebar/index.less +1 -0
  23. package/es/sidebar-item/index.css +1 -1
  24. package/es/sidebar-item/index.less +37 -11
  25. package/es/sidebar-item/var.less +7 -7
  26. package/es/space/Space.d.ts +1 -1
  27. package/es/space/index.d.ts +1 -1
  28. package/es/tag/Tag.d.ts +1 -1
  29. package/es/tag/index.d.ts +1 -1
  30. package/lib/badge/Badge.d.ts +14 -0
  31. package/lib/badge/Badge.js +2 -0
  32. package/lib/badge/index.css +1 -1
  33. package/lib/badge/index.d.ts +10 -1
  34. package/lib/badge/index.less +6 -0
  35. package/lib/badge/var.less +1 -0
  36. package/lib/button/Button.d.ts +1 -1
  37. package/lib/button/index.d.ts +1 -1
  38. package/lib/field/Field.d.ts +5 -18
  39. package/lib/field/Field.js +3 -2
  40. package/lib/field/index.d.ts +3 -10
  41. package/lib/index.css +1 -1
  42. package/lib/index.d.ts +1 -1
  43. package/lib/index.js +1 -1
  44. package/lib/loading/Loading.js +16 -19
  45. package/lib/rate/RateCell.d.ts +1 -1
  46. package/lib/rate/index.d.ts +1 -1
  47. package/lib/search/Search.d.ts +17 -13
  48. package/lib/search/Search.js +1 -0
  49. package/lib/search/index.d.ts +10 -8
  50. package/lib/sidebar/index.css +1 -1
  51. package/lib/sidebar/index.less +1 -0
  52. package/lib/sidebar-item/index.css +1 -1
  53. package/lib/sidebar-item/index.less +37 -11
  54. package/lib/sidebar-item/var.less +7 -7
  55. package/lib/space/Space.d.ts +1 -1
  56. package/lib/space/index.d.ts +1 -1
  57. package/lib/tag/Tag.d.ts +1 -1
  58. package/lib/tag/index.d.ts +1 -1
  59. package/lib/vant.cjs.js +23 -22
  60. package/lib/vant.es.js +23 -22
  61. package/lib/vant.js +23 -22
  62. package/lib/vant.min.js +1 -1
  63. package/lib/web-types.json +1 -1
  64. package/package.json +1 -1
  65. package/skills/use-persagy-vant/SKILL.md +2 -2
  66. package/skills/use-persagy-vant/references/business-component-catalog.md +1 -1
  67. package/skills/use-persagy-vant/references/component-catalog.md +14 -8
  68. package/skills/use-persagy-vant/references/component-documentation.md +19 -0
  69. package/skills/use-persagy-vant/references/design-interaction-baseline.md +9 -4
  70. package/skills/use-persagy-vant/references/page-recipes.md +17 -14
  71. package/skills/use-persagy-vant/references/reuse-policy.md +20 -2
  72. package/skills/use-persagy-vant/references/usage-patterns.md +5 -3
package/lib/index.d.ts CHANGED
@@ -116,4 +116,4 @@ declare namespace _default {
116
116
  }
117
117
  export default _default;
118
118
  export function install(app: any): void;
119
- export const version: "0.0.32";
119
+ export const version: "0.0.34";
package/lib/index.js CHANGED
@@ -246,7 +246,7 @@ __reExport(stdin_exports, require("./uploader"), module.exports);
246
246
  __reExport(stdin_exports, require("./video-preview"), module.exports);
247
247
  __reExport(stdin_exports, require("./work-order-card"), module.exports);
248
248
  __reExport(stdin_exports, require("./work-order-filter"), module.exports);
249
- const version = "0.0.32";
249
+ const version = "0.0.34";
250
250
  function install(app) {
251
251
  const components = [
252
252
  import_action_bar.ActionBar,
@@ -37,30 +37,27 @@ const CircularIcon = (0, import_vue.createVNode)("svg", {
37
37
  }, null)]);
38
38
  const IllustrationIcon = (0, import_vue.createVNode)("svg", {
39
39
  "class": bem("illustration"),
40
- "viewBox": "0 0 120 120",
41
- "role": "img",
42
- "aria-label": "Loading"
40
+ "viewBox": "0 0 100 100",
41
+ "fill": "none",
42
+ "aria-hidden": "true"
43
43
  }, [(0, import_vue.createVNode)("rect", {
44
- "x": "16",
45
- "y": "42",
46
- "width": "88",
47
- "height": "62",
48
- "rx": "8",
49
- "fill": "currentColor",
50
- "opacity": "0.12"
51
- }, null), (0, import_vue.createVNode)("path", {
52
- "d": "M28 42h64v62H28z",
44
+ "x": "18",
45
+ "y": "36",
46
+ "width": "64",
47
+ "height": "48",
48
+ "rx": "6",
53
49
  "fill": "currentColor",
54
- "opacity": "0.24"
50
+ "opacity": "0.14"
55
51
  }, null), (0, import_vue.createVNode)("path", {
56
- "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
57
- "fill": "currentColor",
58
- "opacity": "0.78"
52
+ "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
53
+ "stroke": "currentColor",
54
+ "stroke-width": "4",
55
+ "stroke-linecap": "round",
56
+ "stroke-linejoin": "round"
59
57
  }, null), (0, import_vue.createVNode)("path", {
60
- "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
61
- "fill": "none",
58
+ "d": "M50 18v12m-16-4 8 8m24-8-8 8",
62
59
  "stroke": "currentColor",
63
- "stroke-width": "8",
60
+ "stroke-width": "4",
64
61
  "stroke-linecap": "round"
65
62
  }, null)]);
66
63
  const loadingProps = {
@@ -179,8 +179,8 @@ declare const _default: import("vue").DefineComponent<{
179
179
  }, {
180
180
  required: boolean;
181
181
  title: string;
182
- icon: string;
183
182
  size: string | number;
183
+ icon: string;
184
184
  border: boolean;
185
185
  disabled: boolean;
186
186
  modelValue: number;
@@ -191,8 +191,8 @@ export declare const RateCell: import("../utils").WithInstall<import("vue").Defi
191
191
  }, {
192
192
  required: boolean;
193
193
  title: string;
194
- icon: string;
195
194
  size: string | number;
195
+ icon: string;
196
196
  border: boolean;
197
197
  disabled: boolean;
198
198
  modelValue: number;
@@ -1,4 +1,5 @@
1
1
  import { type ExtractPropTypes } from 'vue';
2
+ import { FieldTextAlign } from '../field';
2
3
  import type { SearchShape, SearchVariant } from './types';
3
4
  declare const searchProps: {
4
5
  id: StringConstructor;
@@ -17,10 +18,7 @@ declare const searchProps: {
17
18
  type: (NumberConstructor | StringConstructor)[];
18
19
  default: string;
19
20
  };
20
- inputAlign: {
21
- type: import("vue").PropType<import("../field").FieldTextAlign>;
22
- default: import("../field").FieldTextAlign;
23
- };
21
+ inputAlign: import("vue").PropType<FieldTextAlign>;
24
22
  placeholder: StringConstructor;
25
23
  autocomplete: StringConstructor;
26
24
  errorMessage: StringConstructor;
@@ -55,6 +53,10 @@ declare const searchProps: {
55
53
  type: import("vue").PropType<SearchVariant>;
56
54
  default: SearchVariant;
57
55
  };
56
+ inputAlign: {
57
+ type: import("vue").PropType<FieldTextAlign>;
58
+ default: FieldTextAlign;
59
+ };
58
60
  leftIcon: {
59
61
  type: import("vue").PropType<string>;
60
62
  default: string;
@@ -85,10 +87,7 @@ declare const _default: import("vue").DefineComponent<{
85
87
  type: (NumberConstructor | StringConstructor)[];
86
88
  default: string;
87
89
  };
88
- inputAlign: {
89
- type: import("vue").PropType<import("../field").FieldTextAlign>;
90
- default: import("../field").FieldTextAlign;
91
- };
90
+ inputAlign: import("vue").PropType<FieldTextAlign>;
92
91
  placeholder: StringConstructor;
93
92
  autocomplete: StringConstructor;
94
93
  errorMessage: StringConstructor;
@@ -123,6 +122,10 @@ declare const _default: import("vue").DefineComponent<{
123
122
  type: import("vue").PropType<SearchVariant>;
124
123
  default: SearchVariant;
125
124
  };
125
+ inputAlign: {
126
+ type: import("vue").PropType<FieldTextAlign>;
127
+ default: FieldTextAlign;
128
+ };
126
129
  leftIcon: {
127
130
  type: import("vue").PropType<string>;
128
131
  default: string;
@@ -151,10 +154,7 @@ declare const _default: import("vue").DefineComponent<{
151
154
  type: (NumberConstructor | StringConstructor)[];
152
155
  default: string;
153
156
  };
154
- inputAlign: {
155
- type: import("vue").PropType<import("../field").FieldTextAlign>;
156
- default: import("../field").FieldTextAlign;
157
- };
157
+ inputAlign: import("vue").PropType<FieldTextAlign>;
158
158
  placeholder: StringConstructor;
159
159
  autocomplete: StringConstructor;
160
160
  errorMessage: StringConstructor;
@@ -189,6 +189,10 @@ declare const _default: import("vue").DefineComponent<{
189
189
  type: import("vue").PropType<SearchVariant>;
190
190
  default: SearchVariant;
191
191
  };
192
+ inputAlign: {
193
+ type: import("vue").PropType<FieldTextAlign>;
194
+ default: FieldTextAlign;
195
+ };
192
196
  leftIcon: {
193
197
  type: import("vue").PropType<string>;
194
198
  default: string;
@@ -218,7 +222,7 @@ declare const _default: import("vue").DefineComponent<{
218
222
  leftIcon: string;
219
223
  clearable: boolean;
220
224
  clearIcon: string;
221
- inputAlign: import("../field").FieldTextAlign;
225
+ inputAlign: FieldTextAlign;
222
226
  clearTrigger: import("../field").FieldClearTrigger;
223
227
  formatTrigger: import("../field").FieldFormatTrigger;
224
228
  error: boolean;
@@ -31,6 +31,7 @@ const searchProps = (0, import_utils.extend)({}, import_Field.fieldSharedProps,
31
31
  label: String,
32
32
  shape: (0, import_utils.makeStringProp)("round"),
33
33
  variant: (0, import_utils.makeStringProp)("default"),
34
+ inputAlign: (0, import_utils.makeStringProp)("left"),
34
35
  leftIcon: (0, import_utils.makeStringProp)("search"),
35
36
  clearable: import_utils.truthProp,
36
37
  actionText: String,
@@ -16,10 +16,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
16
16
  type: (NumberConstructor | StringConstructor)[];
17
17
  default: string;
18
18
  };
19
- inputAlign: {
20
- type: import("vue").PropType<import("..").FieldTextAlign>;
21
- default: import("..").FieldTextAlign;
22
- };
19
+ inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
23
20
  placeholder: StringConstructor;
24
21
  autocomplete: StringConstructor;
25
22
  errorMessage: StringConstructor;
@@ -54,6 +51,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
54
51
  type: import("vue").PropType<import("./types").SearchVariant>;
55
52
  default: import("./types").SearchVariant;
56
53
  };
54
+ inputAlign: {
55
+ type: import("vue").PropType<import("..").FieldTextAlign>;
56
+ default: import("..").FieldTextAlign;
57
+ };
57
58
  leftIcon: {
58
59
  type: import("vue").PropType<string>;
59
60
  default: string;
@@ -82,10 +83,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
82
83
  type: (NumberConstructor | StringConstructor)[];
83
84
  default: string;
84
85
  };
85
- inputAlign: {
86
- type: import("vue").PropType<import("..").FieldTextAlign>;
87
- default: import("..").FieldTextAlign;
88
- };
86
+ inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
89
87
  placeholder: StringConstructor;
90
88
  autocomplete: StringConstructor;
91
89
  errorMessage: StringConstructor;
@@ -120,6 +118,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
120
118
  type: import("vue").PropType<import("./types").SearchVariant>;
121
119
  default: import("./types").SearchVariant;
122
120
  };
121
+ inputAlign: {
122
+ type: import("vue").PropType<import("..").FieldTextAlign>;
123
+ default: import("..").FieldTextAlign;
124
+ };
123
125
  leftIcon: {
124
126
  type: import("vue").PropType<string>;
125
127
  default: string;
@@ -1 +1 @@
1
- :root{--van-sidebar-width: 80px}.van-sidebar{width:var(--van-sidebar-width);overflow-y:auto;-webkit-overflow-scrolling:touch}
1
+ :root{--van-sidebar-width: 80px}.van-sidebar{width:var(--van-sidebar-width);overflow-y:auto;background:var(--van-gray-2);-webkit-overflow-scrolling:touch}
@@ -7,5 +7,6 @@
7
7
  .van-sidebar {
8
8
  width: var(--van-sidebar-width);
9
9
  overflow-y: auto;
10
+ background: var(--van-gray-2);
10
11
  -webkit-overflow-scrolling: touch;
11
12
  }
@@ -1 +1 @@
1
- :root{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-md);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-sm);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background-color: var(--van-background-color);--van-sidebar-selected-font-weight: var(--van-font-weight-bold);--van-sidebar-selected-text-color: var(--van-text-color);--van-sidebar-selected-border-width: 4px;--van-sidebar-selected-border-height: 16px;--van-sidebar-selected-border-color: var(--van-primary-color);--van-sidebar-selected-background-color: var(--van-background-color-light)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child):after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background-color)}.van-sidebar-item--select:before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:""}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}
1
+ :root{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-lg);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-xs);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background-color: var(--van-gray-2);--van-sidebar-selected-font-weight: 600;--van-sidebar-selected-text-color: var(--van-blue);--van-sidebar-selected-border-width: 3px;--van-sidebar-selected-border-height: 12px;--van-sidebar-selected-border-color: var(--van-primary-color);--van-sidebar-selected-background-color: var(--van-background-color-light)}.van-sidebar-item{position:relative;display:flex;box-sizing:border-box;min-height:60px;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);text-align:center;background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-background-color)}.van-sidebar-item__text{position:static;display:flex;flex:1;align-items:center;justify-content:center;min-width:0;overflow-wrap:anywhere;word-break:break-word}.van-sidebar-item--select{padding:4px;color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-background-color)}.van-sidebar-item--select .van-sidebar-item__text{min-height:52px;padding:0 4px;background-color:var(--van-sidebar-selected-background-color);border-radius:var(--van-border-radius-lg)}.van-sidebar-item--select:before{position:absolute;top:24px;left:8px;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);border-radius:var(--van-border-radius-md);content:""}.van-sidebar-item .van-badge--fixed{top:10px;right:10px;transform:none}.van-sidebar-item .van-badge--dot{top:20px;right:14px;width:6px;height:6px;background-color:var(--van-red)}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}
@@ -18,51 +18,77 @@
18
18
 
19
19
  .van-sidebar-item {
20
20
  position: relative;
21
- display: block;
21
+ display: flex;
22
22
  box-sizing: border-box;
23
+ min-height: 60px;
23
24
  padding: var(--van-sidebar-padding);
24
25
  overflow: hidden;
25
26
  color: var(--van-sidebar-text-color);
26
27
  font-size: var(--van-sidebar-font-size);
27
28
  line-height: var(--van-sidebar-line-height);
29
+ text-align: center;
28
30
  background: var(--van-sidebar-background-color);
29
31
  cursor: pointer;
30
32
  user-select: none;
31
33
 
32
34
  &:active {
33
- background-color: var(--van-sidebar-active-color);
34
- }
35
-
36
- &:not(:last-child)::after {
37
- border-bottom-width: 1px;
35
+ background-color: var(--van-sidebar-background-color);
38
36
  }
39
37
 
40
38
  &__text {
41
- // https://github.com/vant-ui/vant/issues/7455
42
- word-break: break-all;
39
+ position: static;
40
+ display: flex;
41
+ flex: 1;
42
+ align-items: center;
43
+ justify-content: center;
44
+ min-width: 0;
45
+ overflow-wrap: anywhere;
46
+ word-break: break-word;
43
47
  }
44
48
 
45
49
  &--select {
50
+ padding: 4px;
46
51
  color: var(--van-sidebar-selected-text-color);
47
52
  font-weight: var(--van-sidebar-selected-font-weight);
48
53
 
49
54
  &,
50
55
  &:active {
56
+ background-color: var(--van-sidebar-background-color);
57
+ }
58
+
59
+ .van-sidebar-item__text {
60
+ min-height: 52px;
61
+ padding: 0 4px;
51
62
  background-color: var(--van-sidebar-selected-background-color);
63
+ border-radius: var(--van-border-radius-lg);
52
64
  }
53
65
 
54
66
  &::before {
55
67
  position: absolute;
56
- top: 50%;
57
- left: 0;
68
+ top: 24px;
69
+ left: 8px;
58
70
  width: var(--van-sidebar-selected-border-width);
59
71
  height: var(--van-sidebar-selected-border-height);
60
72
  background-color: var(--van-sidebar-selected-border-color);
61
- transform: translateY(-50%);
73
+ border-radius: var(--van-border-radius-md);
62
74
  content: '';
63
75
  }
64
76
  }
65
77
 
78
+ .van-badge--fixed {
79
+ top: 10px;
80
+ right: 10px;
81
+ transform: none;
82
+ }
83
+
84
+ .van-badge--dot {
85
+ top: 20px;
86
+ right: 14px;
87
+ width: 6px;
88
+ height: 6px;
89
+ background-color: var(--van-red);
90
+ }
91
+
66
92
  &--disabled {
67
93
  color: var(--van-sidebar-disabled-text-color);
68
94
  cursor: not-allowed;
@@ -1,15 +1,15 @@
1
1
  @import '../style/var.less';
2
2
 
3
3
  @sidebar-font-size: var(--van-font-size-md);
4
- @sidebar-line-height: var(--van-line-height-md);
4
+ @sidebar-line-height: var(--van-line-height-lg);
5
5
  @sidebar-text-color: var(--van-text-color);
6
6
  @sidebar-disabled-text-color: var(--van-text-color-3);
7
- @sidebar-padding: 20px var(--van-padding-sm);
7
+ @sidebar-padding: 20px var(--van-padding-xs);
8
8
  @sidebar-active-color: var(--van-active-color);
9
- @sidebar-background-color: var(--van-background-color);
10
- @sidebar-selected-font-weight: var(--van-font-weight-bold);
11
- @sidebar-selected-text-color: var(--van-text-color);
12
- @sidebar-selected-border-width: 4px;
13
- @sidebar-selected-border-height: 16px;
9
+ @sidebar-background-color: var(--van-gray-2);
10
+ @sidebar-selected-font-weight: 600;
11
+ @sidebar-selected-text-color: var(--van-blue);
12
+ @sidebar-selected-border-width: 3px;
13
+ @sidebar-selected-border-height: 12px;
14
14
  @sidebar-selected-border-color: var(--van-primary-color);
15
15
  @sidebar-selected-background-color: var(--van-background-color-light);
@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
40
40
  wrap: BooleanConstructor;
41
41
  fill: BooleanConstructor;
42
42
  }>>, {
43
- fill: boolean;
44
43
  size: string | number | [SpaceSize, SpaceSize];
44
+ fill: boolean;
45
45
  direction: "horizontal" | "vertical";
46
46
  wrap: boolean;
47
47
  }>;
@@ -23,8 +23,8 @@ export declare const Space: import("../utils").WithInstall<import("vue").DefineC
23
23
  wrap: BooleanConstructor;
24
24
  fill: BooleanConstructor;
25
25
  }>>, {
26
- fill: boolean;
27
26
  size: string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize];
27
+ fill: boolean;
28
28
  direction: "horizontal" | "vertical";
29
29
  wrap: boolean;
30
30
  }>>;
package/lib/tag/Tag.d.ts CHANGED
@@ -65,8 +65,8 @@ declare const _default: import("vue").DefineComponent<{
65
65
  }, {
66
66
  type: TagType;
67
67
  mark: boolean;
68
- round: boolean;
69
68
  size: TagSize;
69
+ round: boolean;
70
70
  show: boolean;
71
71
  plain: boolean;
72
72
  closeable: boolean;
@@ -41,8 +41,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
41
41
  }, {
42
42
  type: import("./Tag").TagType;
43
43
  mark: boolean;
44
- round: boolean;
45
44
  size: import("./Tag").TagSize;
45
+ round: boolean;
46
46
  show: boolean;
47
47
  plain: boolean;
48
48
  closeable: boolean;
package/lib/vant.cjs.js CHANGED
@@ -512,6 +512,7 @@ const badgeProps = {
512
512
  offset: Array,
513
513
  content: numericProp,
514
514
  showZero: truthProp,
515
+ size: makeStringProp("default"),
515
516
  position: makeStringProp("top-right")
516
517
  };
517
518
  var stdin_default$25 = vue.defineComponent({
@@ -571,6 +572,7 @@ var stdin_default$25 = vue.defineComponent({
571
572
  return vue.createVNode("div", {
572
573
  "class": bem$1S([props2.position, {
573
574
  dot: props2.dot,
575
+ mini: props2.size === "mini",
574
576
  fixed: !!slots.default
575
577
  }]),
576
578
  "style": style.value
@@ -710,30 +712,27 @@ const CircularIcon = vue.createVNode("svg", {
710
712
  }, null)]);
711
713
  const IllustrationIcon = vue.createVNode("svg", {
712
714
  "class": bem$1P("illustration"),
713
- "viewBox": "0 0 120 120",
714
- "role": "img",
715
- "aria-label": "Loading"
715
+ "viewBox": "0 0 100 100",
716
+ "fill": "none",
717
+ "aria-hidden": "true"
716
718
  }, [vue.createVNode("rect", {
717
- "x": "16",
718
- "y": "42",
719
- "width": "88",
720
- "height": "62",
721
- "rx": "8",
719
+ "x": "18",
720
+ "y": "36",
721
+ "width": "64",
722
+ "height": "48",
723
+ "rx": "6",
722
724
  "fill": "currentColor",
723
- "opacity": "0.12"
725
+ "opacity": "0.14"
724
726
  }, null), vue.createVNode("path", {
725
- "d": "M28 42h64v62H28z",
726
- "fill": "currentColor",
727
- "opacity": "0.24"
728
- }, null), vue.createVNode("path", {
729
- "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
730
- "fill": "currentColor",
731
- "opacity": "0.78"
727
+ "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
728
+ "stroke": "currentColor",
729
+ "stroke-width": "4",
730
+ "stroke-linecap": "round",
731
+ "stroke-linejoin": "round"
732
732
  }, null), vue.createVNode("path", {
733
- "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
734
- "fill": "none",
733
+ "d": "M50 18v12m-16-4 8 8m24-8-8 8",
735
734
  "stroke": "currentColor",
736
- "stroke-width": "8",
735
+ "stroke-width": "4",
737
736
  "stroke-linecap": "round"
738
737
  }, null)]);
739
738
  const loadingProps = {
@@ -3308,7 +3307,7 @@ const fieldSharedProps = {
3308
3307
  formatter: Function,
3309
3308
  clearIcon: makeStringProp("clear"),
3310
3309
  modelValue: makeNumericProp(""),
3311
- inputAlign: makeStringProp("left"),
3310
+ inputAlign: String,
3312
3311
  placeholder: String,
3313
3312
  autocomplete: String,
3314
3313
  errorMessage: String,
@@ -3381,6 +3380,7 @@ var stdin_default$1M = vue.defineComponent({
3381
3380
  return form.props[key];
3382
3381
  }
3383
3382
  };
3383
+ const inputAlign = vue.computed(() => getProp("inputAlign") || (props2.labelPosition === "top" ? "left" : "right"));
3384
3384
  const showClear = vue.computed(() => {
3385
3385
  const readonly = getProp("readonly");
3386
3386
  if (props2.clearable && !readonly) {
@@ -3622,7 +3622,7 @@ var stdin_default$1M = vue.defineComponent({
3622
3622
  const getInputId = () => props2.id || `${id}-input`;
3623
3623
  const getValidationStatus = () => state.status;
3624
3624
  const renderInput = () => {
3625
- const controlClass = bem$1z("control", [getProp("inputAlign"), {
3625
+ const controlClass = bem$1z("control", [inputAlign.value, {
3626
3626
  error: showError.value,
3627
3627
  custom: !!slots.input,
3628
3628
  "min-height": props2.type === "textarea" && !props2.autosize
@@ -12379,6 +12379,7 @@ const searchProps = extend({}, fieldSharedProps, {
12379
12379
  label: String,
12380
12380
  shape: makeStringProp("round"),
12381
12381
  variant: makeStringProp("default"),
12382
+ inputAlign: makeStringProp("left"),
12382
12383
  leftIcon: makeStringProp("search"),
12383
12384
  clearable: truthProp,
12384
12385
  actionText: String,
@@ -20214,7 +20215,7 @@ const Lazyload = {
20214
20215
  });
20215
20216
  }
20216
20217
  };
20217
- const version = "0.0.32";
20218
+ const version = "0.0.34";
20218
20219
  function install(app) {
20219
20220
  const components = [
20220
20221
  ActionBar,
package/lib/vant.es.js CHANGED
@@ -510,6 +510,7 @@ const badgeProps = {
510
510
  offset: Array,
511
511
  content: numericProp,
512
512
  showZero: truthProp,
513
+ size: makeStringProp("default"),
513
514
  position: makeStringProp("top-right")
514
515
  };
515
516
  var stdin_default$25 = defineComponent({
@@ -569,6 +570,7 @@ var stdin_default$25 = defineComponent({
569
570
  return createVNode("div", {
570
571
  "class": bem$1S([props2.position, {
571
572
  dot: props2.dot,
573
+ mini: props2.size === "mini",
572
574
  fixed: !!slots.default
573
575
  }]),
574
576
  "style": style.value
@@ -708,30 +710,27 @@ const CircularIcon = createVNode("svg", {
708
710
  }, null)]);
709
711
  const IllustrationIcon = createVNode("svg", {
710
712
  "class": bem$1P("illustration"),
711
- "viewBox": "0 0 120 120",
712
- "role": "img",
713
- "aria-label": "Loading"
713
+ "viewBox": "0 0 100 100",
714
+ "fill": "none",
715
+ "aria-hidden": "true"
714
716
  }, [createVNode("rect", {
715
- "x": "16",
716
- "y": "42",
717
- "width": "88",
718
- "height": "62",
719
- "rx": "8",
717
+ "x": "18",
718
+ "y": "36",
719
+ "width": "64",
720
+ "height": "48",
721
+ "rx": "6",
720
722
  "fill": "currentColor",
721
- "opacity": "0.12"
723
+ "opacity": "0.14"
722
724
  }, null), createVNode("path", {
723
- "d": "M28 42h64v62H28z",
724
- "fill": "currentColor",
725
- "opacity": "0.24"
726
- }, null), createVNode("path", {
727
- "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
728
- "fill": "currentColor",
729
- "opacity": "0.78"
725
+ "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
726
+ "stroke": "currentColor",
727
+ "stroke-width": "4",
728
+ "stroke-linecap": "round",
729
+ "stroke-linejoin": "round"
730
730
  }, null), createVNode("path", {
731
- "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
732
- "fill": "none",
731
+ "d": "M50 18v12m-16-4 8 8m24-8-8 8",
733
732
  "stroke": "currentColor",
734
- "stroke-width": "8",
733
+ "stroke-width": "4",
735
734
  "stroke-linecap": "round"
736
735
  }, null)]);
737
736
  const loadingProps = {
@@ -3306,7 +3305,7 @@ const fieldSharedProps = {
3306
3305
  formatter: Function,
3307
3306
  clearIcon: makeStringProp("clear"),
3308
3307
  modelValue: makeNumericProp(""),
3309
- inputAlign: makeStringProp("left"),
3308
+ inputAlign: String,
3310
3309
  placeholder: String,
3311
3310
  autocomplete: String,
3312
3311
  errorMessage: String,
@@ -3379,6 +3378,7 @@ var stdin_default$1M = defineComponent({
3379
3378
  return form.props[key];
3380
3379
  }
3381
3380
  };
3381
+ const inputAlign = computed(() => getProp("inputAlign") || (props2.labelPosition === "top" ? "left" : "right"));
3382
3382
  const showClear = computed(() => {
3383
3383
  const readonly = getProp("readonly");
3384
3384
  if (props2.clearable && !readonly) {
@@ -3620,7 +3620,7 @@ var stdin_default$1M = defineComponent({
3620
3620
  const getInputId = () => props2.id || `${id}-input`;
3621
3621
  const getValidationStatus = () => state.status;
3622
3622
  const renderInput = () => {
3623
- const controlClass = bem$1z("control", [getProp("inputAlign"), {
3623
+ const controlClass = bem$1z("control", [inputAlign.value, {
3624
3624
  error: showError.value,
3625
3625
  custom: !!slots.input,
3626
3626
  "min-height": props2.type === "textarea" && !props2.autosize
@@ -12377,6 +12377,7 @@ const searchProps = extend({}, fieldSharedProps, {
12377
12377
  label: String,
12378
12378
  shape: makeStringProp("round"),
12379
12379
  variant: makeStringProp("default"),
12380
+ inputAlign: makeStringProp("left"),
12380
12381
  leftIcon: makeStringProp("search"),
12381
12382
  clearable: truthProp,
12382
12383
  actionText: String,
@@ -20212,7 +20213,7 @@ const Lazyload = {
20212
20213
  });
20213
20214
  }
20214
20215
  };
20215
- const version = "0.0.32";
20216
+ const version = "0.0.34";
20216
20217
  function install(app) {
20217
20218
  const components = [
20218
20219
  ActionBar,