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.
- package/es/blue-mark/BlueMarkHeader.d.ts +13 -0
- package/es/blue-mark/BlueMarkHeader.mjs +3 -1
- package/es/blue-mark/CollapseToggle.d.ts +13 -0
- package/es/blue-mark/CollapseToggle.mjs +5 -1
- package/es/blue-mark/index.d.ts +18 -0
- package/es/checkbox-panel/CheckboxPanel.d.ts +86 -1
- package/es/checkbox-panel/CheckboxPanel.mjs +184 -36
- package/es/checkbox-panel/index.css +1 -1
- package/es/checkbox-panel/index.d.ts +63 -1
- package/es/checkbox-panel/index.less +89 -2
- package/es/checkbox-panel/style/index.mjs +5 -0
- package/es/checkbox-panel/style/less.mjs +5 -0
- package/es/index.d.ts +2 -1
- package/es/index.mjs +4 -1
- package/es/label/Label.d.ts +13 -0
- package/es/label/Label.mjs +11 -4
- package/es/label/index.css +1 -1
- package/es/label/index.d.ts +9 -0
- package/es/label/index.less +5 -0
- package/es/locale/lang/en-US.d.ts +3 -0
- package/es/locale/lang/en-US.mjs +3 -0
- package/es/locale/lang/zh-CN.d.ts +3 -0
- package/es/locale/lang/zh-CN.mjs +3 -0
- package/es/location-select/style/index.mjs +1 -1
- package/es/location-select/style/less.mjs +1 -1
- package/es/material-action-bar/MaterialActionBar.d.ts +19 -0
- package/es/material-action-bar/MaterialActionBar.mjs +12 -6
- package/es/material-action-bar/index.css +1 -1
- package/es/material-action-bar/index.d.ts +36 -0
- package/es/material-action-bar/index.less +5 -3
- package/es/material-add/index.css +1 -1
- package/es/material-add/style/index.mjs +1 -1
- package/es/material-add/style/less.mjs +1 -1
- package/es/material-display-bar/MaterialDisplayBar.mjs +0 -1
- package/es/material-display-bar/index.css +1 -1
- package/es/material-display-bar/index.less +2 -1
- package/es/material-display-bar/var.less +3 -2
- package/es/notice-bar/index.css +1 -1
- package/es/notice-bar/index.less +13 -0
- package/es/stepper/Stepper.d.ts +1 -1
- package/es/stepper/index.css +1 -1
- package/es/stepper/index.less +19 -0
- package/es/tabs/Tabs.mjs +3 -2
- package/es/tabs/index.css +1 -1
- package/es/tabs/index.less +15 -5
- package/es/tabs/var.less +1 -0
- package/es/title-bar/TitleBar.d.ts +44 -0
- package/es/title-bar/TitleBar.mjs +9 -1
- package/es/title-bar/index.css +1 -1
- package/es/title-bar/index.d.ts +30 -0
- package/es/title-bar/index.less +10 -3
- package/es/title-bar/var.less +2 -1
- package/es/tree-select/TreeSelect.d.ts +3 -0
- package/es/tree-select/TreeSelect.mjs +18 -2
- package/es/tree-select/index.d.ts +2 -0
- package/es/tree-select-panel/TreeSelectPanel.d.ts +181 -0
- package/es/tree-select-panel/TreeSelectPanel.mjs +213 -0
- package/es/tree-select-panel/index.css +1 -0
- package/es/tree-select-panel/index.d.ts +134 -0
- package/es/tree-select-panel/index.less +107 -0
- package/es/tree-select-panel/index.mjs +8 -0
- package/es/tree-select-panel/style/index.mjs +23 -0
- package/es/tree-select-panel/style/less.mjs +23 -0
- package/lib/blue-mark/BlueMarkHeader.d.ts +13 -0
- package/lib/blue-mark/BlueMarkHeader.js +2 -0
- package/lib/blue-mark/CollapseToggle.d.ts +13 -0
- package/lib/blue-mark/CollapseToggle.js +5 -1
- package/lib/blue-mark/index.d.ts +18 -0
- package/lib/checkbox-panel/CheckboxPanel.d.ts +86 -1
- package/lib/checkbox-panel/CheckboxPanel.js +183 -35
- package/lib/checkbox-panel/index.css +1 -1
- package/lib/checkbox-panel/index.d.ts +63 -1
- package/lib/checkbox-panel/index.less +89 -2
- package/lib/checkbox-panel/style/index.js +5 -0
- package/lib/checkbox-panel/style/less.js +5 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +4 -1
- package/lib/index.less +6 -5
- package/lib/label/Label.d.ts +13 -0
- package/lib/label/Label.js +11 -4
- package/lib/label/index.css +1 -1
- package/lib/label/index.d.ts +9 -0
- package/lib/label/index.less +5 -0
- package/lib/locale/lang/en-US.d.ts +3 -0
- package/lib/locale/lang/en-US.js +3 -0
- package/lib/locale/lang/zh-CN.d.ts +3 -0
- package/lib/locale/lang/zh-CN.js +3 -0
- package/lib/location-select/style/index.js +1 -1
- package/lib/location-select/style/less.js +1 -1
- package/lib/material-action-bar/MaterialActionBar.d.ts +19 -0
- package/lib/material-action-bar/MaterialActionBar.js +11 -5
- package/lib/material-action-bar/index.css +1 -1
- package/lib/material-action-bar/index.d.ts +36 -0
- package/lib/material-action-bar/index.less +5 -3
- package/lib/material-add/index.css +1 -1
- package/lib/material-add/style/index.js +1 -1
- package/lib/material-add/style/less.js +1 -1
- package/lib/material-display-bar/MaterialDisplayBar.js +0 -1
- package/lib/material-display-bar/index.css +1 -1
- package/lib/material-display-bar/index.less +2 -1
- package/lib/material-display-bar/var.less +3 -2
- package/lib/notice-bar/index.css +1 -1
- package/lib/notice-bar/index.less +13 -0
- package/lib/stepper/Stepper.d.ts +1 -1
- package/lib/stepper/index.css +1 -1
- package/lib/stepper/index.less +19 -0
- package/lib/tabs/Tabs.js +3 -2
- package/lib/tabs/index.css +1 -1
- package/lib/tabs/index.less +15 -5
- package/lib/tabs/var.less +1 -0
- package/lib/title-bar/TitleBar.d.ts +44 -0
- package/lib/title-bar/TitleBar.js +9 -1
- package/lib/title-bar/index.css +1 -1
- package/lib/title-bar/index.d.ts +30 -0
- package/lib/title-bar/index.less +10 -3
- package/lib/title-bar/var.less +2 -1
- package/lib/tree-select/TreeSelect.d.ts +3 -0
- package/lib/tree-select/TreeSelect.js +18 -2
- package/lib/tree-select/index.d.ts +2 -0
- package/lib/tree-select-panel/TreeSelectPanel.d.ts +181 -0
- package/lib/tree-select-panel/TreeSelectPanel.js +232 -0
- package/lib/tree-select-panel/index.css +1 -0
- package/lib/tree-select-panel/index.d.ts +134 -0
- package/lib/tree-select-panel/index.js +37 -0
- package/lib/tree-select-panel/index.less +107 -0
- package/lib/tree-select-panel/style/index.js +23 -0
- package/lib/tree-select-panel/style/less.js +23 -0
- package/lib/vant.cjs.js +1997 -1605
- package/lib/vant.es.js +1998 -1606
- package/lib/vant.js +1997 -1605
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +1 -1
- package/skills/use-persagy-vant/references/component-catalog.md +1 -1
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +1 -0
- package/skills/use-persagy-vant/references/element-component-matching.md +1 -0
- package/skills/use-persagy-vant/references/page-recipes.md +1 -0
- 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
|
-
|
|
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 {
|
|
23
|
-
|
|
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.
|
|
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.
|
|
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";
|
package/es/label/Label.d.ts
CHANGED
|
@@ -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;
|
package/es/label/Label.mjs
CHANGED
|
@@ -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
|
|
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)) ||
|
|
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",
|
|
152
|
+
"onPointerdown": () => startLongPress("content", displayContent.value),
|
|
146
153
|
"onPointerup": clearLongPress,
|
|
147
154
|
"onPointercancel": clearLongPress,
|
|
148
155
|
"onPointerleave": clearLongPress
|
package/es/label/index.css
CHANGED
|
@@ -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)}
|
package/es/label/index.d.ts
CHANGED
|
@@ -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;
|
package/es/label/index.less
CHANGED
package/es/locale/lang/en-US.mjs
CHANGED
package/es/locale/lang/zh-CN.mjs
CHANGED
|
@@ -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
|
|
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":
|
|
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
|
-
|
|
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])]),
|
|
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
|
|
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)}
|