persagy-vant 0.0.40 → 0.0.42

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 (139) hide show
  1. package/es/blue-mark/BlueMarkHeader.d.ts +13 -0
  2. package/es/blue-mark/BlueMarkHeader.mjs +3 -1
  3. package/es/blue-mark/CollapseToggle.d.ts +13 -0
  4. package/es/blue-mark/CollapseToggle.mjs +5 -1
  5. package/es/blue-mark/index.d.ts +18 -0
  6. package/es/checkbox-panel/CheckboxPanel.d.ts +86 -1
  7. package/es/checkbox-panel/CheckboxPanel.mjs +184 -36
  8. package/es/checkbox-panel/index.css +1 -1
  9. package/es/checkbox-panel/index.d.ts +63 -1
  10. package/es/checkbox-panel/index.less +89 -2
  11. package/es/checkbox-panel/style/index.mjs +5 -0
  12. package/es/checkbox-panel/style/less.mjs +5 -0
  13. package/es/index.d.ts +2 -1
  14. package/es/index.mjs +4 -1
  15. package/es/label/Label.d.ts +13 -0
  16. package/es/label/Label.mjs +11 -4
  17. package/es/label/index.css +1 -1
  18. package/es/label/index.d.ts +9 -0
  19. package/es/label/index.less +5 -0
  20. package/es/locale/lang/en-US.d.ts +3 -0
  21. package/es/locale/lang/en-US.mjs +3 -0
  22. package/es/locale/lang/zh-CN.d.ts +3 -0
  23. package/es/locale/lang/zh-CN.mjs +3 -0
  24. package/es/location-select/style/index.mjs +1 -1
  25. package/es/location-select/style/less.mjs +1 -1
  26. package/es/material-action-bar/MaterialActionBar.d.ts +19 -0
  27. package/es/material-action-bar/MaterialActionBar.mjs +12 -6
  28. package/es/material-action-bar/index.css +1 -1
  29. package/es/material-action-bar/index.d.ts +36 -0
  30. package/es/material-action-bar/index.less +5 -3
  31. package/es/material-add/index.css +1 -1
  32. package/es/material-add/style/index.mjs +1 -1
  33. package/es/material-add/style/less.mjs +1 -1
  34. package/es/material-display-bar/MaterialDisplayBar.mjs +0 -1
  35. package/es/material-display-bar/index.css +1 -1
  36. package/es/material-display-bar/index.less +2 -1
  37. package/es/material-display-bar/var.less +3 -2
  38. package/es/notice-bar/index.css +1 -1
  39. package/es/notice-bar/index.less +13 -0
  40. package/es/stepper/Stepper.d.ts +1 -1
  41. package/es/stepper/index.css +1 -1
  42. package/es/stepper/index.less +19 -0
  43. package/es/tabs/Tabs.mjs +3 -2
  44. package/es/tabs/index.css +1 -1
  45. package/es/tabs/index.less +15 -5
  46. package/es/tabs/var.less +1 -0
  47. package/es/title-bar/TitleBar.d.ts +44 -0
  48. package/es/title-bar/TitleBar.mjs +9 -1
  49. package/es/title-bar/index.css +1 -1
  50. package/es/title-bar/index.d.ts +30 -0
  51. package/es/title-bar/index.less +10 -3
  52. package/es/title-bar/var.less +2 -1
  53. package/es/tree-select/TreeSelect.d.ts +3 -0
  54. package/es/tree-select/TreeSelect.mjs +18 -2
  55. package/es/tree-select/index.d.ts +2 -0
  56. package/es/tree-select-panel/TreeSelectPanel.d.ts +181 -0
  57. package/es/tree-select-panel/TreeSelectPanel.mjs +213 -0
  58. package/es/tree-select-panel/index.css +1 -0
  59. package/es/tree-select-panel/index.d.ts +134 -0
  60. package/es/tree-select-panel/index.less +107 -0
  61. package/es/tree-select-panel/index.mjs +8 -0
  62. package/es/tree-select-panel/style/index.mjs +23 -0
  63. package/es/tree-select-panel/style/less.mjs +23 -0
  64. package/lib/blue-mark/BlueMarkHeader.d.ts +13 -0
  65. package/lib/blue-mark/BlueMarkHeader.js +2 -0
  66. package/lib/blue-mark/CollapseToggle.d.ts +13 -0
  67. package/lib/blue-mark/CollapseToggle.js +5 -1
  68. package/lib/blue-mark/index.d.ts +18 -0
  69. package/lib/checkbox-panel/CheckboxPanel.d.ts +86 -1
  70. package/lib/checkbox-panel/CheckboxPanel.js +183 -35
  71. package/lib/checkbox-panel/index.css +1 -1
  72. package/lib/checkbox-panel/index.d.ts +63 -1
  73. package/lib/checkbox-panel/index.less +89 -2
  74. package/lib/checkbox-panel/style/index.js +5 -0
  75. package/lib/checkbox-panel/style/less.js +5 -0
  76. package/lib/index.css +1 -1
  77. package/lib/index.d.ts +2 -1
  78. package/lib/index.js +4 -1
  79. package/lib/index.less +6 -5
  80. package/lib/label/Label.d.ts +13 -0
  81. package/lib/label/Label.js +11 -4
  82. package/lib/label/index.css +1 -1
  83. package/lib/label/index.d.ts +9 -0
  84. package/lib/label/index.less +5 -0
  85. package/lib/locale/lang/en-US.d.ts +3 -0
  86. package/lib/locale/lang/en-US.js +3 -0
  87. package/lib/locale/lang/zh-CN.d.ts +3 -0
  88. package/lib/locale/lang/zh-CN.js +3 -0
  89. package/lib/location-select/style/index.js +1 -1
  90. package/lib/location-select/style/less.js +1 -1
  91. package/lib/material-action-bar/MaterialActionBar.d.ts +19 -0
  92. package/lib/material-action-bar/MaterialActionBar.js +11 -5
  93. package/lib/material-action-bar/index.css +1 -1
  94. package/lib/material-action-bar/index.d.ts +36 -0
  95. package/lib/material-action-bar/index.less +5 -3
  96. package/lib/material-add/index.css +1 -1
  97. package/lib/material-add/style/index.js +1 -1
  98. package/lib/material-add/style/less.js +1 -1
  99. package/lib/material-display-bar/MaterialDisplayBar.js +0 -1
  100. package/lib/material-display-bar/index.css +1 -1
  101. package/lib/material-display-bar/index.less +2 -1
  102. package/lib/material-display-bar/var.less +3 -2
  103. package/lib/notice-bar/index.css +1 -1
  104. package/lib/notice-bar/index.less +13 -0
  105. package/lib/stepper/Stepper.d.ts +1 -1
  106. package/lib/stepper/index.css +1 -1
  107. package/lib/stepper/index.less +19 -0
  108. package/lib/tabs/Tabs.js +3 -2
  109. package/lib/tabs/index.css +1 -1
  110. package/lib/tabs/index.less +15 -5
  111. package/lib/tabs/var.less +1 -0
  112. package/lib/title-bar/TitleBar.d.ts +44 -0
  113. package/lib/title-bar/TitleBar.js +9 -1
  114. package/lib/title-bar/index.css +1 -1
  115. package/lib/title-bar/index.d.ts +30 -0
  116. package/lib/title-bar/index.less +10 -3
  117. package/lib/title-bar/var.less +2 -1
  118. package/lib/tree-select/TreeSelect.d.ts +3 -0
  119. package/lib/tree-select/TreeSelect.js +18 -2
  120. package/lib/tree-select/index.d.ts +2 -0
  121. package/lib/tree-select-panel/TreeSelectPanel.d.ts +181 -0
  122. package/lib/tree-select-panel/TreeSelectPanel.js +232 -0
  123. package/lib/tree-select-panel/index.css +1 -0
  124. package/lib/tree-select-panel/index.d.ts +134 -0
  125. package/lib/tree-select-panel/index.js +37 -0
  126. package/lib/tree-select-panel/index.less +107 -0
  127. package/lib/tree-select-panel/style/index.js +23 -0
  128. package/lib/tree-select-panel/style/less.js +23 -0
  129. package/lib/vant.cjs.js +1997 -1605
  130. package/lib/vant.es.js +1998 -1606
  131. package/lib/vant.js +1997 -1605
  132. package/lib/vant.min.js +1 -1
  133. package/lib/web-types.json +1 -1
  134. package/package.json +1 -1
  135. package/skills/use-persagy-vant/references/component-catalog.md +1 -1
  136. package/skills/use-persagy-vant/references/design-interaction-baseline.md +1 -0
  137. package/skills/use-persagy-vant/references/element-component-matching.md +1 -0
  138. package/skills/use-persagy-vant/references/page-recipes.md +1 -0
  139. package/skills/use-persagy-vant/references/public-style-system.md +6 -0
@@ -6,6 +6,17 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
6
6
  default: () => never[];
7
7
  };
8
8
  modelValue: import("vue").PropType<string[]>;
9
+ searchable: BooleanConstructor;
10
+ searchPlaceholder: StringConstructor;
11
+ filterable: BooleanConstructor;
12
+ filterActive: BooleanConstructor;
13
+ loading: BooleanConstructor;
14
+ finished: BooleanConstructor;
15
+ error: BooleanConstructor;
16
+ lazy: BooleanConstructor;
17
+ loadingText: StringConstructor;
18
+ finishedText: StringConstructor;
19
+ errorText: StringConstructor;
9
20
  confirmText: {
10
21
  type: import("vue").PropType<string>;
11
22
  default: string;
@@ -18,7 +29,19 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
18
29
  type: import("vue").PropType<string>;
19
30
  default: string;
20
31
  };
21
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:show" | "confirm")[], "update:modelValue" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
+ selectedText: {
33
+ type: import("vue").PropType<string>;
34
+ default: string;
35
+ };
36
+ collapseSelectedText: {
37
+ type: import("vue").PropType<string>;
38
+ default: string;
39
+ };
40
+ clearSelectedText: {
41
+ type: import("vue").PropType<string>;
42
+ default: string;
43
+ };
44
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "load" | "update:show" | "confirm" | "filter" | "update:error" | "update:loading" | "show-selected")[], "search" | "filter" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading" | "show-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
45
  show: BooleanConstructor;
23
46
  title: StringConstructor;
24
47
  options: {
@@ -26,6 +49,17 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
26
49
  default: () => never[];
27
50
  };
28
51
  modelValue: import("vue").PropType<string[]>;
52
+ searchable: BooleanConstructor;
53
+ searchPlaceholder: StringConstructor;
54
+ filterable: BooleanConstructor;
55
+ filterActive: BooleanConstructor;
56
+ loading: BooleanConstructor;
57
+ finished: BooleanConstructor;
58
+ error: BooleanConstructor;
59
+ lazy: BooleanConstructor;
60
+ loadingText: StringConstructor;
61
+ finishedText: StringConstructor;
62
+ errorText: StringConstructor;
29
63
  confirmText: {
30
64
  type: import("vue").PropType<string>;
31
65
  default: string;
@@ -38,16 +72,44 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
38
72
  type: import("vue").PropType<string>;
39
73
  default: string;
40
74
  };
75
+ selectedText: {
76
+ type: import("vue").PropType<string>;
77
+ default: string;
78
+ };
79
+ collapseSelectedText: {
80
+ type: import("vue").PropType<string>;
81
+ default: string;
82
+ };
83
+ clearSelectedText: {
84
+ type: import("vue").PropType<string>;
85
+ default: string;
86
+ };
41
87
  }>> & {
88
+ onLoad?: ((...args: any[]) => any) | undefined;
42
89
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
43
90
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
44
91
  onConfirm?: ((...args: any[]) => any) | undefined;
92
+ "onUpdate:error"?: ((...args: any[]) => any) | undefined;
93
+ "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
94
+ onSearch?: ((...args: any[]) => any) | undefined;
95
+ onFilter?: ((...args: any[]) => any) | undefined;
96
+ "onShow-selected"?: ((...args: any[]) => any) | undefined;
45
97
  }, {
46
98
  show: boolean;
99
+ error: boolean;
100
+ loading: boolean;
47
101
  options: import("./CheckboxPanel").CheckboxPanelOption[];
48
102
  confirmText: string;
103
+ finished: boolean;
104
+ searchable: boolean;
105
+ filterable: boolean;
106
+ filterActive: boolean;
107
+ lazy: boolean;
49
108
  selectAllText: string;
50
109
  cancelSelectAllText: string;
110
+ selectedText: string;
111
+ collapseSelectedText: string;
112
+ clearSelectedText: string;
51
113
  }>>;
52
114
  export default CheckboxPanel;
53
115
  export type { CheckboxPanelProps, CheckboxPanelOption } from './CheckboxPanel';
@@ -17,10 +17,97 @@
17
17
  .van-nav-bar__left--slot { left: var(--van-padding-md); }
18
18
  .van-nav-bar__right--slot { right: var(--van-padding-md); }
19
19
  }
20
+ &__filter { display: flex; align-items: center; justify-content: center; width: 34px; height: 46px; padding: 0; color: inherit; background: transparent; border: 0; }
21
+ &__search {
22
+ --van-search-padding: 8px var(--van-padding-md);
23
+ --van-search-background-color: var(--van-gray-1);
24
+ --van-search-content-background-color: var(--van-white);
25
+ }
26
+ &__match { color: var(--van-primary-color); }
20
27
  &__body { flex: 1; min-height: 0; padding: 0 var(--van-padding-md); overflow-y: auto; }
21
28
  &__card { overflow: hidden; background: var(--van-white); border-radius: var(--van-border-radius-lg); }
22
- &__footer { flex: none; padding: var(--van-padding-xs) 12px; background: var(--van-white); box-shadow: 0 3px 12px rgba(27, 33, 41, 0.12), 0 0.5px 3px rgba(27, 33, 41, 0.08); }
23
- &__select-all { color: var(--van-primary-color); font-weight: var(--van-font-weight-bold); font-size: var(--van-font-size-md); }
29
+ &__footer {
30
+ position: relative;
31
+ flex: none;
32
+ background: var(--van-white);
33
+ box-shadow: 0 -2px 5px rgb(27 33 41 / 10%);
34
+
35
+ .van-bottom-action-bar {
36
+ box-shadow: none;
37
+
38
+ &__secondary {
39
+ flex: 0 0 auto;
40
+ width: auto;
41
+ padding: 0 var(--van-padding-md);
42
+ }
43
+ }
44
+ }
45
+ &__selected-panel {
46
+ position: absolute;
47
+ right: 0;
48
+ bottom: 60px;
49
+ left: 0;
50
+ display: flex;
51
+ flex-direction: column;
52
+ max-height: min(340px, calc(100vh - 156px));
53
+ overflow: hidden;
54
+ background: var(--van-white);
55
+ box-shadow: 0 -2px 5px rgb(27 33 41 / 10%);
56
+ }
57
+ &__selected-header {
58
+ display: flex;
59
+ flex: none;
60
+ align-items: center;
61
+ justify-content: space-between;
62
+ padding: 12px var(--van-padding-md) 4px;
63
+ }
64
+ &__clear,
65
+ &__collapse {
66
+ display: inline-flex;
67
+ align-items: center;
68
+ padding: 0;
69
+ font: inherit;
70
+ font-size: var(--van-font-size-md);
71
+ line-height: var(--van-line-height-lg);
72
+ background: transparent;
73
+ border: 0;
74
+ }
75
+ &__clear { color: var(--van-primary-color); }
76
+ &__collapse,
77
+ &__remove {
78
+ color: var(--van-gray-6);
79
+
80
+ .van-icon { color: var(--van-gray-6); }
81
+ }
82
+ &__collapse { gap: 2px; }
83
+ &__selected-list {
84
+ display: flex;
85
+ flex: 0 1 auto;
86
+ flex-direction: column;
87
+ gap: 6px;
88
+ min-height: 0;
89
+ padding: var(--van-padding-xs) var(--van-padding-md);
90
+ overflow-y: auto;
91
+ overscroll-behavior: contain;
92
+ }
93
+ &__selected-item {
94
+ flex: none;
95
+ min-height: 44px;
96
+ padding: 11px var(--van-padding-md);
97
+ background: var(--van-gray-1);
98
+ border-radius: 8px;
99
+ }
100
+ &__remove {
101
+ display: inline-flex;
102
+ align-self: flex-start;
103
+ align-items: center;
104
+ justify-content: center;
105
+ width: 22px;
106
+ height: 22px;
107
+ padding: 0;
108
+ background: transparent;
109
+ border: 0;
110
+ }
24
111
  .van-cell { min-height: 44px; }
25
112
  .van-checkbox { margin: 0; }
26
113
  }
@@ -3,6 +3,7 @@ import "../../badge/index.css";
3
3
  import "../../icon/index.css";
4
4
  import "../../tag/index.css";
5
5
  import "../../loading/index.css";
6
+ import "../../list/index.css";
6
7
  import "../../button/index.css";
7
8
  import "../../overlay/index.css";
8
9
  import "../../popup/index.css";
@@ -11,7 +12,11 @@ import "../../nav-bar/index.css";
11
12
  import "../../action-sheet/index.css";
12
13
  import "../../checkbox-group/index.css";
13
14
  import "../../checkbox/index.css";
15
+ import "../../bottom-action-bar/index.css";
14
16
  import "../../radio-group/index.css";
15
17
  import "../../radio/index.css";
16
18
  import "../../cell/index.css";
19
+ import "../../field/index.css";
20
+ import "../../search/index.css";
21
+ import "../../empty/index.css";
17
22
  import "../index.css";
@@ -3,6 +3,7 @@ import "../../badge/index.less";
3
3
  import "../../icon/index.less";
4
4
  import "../../tag/index.less";
5
5
  import "../../loading/index.less";
6
+ import "../../list/index.less";
6
7
  import "../../button/index.less";
7
8
  import "../../overlay/index.less";
8
9
  import "../../popup/index.less";
@@ -11,7 +12,11 @@ import "../../nav-bar/index.less";
11
12
  import "../../action-sheet/index.less";
12
13
  import "../../checkbox-group/index.less";
13
14
  import "../../checkbox/index.less";
15
+ import "../../bottom-action-bar/index.less";
14
16
  import "../../radio-group/index.less";
15
17
  import "../../radio/index.less";
16
18
  import "../../cell/index.less";
19
+ import "../../field/index.less";
20
+ import "../../search/index.less";
21
+ import "../../empty/index.less";
17
22
  import "../index.less";
package/es/index.d.ts CHANGED
@@ -106,6 +106,7 @@ export * from "./tag";
106
106
  export * from "./title-bar";
107
107
  export * from "./toast";
108
108
  export * from "./tree-select";
109
+ export * from "./tree-select-panel";
109
110
  export * from "./uploader";
110
111
  export * from "./video-preview";
111
112
  export * from "./work-order-card";
@@ -116,4 +117,4 @@ declare namespace _default {
116
117
  }
117
118
  export default _default;
118
119
  export function install(app: any): void;
119
- export const version: "0.0.40";
120
+ export const version: "0.0.42";
package/es/index.mjs CHANGED
@@ -105,11 +105,12 @@ import { Tag } from "./tag/index.mjs";
105
105
  import { TitleBar } from "./title-bar/index.mjs";
106
106
  import { Toast } from "./toast/index.mjs";
107
107
  import { TreeSelect } from "./tree-select/index.mjs";
108
+ import { TreeSelectPanel } from "./tree-select-panel/index.mjs";
108
109
  import { Uploader } from "./uploader/index.mjs";
109
110
  import { VideoPreview } from "./video-preview/index.mjs";
110
111
  import { WorkOrderCard } from "./work-order-card/index.mjs";
111
112
  import { WorkOrderFilter } from "./work-order-filter/index.mjs";
112
- const version = "0.0.40";
113
+ const version = "0.0.42";
113
114
  function install(app) {
114
115
  const components = [
115
116
  ActionBar,
@@ -219,6 +220,7 @@ function install(app) {
219
220
  TitleBar,
220
221
  Toast,
221
222
  TreeSelect,
223
+ TreeSelectPanel,
222
224
  Uploader,
223
225
  VideoPreview,
224
226
  WorkOrderCard,
@@ -340,6 +342,7 @@ export * from "./tag/index.mjs";
340
342
  export * from "./title-bar/index.mjs";
341
343
  export * from "./toast/index.mjs";
342
344
  export * from "./tree-select/index.mjs";
345
+ export * from "./tree-select-panel/index.mjs";
343
346
  export * from "./uploader/index.mjs";
344
347
  export * from "./video-preview/index.mjs";
345
348
  export * from "./work-order-card/index.mjs";
@@ -35,6 +35,10 @@ declare const labelProps: {
35
35
  type: PropType<string>;
36
36
  default: string;
37
37
  };
38
+ contentList: {
39
+ type: PropType<string[]>;
40
+ default: () => never[];
41
+ };
38
42
  type: {
39
43
  type: PropType<LabelType>;
40
44
  default: LabelType;
@@ -88,6 +92,10 @@ declare const _default: import("vue").DefineComponent<{
88
92
  type: PropType<string>;
89
93
  default: string;
90
94
  };
95
+ contentList: {
96
+ type: PropType<string[]>;
97
+ default: () => never[];
98
+ };
91
99
  type: {
92
100
  type: PropType<LabelType>;
93
101
  default: LabelType;
@@ -139,6 +147,10 @@ declare const _default: import("vue").DefineComponent<{
139
147
  type: PropType<string>;
140
148
  default: string;
141
149
  };
150
+ contentList: {
151
+ type: PropType<string[]>;
152
+ default: () => never[];
153
+ };
142
154
  type: {
143
155
  type: PropType<LabelType>;
144
156
  default: LabelType;
@@ -186,6 +198,7 @@ declare const _default: import("vue").DefineComponent<{
186
198
  showLabel: boolean;
187
199
  showContent: boolean;
188
200
  showColon: boolean | undefined;
201
+ contentList: string[];
189
202
  contentAlign: LabelContentAlign;
190
203
  showLeftIcon: boolean;
191
204
  sameColor: boolean;
@@ -13,6 +13,10 @@ const labelProps = {
13
13
  default: void 0
14
14
  },
15
15
  content: makeStringProp(""),
16
+ contentList: {
17
+ type: Array,
18
+ default: () => []
19
+ },
16
20
  type: makeStringProp("default"),
17
21
  size: makeStringProp("default"),
18
22
  contentAlign: makeStringProp("follow"),
@@ -42,7 +46,9 @@ var stdin_default = defineComponent({
42
46
  }) {
43
47
  let longPressTimer;
44
48
  const vertical = computed(() => props.vertical || props.type === "media");
45
- const ellipsis = computed(() => props.ellipsis && !vertical.value && !["tag", "media"].includes(props.type));
49
+ const hasContentList = computed(() => props.contentList.length > 0);
50
+ const displayContent = computed(() => hasContentList.value ? props.contentList.join("\u3001") : props.content);
51
+ const ellipsis = computed(() => props.ellipsis && !hasContentList.value && !vertical.value && !["tag", "media"].includes(props.type));
46
52
  const displayLabel = computed(() => {
47
53
  var _a;
48
54
  const showColon = (_a = props.showColon) != null ? _a : !vertical.value && props.contentAlign !== "right";
@@ -74,7 +80,7 @@ var stdin_default = defineComponent({
74
80
  };
75
81
  const renderText = () => {
76
82
  var _a;
77
- const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || props.content;
83
+ const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || displayContent.value;
78
84
  if (props.type === "link") {
79
85
  return props.href ? _createVNode("a", {
80
86
  "class": bem("link"),
@@ -127,7 +133,8 @@ var stdin_default = defineComponent({
127
133
  ellipsis: ellipsis.value,
128
134
  location: showLocation.value,
129
135
  "content-right": props.contentAlign === "right",
130
- "same-color": props.sameColor
136
+ "same-color": props.sameColor,
137
+ "multiple-content": hasContentList.value
131
138
  }])
132
139
  }, [showLeftIcon.value && _createVNode("div", {
133
140
  "class": bem("left-icon")
@@ -142,7 +149,7 @@ var stdin_default = defineComponent({
142
149
  "onPointerleave": clearLongPress
143
150
  }, [displayLabel.value]), props.showContent && _createVNode("div", {
144
151
  "class": bem("value"),
145
- "onPointerdown": () => startLongPress("content", props.content),
152
+ "onPointerdown": () => startLongPress("content", displayContent.value),
146
153
  "onPointerup": clearLongPress,
147
154
  "onPointercancel": clearLongPress,
148
155
  "onPointerleave": clearLongPress
@@ -1 +1 @@
1
- :root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-same-color: var(--van-gray-7);--van-label-gap: 2px;--van-label-left-icon-gap: 4px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__left-icon{display:flex;flex:none;align-items:center;justify-content:center;width:12px;height:var(--van-label-line-height);margin-right:calc(var(--van-label-left-icon-gap) - var(--van-label-gap));color:var(--van-label-label-color)}.van-label__left-icon .van-icon{width:12px;height:12px;font-size:12px;line-height:12px}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label--same-color .van-label__left-icon,.van-label--same-color .van-label__label,.van-label--same-color .van-label__value,.van-label--same-color .van-label__link{color:var(--van-label-same-color)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
1
+ :root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-same-color: var(--van-gray-7);--van-label-gap: 2px;--van-label-left-icon-gap: 4px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__left-icon{display:flex;flex:none;align-items:center;justify-content:center;width:12px;height:var(--van-label-line-height);margin-right:calc(var(--van-label-left-icon-gap) - var(--van-label-gap));color:var(--van-label-label-color)}.van-label__left-icon .van-icon{width:12px;height:12px;font-size:12px;line-height:12px}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--multiple-content .van-label__text{overflow-wrap:anywhere;white-space:normal}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label--same-color .van-label__left-icon,.van-label--same-color .van-label__label,.van-label--same-color .van-label__value,.van-label--same-color .van-label__link{color:var(--van-label-same-color)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
@@ -19,6 +19,10 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
19
19
  type: import("vue").PropType<string>;
20
20
  default: string;
21
21
  };
22
+ contentList: {
23
+ type: import("vue").PropType<string[]>;
24
+ default: () => never[];
25
+ };
22
26
  type: {
23
27
  type: import("vue").PropType<import("./Label").LabelType>;
24
28
  default: import("./Label").LabelType;
@@ -70,6 +74,10 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
70
74
  type: import("vue").PropType<string>;
71
75
  default: string;
72
76
  };
77
+ contentList: {
78
+ type: import("vue").PropType<string[]>;
79
+ default: () => never[];
80
+ };
73
81
  type: {
74
82
  type: import("vue").PropType<import("./Label").LabelType>;
75
83
  default: import("./Label").LabelType;
@@ -117,6 +125,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
117
125
  showLabel: boolean;
118
126
  showContent: boolean;
119
127
  showColon: boolean | undefined;
128
+ contentList: string[];
120
129
  contentAlign: import("./Label").LabelContentAlign;
121
130
  showLeftIcon: boolean;
122
131
  sameColor: boolean;
@@ -105,6 +105,11 @@
105
105
  display: block;
106
106
  }
107
107
 
108
+ &--multiple-content .van-label__text {
109
+ overflow-wrap: anywhere;
110
+ white-space: normal;
111
+ }
112
+
108
113
  &--location .van-label__value {
109
114
  display: flex;
110
115
  flex-direction: column;
@@ -60,5 +60,8 @@ declare const _default: {
60
60
  vanAddressList: {
61
61
  add: string;
62
62
  };
63
+ vanTabs: {
64
+ moreTitle: string;
65
+ };
63
66
  };
64
67
  export default _default;
@@ -59,6 +59,9 @@ var stdin_default = {
59
59
  },
60
60
  vanAddressList: {
61
61
  add: "Add new address"
62
+ },
63
+ vanTabs: {
64
+ moreTitle: "More tabs"
62
65
  }
63
66
  };
64
67
  export {
@@ -60,5 +60,8 @@ declare const _default: {
60
60
  vanAddressList: {
61
61
  add: string;
62
62
  };
63
+ vanTabs: {
64
+ moreTitle: string;
65
+ };
63
66
  };
64
67
  export default _default;
@@ -59,6 +59,9 @@ var stdin_default = {
59
59
  },
60
60
  vanAddressList: {
61
61
  add: "\u65B0\u589E\u5730\u5740"
62
+ },
63
+ vanTabs: {
64
+ moreTitle: "\u66F4\u591A\u6807\u7B7E"
62
65
  }
63
66
  };
64
67
  export {
@@ -18,8 +18,8 @@ import "../../radio/index.css";
18
18
  import "../../cell/index.css";
19
19
  import "../../tree-select/index.css";
20
20
  import "../../field/index.css";
21
- import "../../search/index.css";
22
21
  import "../../dialog/index.css";
22
+ import "../../search/index.css";
23
23
  import "../../sticky/index.css";
24
24
  import "../../swipe/index.css";
25
25
  import "../../swipe-item/index.css";
@@ -18,8 +18,8 @@ import "../../radio/index.less";
18
18
  import "../../cell/index.less";
19
19
  import "../../tree-select/index.less";
20
20
  import "../../field/index.less";
21
- import "../../search/index.less";
22
21
  import "../../dialog/index.less";
22
+ import "../../search/index.less";
23
23
  import "../../sticky/index.less";
24
24
  import "../../swipe/index.less";
25
25
  import "../../swipe-item/index.less";
@@ -1,4 +1,5 @@
1
1
  import { type PropType } from 'vue';
2
+ import { type StepperTheme } from '../stepper';
2
3
  import { type Numeric } from '../utils';
3
4
  export declare type MaterialActionBarItem = {
4
5
  id: Numeric;
@@ -31,6 +32,14 @@ declare const _default: import("vue").DefineComponent<{
31
32
  default: string;
32
33
  };
33
34
  selected: BooleanConstructor;
35
+ showDetail: {
36
+ type: BooleanConstructor;
37
+ default: true;
38
+ };
39
+ stepperTheme: {
40
+ type: PropType<StepperTheme>;
41
+ default: StepperTheme;
42
+ };
34
43
  enableInputDialog: {
35
44
  type: BooleanConstructor;
36
45
  default: true;
@@ -62,6 +71,14 @@ declare const _default: import("vue").DefineComponent<{
62
71
  default: string;
63
72
  };
64
73
  selected: BooleanConstructor;
74
+ showDetail: {
75
+ type: BooleanConstructor;
76
+ default: true;
77
+ };
78
+ stepperTheme: {
79
+ type: PropType<StepperTheme>;
80
+ default: StepperTheme;
81
+ };
65
82
  enableInputDialog: {
66
83
  type: BooleanConstructor;
67
84
  default: true;
@@ -82,7 +99,9 @@ declare const _default: import("vue").DefineComponent<{
82
99
  max: string | number;
83
100
  selected: boolean;
84
101
  warning: string;
102
+ showDetail: boolean;
85
103
  keyword: string;
104
+ stepperTheme: StepperTheme;
86
105
  enableInputDialog: boolean;
87
106
  showWarning: boolean;
88
107
  picking: MaterialActionBarPicking;
@@ -4,7 +4,7 @@ import { Icon } from "../icon/index.mjs";
4
4
  import { Stepper } from "../stepper/index.mjs";
5
5
  import { Tag } from "../tag/index.mjs";
6
6
  import { Toast } from "../toast/index.mjs";
7
- import { createNamespace, makeNumericProp, truthProp } from "../utils/index.mjs";
7
+ import { createNamespace, makeNumericProp, makeStringProp, truthProp } from "../utils/index.mjs";
8
8
  const [name, bem] = createNamespace("material-action-bar");
9
9
  var stdin_default = defineComponent({
10
10
  name,
@@ -23,6 +23,8 @@ var stdin_default = defineComponent({
23
23
  default: ""
24
24
  },
25
25
  selected: Boolean,
26
+ showDetail: truthProp,
27
+ stepperTheme: makeStringProp("round-outline"),
26
28
  enableInputDialog: truthProp,
27
29
  showWarning: Boolean,
28
30
  warning: {
@@ -98,7 +100,7 @@ var stdin_default = defineComponent({
98
100
  };
99
101
  onBeforeUnmount(clearDetailLongPress);
100
102
  return () => {
101
- var _a, _b, _c, _d, _e;
103
+ var _a, _b, _c, _d;
102
104
  return _createVNode("div", {
103
105
  "class": bem({
104
106
  selected: props.selected
@@ -127,7 +129,7 @@ var stdin_default = defineComponent({
127
129
  "modelValue": props.modelValue,
128
130
  "min": 0,
129
131
  "max": props.max,
130
- "theme": "round",
132
+ "theme": props.stepperTheme,
131
133
  "buttonSize": 18,
132
134
  "disableInput": true,
133
135
  "onUpdate:modelValue": (value) => emit("update:modelValue", Number(value))
@@ -137,8 +139,10 @@ var stdin_default = defineComponent({
137
139
  "aria-label": "\u8F93\u5165\u6570\u91CF",
138
140
  "onClick": openInputDialog
139
141
  }, null)]), _createVNode("span", {
140
- "class": bem("unit")
141
- }, [props.item.unit])]), _createVNode("p", {
142
+ "class": bem("unit", {
143
+ aligned: true
144
+ })
145
+ }, [props.item.unit])]), props.showDetail && _createVNode("p", {
142
146
  "class": bem("desc"),
143
147
  "onTouchstart": onDetailLongPressStart,
144
148
  "onTouchmove": clearDetailLongPress,
@@ -159,7 +163,9 @@ var stdin_default = defineComponent({
159
163
  "style": {
160
164
  fontWeight: props.picking.outboundBold ? 600 : 400
161
165
  }
162
- }, [props.picking.outboundValue])]), (_e = slots.default) == null ? void 0 : _e.call(slots), _createVNode(Dialog.Component, {
166
+ }, [props.picking.outboundValue])]), slots.default && _createVNode("div", {
167
+ "class": bem("bottom")
168
+ }, [slots.default()]), _createVNode(Dialog.Component, {
163
169
  "show": showInputDialog.value,
164
170
  "inputValue": inputValue.value,
165
171
  "inputAlign": "left",
@@ -1 +1 @@
1
- .van-material-action-bar{--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}
1
+ .van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{display:flex;flex:none;align-items:center;width:32px;height:18px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:18px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}