persagy-vant 0.0.30 → 0.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -12
- package/bin/persagy-vant.mjs +63 -0
- package/es/cell/Cell.d.ts +34 -1
- package/es/cell/Cell.mjs +48 -12
- package/es/cell/index.css +1 -1
- package/es/cell/index.d.ts +20 -1
- package/es/cell/index.less +19 -0
- package/es/cell/var.less +1 -1
- package/es/collapse-item/CollapseItem.d.ts +25 -0
- package/es/collapse-item/index.d.ts +18 -0
- package/es/content-panel/ContentPanel.d.ts +46 -0
- package/es/content-panel/ContentPanel.mjs +72 -0
- package/es/content-panel/index.css +1 -0
- package/es/content-panel/index.d.ts +33 -0
- package/es/content-panel/index.less +54 -0
- package/es/content-panel/index.mjs +8 -0
- package/es/content-panel/style/index.mjs +11 -0
- package/es/content-panel/style/less.mjs +11 -0
- package/es/content-panel/var.css +0 -0
- package/es/content-panel/var.less +3 -0
- package/es/dialog/Dialog.d.ts +4 -0
- package/es/dialog/Dialog.mjs +14 -1
- package/es/dialog/function-call.d.ts +2 -0
- package/es/dialog/types.d.ts +2 -0
- package/es/field/Field.d.ts +25 -0
- package/es/field/Field.mjs +1 -1
- package/es/field/index.d.ts +18 -0
- package/es/index.d.ts +6 -1
- package/es/index.mjs +16 -1
- package/es/info-card/InfoCard.d.ts +1 -0
- package/es/info-card/InfoCard.mjs +1 -0
- package/es/label/Label.d.ts +67 -0
- package/es/label/Label.mjs +22 -7
- package/es/label/index.css +1 -1
- package/es/label/index.d.ts +45 -0
- package/es/label/index.less +19 -0
- package/es/label/var.less +4 -1
- package/es/loading/Loading.mjs +18 -21
- package/es/material-action-bar/MaterialActionBar.d.ts +66 -0
- package/es/material-action-bar/MaterialActionBar.mjs +132 -0
- package/es/material-action-bar/index.css +1 -0
- package/es/material-action-bar/index.d.ts +58 -0
- package/es/material-action-bar/index.less +33 -0
- package/es/material-action-bar/index.mjs +8 -0
- package/es/material-action-bar/style/index.mjs +19 -0
- package/es/material-action-bar/style/less.mjs +19 -0
- package/es/material-add/MaterialAdd.mjs +12 -7
- package/es/material-add/index.css +1 -1
- package/es/material-add/index.less +7 -5
- package/es/material-add/style/index.mjs +7 -0
- package/es/material-add/style/less.mjs +7 -0
- package/es/material-detail/MaterialDetail.d.ts +64 -0
- package/es/material-detail/MaterialDetail.mjs +192 -0
- package/es/material-detail/index.css +1 -0
- package/es/material-detail/index.d.ts +40 -0
- package/es/material-detail/index.less +20 -0
- package/es/material-detail/index.mjs +8 -0
- package/es/material-detail/style/index.mjs +11 -0
- package/es/material-detail/style/less.mjs +11 -0
- package/es/material-display-bar/MaterialDisplayBar.d.ts +159 -0
- package/es/material-display-bar/MaterialDisplayBar.mjs +109 -0
- package/es/material-display-bar/index.css +1 -0
- package/es/material-display-bar/index.d.ts +103 -0
- package/es/material-display-bar/index.less +113 -0
- package/es/material-display-bar/index.mjs +8 -0
- package/es/material-display-bar/style/index.mjs +11 -0
- package/es/material-display-bar/style/less.mjs +11 -0
- package/es/material-display-bar/var.css +0 -0
- package/es/material-display-bar/var.less +12 -0
- package/es/rate/RateCell.mjs +4 -1
- package/es/rate/index.css +1 -1
- package/es/rate/index.less +16 -3
- package/es/search/Search.d.ts +14 -1
- package/es/search/Search.mjs +5 -3
- package/es/search/index.css +1 -1
- package/es/search/index.d.ts +9 -0
- package/es/search/index.less +10 -0
- package/es/search/types.d.ts +1 -0
- package/es/step/index.css +1 -1
- package/es/step/var.less +2 -2
- package/es/style/base.css +1 -1
- package/es/style/css-variables.css +1 -1
- package/es/style/var.less +1 -1
- package/es/title-bar/TitleBar.d.ts +85 -0
- package/es/title-bar/TitleBar.mjs +62 -0
- package/es/title-bar/index.css +1 -0
- package/es/title-bar/index.d.ts +60 -0
- package/es/title-bar/index.less +25 -0
- package/es/title-bar/index.mjs +8 -0
- package/es/title-bar/style/index.mjs +4 -0
- package/es/title-bar/style/less.mjs +4 -0
- package/es/title-bar/var.css +0 -0
- package/es/title-bar/var.less +6 -0
- package/es/tree-select/TreeSelect.d.ts +13 -0
- package/es/tree-select/TreeSelect.mjs +4 -2
- package/es/tree-select/index.css +1 -1
- package/es/tree-select/index.d.ts +9 -0
- package/es/tree-select/index.less +6 -0
- package/lib/cell/Cell.d.ts +34 -1
- package/lib/cell/Cell.js +46 -10
- package/lib/cell/index.css +1 -1
- package/lib/cell/index.d.ts +20 -1
- package/lib/cell/index.less +19 -0
- package/lib/cell/var.less +1 -1
- package/lib/collapse-item/CollapseItem.d.ts +25 -0
- package/lib/collapse-item/index.d.ts +18 -0
- package/lib/content-panel/ContentPanel.d.ts +46 -0
- package/lib/content-panel/ContentPanel.js +91 -0
- package/lib/content-panel/index.css +1 -0
- package/lib/content-panel/index.d.ts +33 -0
- package/lib/content-panel/index.js +37 -0
- package/lib/content-panel/index.less +54 -0
- package/lib/content-panel/style/index.js +11 -0
- package/lib/content-panel/style/less.js +11 -0
- package/lib/content-panel/var.css +0 -0
- package/lib/content-panel/var.less +3 -0
- package/lib/dialog/Dialog.d.ts +4 -0
- package/lib/dialog/Dialog.js +13 -0
- package/lib/dialog/function-call.d.ts +2 -0
- package/lib/dialog/types.d.ts +2 -0
- package/lib/dog1.jpg +0 -0
- package/lib/dog2.jpg +0 -0
- package/lib/dog3.jpg +0 -0
- package/lib/field/Field.d.ts +25 -0
- package/lib/field/Field.js +1 -1
- package/lib/field/index.d.ts +18 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +6 -1
- package/lib/index.js +16 -1
- package/lib/index.less +6 -1
- package/lib/info-card/InfoCard.d.ts +1 -0
- package/lib/info-card/InfoCard.js +1 -0
- package/lib/label/Label.d.ts +67 -0
- package/lib/label/Label.js +21 -6
- package/lib/label/index.css +1 -1
- package/lib/label/index.d.ts +45 -0
- package/lib/label/index.less +19 -0
- package/lib/label/var.less +4 -1
- package/lib/loading/Loading.js +18 -21
- package/lib/material-action-bar/MaterialActionBar.d.ts +66 -0
- package/lib/material-action-bar/MaterialActionBar.js +151 -0
- package/lib/material-action-bar/index.css +1 -0
- package/lib/material-action-bar/index.d.ts +58 -0
- package/lib/material-action-bar/index.js +37 -0
- package/lib/material-action-bar/index.less +33 -0
- package/lib/material-action-bar/style/index.js +19 -0
- package/lib/material-action-bar/style/less.js +19 -0
- package/lib/material-add/MaterialAdd.js +12 -7
- package/lib/material-add/index.css +1 -1
- package/lib/material-add/index.less +7 -5
- package/lib/material-add/style/index.js +7 -0
- package/lib/material-add/style/less.js +7 -0
- package/lib/material-detail/MaterialDetail.d.ts +64 -0
- package/lib/material-detail/MaterialDetail.js +211 -0
- package/lib/material-detail/index.css +1 -0
- package/lib/material-detail/index.d.ts +40 -0
- package/lib/material-detail/index.js +37 -0
- package/lib/material-detail/index.less +20 -0
- package/lib/material-detail/style/index.js +11 -0
- package/lib/material-detail/style/less.js +11 -0
- package/lib/material-display-bar/MaterialDisplayBar.d.ts +159 -0
- package/lib/material-display-bar/MaterialDisplayBar.js +128 -0
- package/lib/material-display-bar/index.css +1 -0
- package/lib/material-display-bar/index.d.ts +103 -0
- package/lib/material-display-bar/index.js +37 -0
- package/lib/material-display-bar/index.less +113 -0
- package/lib/material-display-bar/style/index.js +11 -0
- package/lib/material-display-bar/style/less.js +11 -0
- package/lib/material-display-bar/var.css +0 -0
- package/lib/material-display-bar/var.less +12 -0
- package/lib/rate/RateCell.js +4 -1
- package/lib/rate/index.css +1 -1
- package/lib/rate/index.less +16 -3
- package/lib/search/Search.d.ts +14 -1
- package/lib/search/Search.js +5 -3
- package/lib/search/index.css +1 -1
- package/lib/search/index.d.ts +9 -0
- package/lib/search/index.less +10 -0
- package/lib/search/types.d.ts +1 -0
- package/lib/step/index.css +1 -1
- package/lib/step/var.less +2 -2
- package/lib/style/base.css +1 -1
- package/lib/style/css-variables.css +1 -1
- package/lib/style/var.less +1 -1
- package/lib/title-bar/TitleBar.d.ts +85 -0
- package/lib/title-bar/TitleBar.js +81 -0
- package/lib/title-bar/index.css +1 -0
- package/lib/title-bar/index.d.ts +60 -0
- package/lib/title-bar/index.js +37 -0
- package/lib/title-bar/index.less +25 -0
- package/lib/title-bar/style/index.js +4 -0
- package/lib/title-bar/style/less.js +4 -0
- package/lib/title-bar/var.css +0 -0
- package/lib/title-bar/var.less +6 -0
- package/lib/tree-select/TreeSelect.d.ts +13 -0
- package/lib/tree-select/TreeSelect.js +3 -1
- package/lib/tree-select/index.css +1 -1
- package/lib/tree-select/index.d.ts +9 -0
- package/lib/tree-select/index.less +6 -0
- package/lib/vant.cjs.js +1641 -1218
- package/lib/vant.es.js +1641 -1218
- package/lib/vant.js +1641 -1218
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +6 -2
- package/skills/use-persagy-vant/references/business-component-catalog.md +8 -3
- package/skills/use-persagy-vant/references/component-catalog.md +7 -4
- package/skills/use-persagy-vant/references/component-documentation.md +1 -1
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +3 -3
- package/skills/use-persagy-vant/references/page-recipes.md +18 -5
- package/skills/use-persagy-vant/references/reuse-policy.md +1 -1
- package/skills/use-persagy-vant/references/usage-patterns.md +9 -1
|
@@ -5,12 +5,18 @@ declare const collapseItemProps: {
|
|
|
5
5
|
title: (NumberConstructor | StringConstructor)[];
|
|
6
6
|
value: (NumberConstructor | StringConstructor)[];
|
|
7
7
|
label: (NumberConstructor | StringConstructor)[];
|
|
8
|
+
labelSize: (NumberConstructor | StringConstructor)[];
|
|
8
9
|
avatar: StringConstructor;
|
|
9
10
|
rightAvatar: StringConstructor;
|
|
10
11
|
tags: import("vue").PropType<import("../utils").Numeric[]>;
|
|
11
12
|
titleIcon: StringConstructor;
|
|
12
13
|
rightIcon: StringConstructor;
|
|
13
14
|
note: (NumberConstructor | StringConstructor)[];
|
|
15
|
+
noteBold: BooleanConstructor;
|
|
16
|
+
noteClickable: BooleanConstructor;
|
|
17
|
+
noteTo: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
18
|
+
noteUrl: StringConstructor;
|
|
19
|
+
noteReplace: BooleanConstructor;
|
|
14
20
|
badge: (NumberConstructor | StringConstructor)[];
|
|
15
21
|
leftSelect: {
|
|
16
22
|
type: import("vue").PropType<boolean | undefined>;
|
|
@@ -25,6 +31,7 @@ declare const collapseItemProps: {
|
|
|
25
31
|
default: string;
|
|
26
32
|
};
|
|
27
33
|
blueMark: BooleanConstructor;
|
|
34
|
+
titleBold: BooleanConstructor;
|
|
28
35
|
center: BooleanConstructor;
|
|
29
36
|
isLink: BooleanConstructor;
|
|
30
37
|
border: {
|
|
@@ -63,12 +70,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
63
70
|
title: (NumberConstructor | StringConstructor)[];
|
|
64
71
|
value: (NumberConstructor | StringConstructor)[];
|
|
65
72
|
label: (NumberConstructor | StringConstructor)[];
|
|
73
|
+
labelSize: (NumberConstructor | StringConstructor)[];
|
|
66
74
|
avatar: StringConstructor;
|
|
67
75
|
rightAvatar: StringConstructor;
|
|
68
76
|
tags: import("vue").PropType<import("../utils").Numeric[]>;
|
|
69
77
|
titleIcon: StringConstructor;
|
|
70
78
|
rightIcon: StringConstructor;
|
|
71
79
|
note: (NumberConstructor | StringConstructor)[];
|
|
80
|
+
noteBold: BooleanConstructor;
|
|
81
|
+
noteClickable: BooleanConstructor;
|
|
82
|
+
noteTo: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
83
|
+
noteUrl: StringConstructor;
|
|
84
|
+
noteReplace: BooleanConstructor;
|
|
72
85
|
badge: (NumberConstructor | StringConstructor)[];
|
|
73
86
|
leftSelect: {
|
|
74
87
|
type: import("vue").PropType<boolean | undefined>;
|
|
@@ -83,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
83
96
|
default: string;
|
|
84
97
|
};
|
|
85
98
|
blueMark: BooleanConstructor;
|
|
99
|
+
titleBold: BooleanConstructor;
|
|
86
100
|
center: BooleanConstructor;
|
|
87
101
|
isLink: BooleanConstructor;
|
|
88
102
|
border: {
|
|
@@ -119,12 +133,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
119
133
|
title: (NumberConstructor | StringConstructor)[];
|
|
120
134
|
value: (NumberConstructor | StringConstructor)[];
|
|
121
135
|
label: (NumberConstructor | StringConstructor)[];
|
|
136
|
+
labelSize: (NumberConstructor | StringConstructor)[];
|
|
122
137
|
avatar: StringConstructor;
|
|
123
138
|
rightAvatar: StringConstructor;
|
|
124
139
|
tags: import("vue").PropType<import("../utils").Numeric[]>;
|
|
125
140
|
titleIcon: StringConstructor;
|
|
126
141
|
rightIcon: StringConstructor;
|
|
127
142
|
note: (NumberConstructor | StringConstructor)[];
|
|
143
|
+
noteBold: BooleanConstructor;
|
|
144
|
+
noteClickable: BooleanConstructor;
|
|
145
|
+
noteTo: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
146
|
+
noteUrl: StringConstructor;
|
|
147
|
+
noteReplace: BooleanConstructor;
|
|
128
148
|
badge: (NumberConstructor | StringConstructor)[];
|
|
129
149
|
leftSelect: {
|
|
130
150
|
type: import("vue").PropType<boolean | undefined>;
|
|
@@ -139,6 +159,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
139
159
|
default: string;
|
|
140
160
|
};
|
|
141
161
|
blueMark: BooleanConstructor;
|
|
162
|
+
titleBold: BooleanConstructor;
|
|
142
163
|
center: BooleanConstructor;
|
|
143
164
|
isLink: BooleanConstructor;
|
|
144
165
|
border: {
|
|
@@ -172,10 +193,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
172
193
|
}>>, {
|
|
173
194
|
required: boolean;
|
|
174
195
|
center: boolean;
|
|
196
|
+
noteBold: boolean;
|
|
197
|
+
noteClickable: boolean;
|
|
198
|
+
noteReplace: boolean;
|
|
175
199
|
leftSelect: boolean | undefined;
|
|
176
200
|
rightSelect: boolean | undefined;
|
|
177
201
|
selectType: import("../cell").CellSelectType;
|
|
178
202
|
blueMark: boolean;
|
|
203
|
+
titleBold: boolean;
|
|
179
204
|
isLink: boolean;
|
|
180
205
|
border: boolean;
|
|
181
206
|
errorBorder: boolean;
|
|
@@ -4,12 +4,18 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
4
4
|
title: (NumberConstructor | StringConstructor)[];
|
|
5
5
|
value: (NumberConstructor | StringConstructor)[];
|
|
6
6
|
label: (NumberConstructor | StringConstructor)[];
|
|
7
|
+
labelSize: (NumberConstructor | StringConstructor)[];
|
|
7
8
|
avatar: StringConstructor;
|
|
8
9
|
rightAvatar: StringConstructor;
|
|
9
10
|
tags: import("vue").PropType<import("../utils").Numeric[]>;
|
|
10
11
|
titleIcon: StringConstructor;
|
|
11
12
|
rightIcon: StringConstructor;
|
|
12
13
|
note: (NumberConstructor | StringConstructor)[];
|
|
14
|
+
noteBold: BooleanConstructor;
|
|
15
|
+
noteClickable: BooleanConstructor;
|
|
16
|
+
noteTo: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
17
|
+
noteUrl: StringConstructor;
|
|
18
|
+
noteReplace: BooleanConstructor;
|
|
13
19
|
badge: (NumberConstructor | StringConstructor)[];
|
|
14
20
|
leftSelect: {
|
|
15
21
|
type: import("vue").PropType<boolean | undefined>;
|
|
@@ -24,6 +30,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
24
30
|
default: string;
|
|
25
31
|
};
|
|
26
32
|
blueMark: BooleanConstructor;
|
|
33
|
+
titleBold: BooleanConstructor;
|
|
27
34
|
center: BooleanConstructor;
|
|
28
35
|
isLink: BooleanConstructor;
|
|
29
36
|
border: {
|
|
@@ -60,12 +67,18 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
60
67
|
title: (NumberConstructor | StringConstructor)[];
|
|
61
68
|
value: (NumberConstructor | StringConstructor)[];
|
|
62
69
|
label: (NumberConstructor | StringConstructor)[];
|
|
70
|
+
labelSize: (NumberConstructor | StringConstructor)[];
|
|
63
71
|
avatar: StringConstructor;
|
|
64
72
|
rightAvatar: StringConstructor;
|
|
65
73
|
tags: import("vue").PropType<import("../utils").Numeric[]>;
|
|
66
74
|
titleIcon: StringConstructor;
|
|
67
75
|
rightIcon: StringConstructor;
|
|
68
76
|
note: (NumberConstructor | StringConstructor)[];
|
|
77
|
+
noteBold: BooleanConstructor;
|
|
78
|
+
noteClickable: BooleanConstructor;
|
|
79
|
+
noteTo: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
80
|
+
noteUrl: StringConstructor;
|
|
81
|
+
noteReplace: BooleanConstructor;
|
|
69
82
|
badge: (NumberConstructor | StringConstructor)[];
|
|
70
83
|
leftSelect: {
|
|
71
84
|
type: import("vue").PropType<boolean | undefined>;
|
|
@@ -80,6 +93,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
80
93
|
default: string;
|
|
81
94
|
};
|
|
82
95
|
blueMark: BooleanConstructor;
|
|
96
|
+
titleBold: BooleanConstructor;
|
|
83
97
|
center: BooleanConstructor;
|
|
84
98
|
isLink: BooleanConstructor;
|
|
85
99
|
border: {
|
|
@@ -113,10 +127,14 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
113
127
|
}>>, {
|
|
114
128
|
required: boolean;
|
|
115
129
|
center: boolean;
|
|
130
|
+
noteBold: boolean;
|
|
131
|
+
noteClickable: boolean;
|
|
132
|
+
noteReplace: boolean;
|
|
116
133
|
leftSelect: boolean | undefined;
|
|
117
134
|
rightSelect: boolean | undefined;
|
|
118
135
|
selectType: import("..").CellSelectType;
|
|
119
136
|
blueMark: boolean;
|
|
137
|
+
titleBold: boolean;
|
|
120
138
|
isLink: boolean;
|
|
121
139
|
border: boolean;
|
|
122
140
|
errorBorder: boolean;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { type ExtractPropTypes } from 'vue';
|
|
2
|
+
declare const contentPanelProps: {
|
|
3
|
+
show: BooleanConstructor;
|
|
4
|
+
title: StringConstructor;
|
|
5
|
+
confirmText: {
|
|
6
|
+
type: import("vue").PropType<string>;
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
showFooter: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: true;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export declare type ContentPanelProps = ExtractPropTypes<typeof contentPanelProps>;
|
|
15
|
+
declare const _default: import("vue").DefineComponent<{
|
|
16
|
+
show: BooleanConstructor;
|
|
17
|
+
title: StringConstructor;
|
|
18
|
+
confirmText: {
|
|
19
|
+
type: import("vue").PropType<string>;
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
22
|
+
showFooter: {
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
default: true;
|
|
25
|
+
};
|
|
26
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:show" | "confirm")[], "close" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
27
|
+
show: BooleanConstructor;
|
|
28
|
+
title: StringConstructor;
|
|
29
|
+
confirmText: {
|
|
30
|
+
type: import("vue").PropType<string>;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
showFooter: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: true;
|
|
36
|
+
};
|
|
37
|
+
}>> & {
|
|
38
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
39
|
+
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
|
|
40
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
41
|
+
}, {
|
|
42
|
+
show: boolean;
|
|
43
|
+
confirmText: string;
|
|
44
|
+
showFooter: boolean;
|
|
45
|
+
}>;
|
|
46
|
+
export default _default;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name2 in all)
|
|
7
|
+
__defProp(target, name2, { get: all[name2], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var stdin_exports = {};
|
|
19
|
+
__export(stdin_exports, {
|
|
20
|
+
default: () => stdin_default
|
|
21
|
+
});
|
|
22
|
+
module.exports = __toCommonJS(stdin_exports);
|
|
23
|
+
var import_vue = require("vue");
|
|
24
|
+
var import_utils = require("../utils");
|
|
25
|
+
var import_action_sheet = require("../action-sheet");
|
|
26
|
+
var import_nav_bar = require("../nav-bar");
|
|
27
|
+
var import_icon = require("../icon");
|
|
28
|
+
var import_button = require("../button");
|
|
29
|
+
const [name, bem] = (0, import_utils.createNamespace)("content-panel");
|
|
30
|
+
const contentPanelProps = {
|
|
31
|
+
show: Boolean,
|
|
32
|
+
title: String,
|
|
33
|
+
confirmText: (0, import_utils.makeStringProp)("\u6211\u5DF2\u77E5\u6653"),
|
|
34
|
+
showFooter: import_utils.truthProp
|
|
35
|
+
};
|
|
36
|
+
var stdin_default = (0, import_vue.defineComponent)({
|
|
37
|
+
name,
|
|
38
|
+
props: contentPanelProps,
|
|
39
|
+
emits: ["update:show", "confirm", "close"],
|
|
40
|
+
setup(props, {
|
|
41
|
+
emit,
|
|
42
|
+
slots
|
|
43
|
+
}) {
|
|
44
|
+
const close = () => {
|
|
45
|
+
emit("update:show", false);
|
|
46
|
+
emit("close");
|
|
47
|
+
};
|
|
48
|
+
const confirm = () => {
|
|
49
|
+
emit("confirm");
|
|
50
|
+
close();
|
|
51
|
+
};
|
|
52
|
+
return () => (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {
|
|
53
|
+
"show": props.show,
|
|
54
|
+
"class": bem(),
|
|
55
|
+
"onUpdate:show": (show) => {
|
|
56
|
+
emit("update:show", show);
|
|
57
|
+
if (!show)
|
|
58
|
+
emit("close");
|
|
59
|
+
}
|
|
60
|
+
}, {
|
|
61
|
+
default: () => {
|
|
62
|
+
var _a, _b;
|
|
63
|
+
return [(0, import_vue.createVNode)("div", {
|
|
64
|
+
"class": bem("content")
|
|
65
|
+
}, [(0, import_vue.createVNode)("div", {
|
|
66
|
+
"class": bem("nav-wrapper")
|
|
67
|
+
}, [(0, import_vue.createVNode)(import_nav_bar.NavBar, {
|
|
68
|
+
"title": props.title,
|
|
69
|
+
"border": false,
|
|
70
|
+
"class": bem("nav")
|
|
71
|
+
}, {
|
|
72
|
+
left: () => (0, import_vue.createVNode)(import_icon.Icon, {
|
|
73
|
+
"name": "cross",
|
|
74
|
+
"size": "22",
|
|
75
|
+
"onClick": close
|
|
76
|
+
}, null)
|
|
77
|
+
})]), (0, import_vue.createVNode)("div", {
|
|
78
|
+
"class": bem("body")
|
|
79
|
+
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), props.showFooter && (0, import_vue.createVNode)("div", {
|
|
80
|
+
"class": bem("footer")
|
|
81
|
+
}, [((_b = slots.footer) == null ? void 0 : _b.call(slots)) || (0, import_vue.createVNode)(import_button.Button, {
|
|
82
|
+
"block": true,
|
|
83
|
+
"type": "primary",
|
|
84
|
+
"onClick": confirm
|
|
85
|
+
}, {
|
|
86
|
+
default: () => [props.confirmText]
|
|
87
|
+
})])])];
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--van-content-panel-background: var(--van-gray-1);--van-content-panel-radius: var(--van-border-radius-xl);--van-content-panel-footer-padding: var(--van-padding-xs) 12px}.van-content-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-content-panel-background);border-radius:var(--van-content-panel-radius) var(--van-content-panel-radius) 0 0}.van-content-panel .van-action-sheet__content{display:flex;flex:1;min-height:0;overflow:hidden}.van-content-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:var(--van-content-panel-background)}.van-content-panel__nav-wrapper{flex:none}.van-content-panel__nav{--van-nav-bar-background-color: var(--van-gray-1)}.van-content-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md);padding:0}.van-content-panel__body{flex:1;min-height:0;overflow-y:auto}.van-content-panel__footer{flex:none;padding:var(--van-content-panel-footer-padding);background:var(--van-white);box-shadow:0 3px 12px rgba(27,33,41,.12),0 .5px 3px rgba(27,33,41,.08)}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const ContentPanel: import("../utils").WithInstall<import("vue").DefineComponent<{
|
|
2
|
+
show: BooleanConstructor;
|
|
3
|
+
title: StringConstructor;
|
|
4
|
+
confirmText: {
|
|
5
|
+
type: import("vue").PropType<string>;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
showFooter: {
|
|
9
|
+
type: BooleanConstructor;
|
|
10
|
+
default: true;
|
|
11
|
+
};
|
|
12
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:show" | "confirm")[], "close" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
13
|
+
show: BooleanConstructor;
|
|
14
|
+
title: StringConstructor;
|
|
15
|
+
confirmText: {
|
|
16
|
+
type: import("vue").PropType<string>;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
showFooter: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: true;
|
|
22
|
+
};
|
|
23
|
+
}>> & {
|
|
24
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
}, {
|
|
28
|
+
show: boolean;
|
|
29
|
+
confirmText: string;
|
|
30
|
+
showFooter: boolean;
|
|
31
|
+
}>>;
|
|
32
|
+
export default ContentPanel;
|
|
33
|
+
export type { ContentPanelProps } from './ContentPanel';
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
var stdin_exports = {};
|
|
29
|
+
__export(stdin_exports, {
|
|
30
|
+
ContentPanel: () => ContentPanel,
|
|
31
|
+
default: () => stdin_default
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(stdin_exports);
|
|
34
|
+
var import_utils = require("../utils");
|
|
35
|
+
var import_ContentPanel = __toESM(require("./ContentPanel"));
|
|
36
|
+
const ContentPanel = (0, import_utils.withInstall)(import_ContentPanel.default);
|
|
37
|
+
var stdin_default = ContentPanel;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
@import './var.less';
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--van-content-panel-background: @content-panel-background;
|
|
5
|
+
--van-content-panel-radius: @content-panel-radius;
|
|
6
|
+
--van-content-panel-footer-padding: @content-panel-footer-padding;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.van-content-panel {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
display: flex;
|
|
12
|
+
height: calc(100% - 96px);
|
|
13
|
+
max-height: calc(100% - 96px);
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
background: var(--van-content-panel-background);
|
|
16
|
+
border-radius: var(--van-content-panel-radius) var(--van-content-panel-radius) 0 0;
|
|
17
|
+
|
|
18
|
+
.van-action-sheet__content {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex: 1;
|
|
21
|
+
min-height: 0;
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&__content {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex: 1;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
min-height: 0;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
background: var(--van-content-panel-background);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&__nav-wrapper { flex: none; }
|
|
35
|
+
|
|
36
|
+
&__nav {
|
|
37
|
+
--van-nav-bar-background-color: var(--van-gray-1);
|
|
38
|
+
|
|
39
|
+
.van-nav-bar__left--slot { left: var(--van-padding-md); padding: 0; }
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&__body {
|
|
43
|
+
flex: 1;
|
|
44
|
+
min-height: 0;
|
|
45
|
+
overflow-y: auto;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&__footer {
|
|
49
|
+
flex: none;
|
|
50
|
+
padding: var(--van-content-panel-footer-padding);
|
|
51
|
+
background: var(--van-white);
|
|
52
|
+
box-shadow: 0 3px 12px rgb(27 33 41 / 12%), 0 0.5px 3px rgb(27 33 41 / 8%);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
require("../../style/base.css");
|
|
2
|
+
require("../../badge/index.css");
|
|
3
|
+
require("../../icon/index.css");
|
|
4
|
+
require("../../loading/index.css");
|
|
5
|
+
require("../../button/index.css");
|
|
6
|
+
require("../../overlay/index.css");
|
|
7
|
+
require("../../popup/index.css");
|
|
8
|
+
require("../../popover/index.css");
|
|
9
|
+
require("../../nav-bar/index.css");
|
|
10
|
+
require("../../action-sheet/index.css");
|
|
11
|
+
require("../index.css");
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
require("../../style/base.less");
|
|
2
|
+
require("../../badge/index.less");
|
|
3
|
+
require("../../icon/index.less");
|
|
4
|
+
require("../../loading/index.less");
|
|
5
|
+
require("../../button/index.less");
|
|
6
|
+
require("../../overlay/index.less");
|
|
7
|
+
require("../../popup/index.less");
|
|
8
|
+
require("../../popover/index.less");
|
|
9
|
+
require("../../nav-bar/index.less");
|
|
10
|
+
require("../../action-sheet/index.less");
|
|
11
|
+
require("../index.less");
|
|
File without changes
|
package/lib/dialog/Dialog.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type PropType, type ExtractPropTypes } from 'vue';
|
|
2
|
+
import type { FieldTextAlign } from '../field/types';
|
|
2
3
|
import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
|
|
3
4
|
declare const dialogProps: {
|
|
4
5
|
show: BooleanConstructor;
|
|
@@ -43,6 +44,7 @@ declare const dialogProps: {
|
|
|
43
44
|
type: PropType<string>;
|
|
44
45
|
default: string;
|
|
45
46
|
};
|
|
47
|
+
inputAlign: PropType<FieldTextAlign>;
|
|
46
48
|
inputPlaceholder: {
|
|
47
49
|
type: PropType<string>;
|
|
48
50
|
default: string;
|
|
@@ -113,6 +115,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
113
115
|
type: PropType<string>;
|
|
114
116
|
default: string;
|
|
115
117
|
};
|
|
118
|
+
inputAlign: PropType<FieldTextAlign>;
|
|
116
119
|
inputPlaceholder: {
|
|
117
120
|
type: PropType<string>;
|
|
118
121
|
default: string;
|
|
@@ -181,6 +184,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
181
184
|
type: PropType<string>;
|
|
182
185
|
default: string;
|
|
183
186
|
};
|
|
187
|
+
inputAlign: PropType<FieldTextAlign>;
|
|
184
188
|
inputPlaceholder: {
|
|
185
189
|
type: PropType<string>;
|
|
186
190
|
default: string;
|
package/lib/dialog/Dialog.js
CHANGED
|
@@ -41,6 +41,7 @@ const dialogProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
|
|
|
41
41
|
messageAlign: String,
|
|
42
42
|
showInput: Boolean,
|
|
43
43
|
inputValue: (0, import_utils.makeStringProp)(""),
|
|
44
|
+
inputAlign: String,
|
|
44
45
|
inputPlaceholder: (0, import_utils.makeStringProp)("\u8BF7\u8F93\u5165"),
|
|
45
46
|
inputAutofocus: Boolean,
|
|
46
47
|
closeOnPopstate: import_utils.truthProp,
|
|
@@ -68,6 +69,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
68
69
|
slots
|
|
69
70
|
}) {
|
|
70
71
|
const root = (0, import_vue.ref)();
|
|
72
|
+
const inputRef = (0, import_vue.ref)();
|
|
71
73
|
const loading = (0, import_vue.reactive)({
|
|
72
74
|
confirm: false,
|
|
73
75
|
cancel: false,
|
|
@@ -155,10 +157,12 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
155
157
|
emit("input", value);
|
|
156
158
|
};
|
|
157
159
|
return (0, import_vue.createVNode)(import_field.Field, {
|
|
160
|
+
"ref": inputRef,
|
|
158
161
|
"size": "normal",
|
|
159
162
|
"border": false,
|
|
160
163
|
"class": bem("input"),
|
|
161
164
|
"modelValue": props.inputValue,
|
|
165
|
+
"inputAlign": props.inputAlign,
|
|
162
166
|
"placeholder": props.inputPlaceholder,
|
|
163
167
|
"autofocus": props.inputAutofocus,
|
|
164
168
|
"onUpdate:modelValue": onInput
|
|
@@ -246,6 +250,14 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
246
250
|
}
|
|
247
251
|
return props.theme === "round-button" ? renderRoundButtons() : renderButtons();
|
|
248
252
|
};
|
|
253
|
+
const onOpen = () => {
|
|
254
|
+
if (props.inputAutofocus) {
|
|
255
|
+
(0, import_vue.nextTick)(() => {
|
|
256
|
+
var _a;
|
|
257
|
+
return (_a = inputRef.value) == null ? void 0 : _a.focus();
|
|
258
|
+
});
|
|
259
|
+
}
|
|
260
|
+
};
|
|
249
261
|
return () => {
|
|
250
262
|
const {
|
|
251
263
|
width,
|
|
@@ -264,6 +276,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
264
276
|
"tabindex": 0,
|
|
265
277
|
"aria-labelledby": title || message,
|
|
266
278
|
"onKeydown": onKeydown,
|
|
279
|
+
"onOpen": onOpen,
|
|
267
280
|
"onUpdate:show": updateShow
|
|
268
281
|
}, (0, import_utils.pick)(props, popupInheritKeys)), {
|
|
269
282
|
default: () => [renderTitle(), renderContent(), renderFooter()]
|
|
@@ -104,6 +104,7 @@ declare namespace Dialog {
|
|
|
104
104
|
type: import("vue").PropType<string>;
|
|
105
105
|
default: string;
|
|
106
106
|
};
|
|
107
|
+
inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
|
107
108
|
inputPlaceholder: {
|
|
108
109
|
type: import("vue").PropType<string>;
|
|
109
110
|
default: string;
|
|
@@ -172,6 +173,7 @@ declare namespace Dialog {
|
|
|
172
173
|
type: import("vue").PropType<string>;
|
|
173
174
|
default: string;
|
|
174
175
|
};
|
|
176
|
+
inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
|
175
177
|
inputPlaceholder: {
|
|
176
178
|
type: import("vue").PropType<string>;
|
|
177
179
|
default: string;
|
package/lib/dialog/types.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Dialog } from './function-call';
|
|
2
2
|
import type { CSSProperties, TeleportProps } from 'vue';
|
|
3
3
|
import type { Interceptor, Numeric } from '../utils';
|
|
4
|
+
import type { FieldTextAlign } from '../field/types';
|
|
4
5
|
export declare type DialogTheme = 'default' | 'round-button';
|
|
5
6
|
export declare type DialogAction = 'confirm' | 'cancel' | 'third';
|
|
6
7
|
export declare type DialogMessage = string | (() => JSX.Element);
|
|
@@ -20,6 +21,7 @@ export declare type DialogOptions = {
|
|
|
20
21
|
messageAlign?: DialogMessageAlign;
|
|
21
22
|
showInput?: boolean;
|
|
22
23
|
inputValue?: string;
|
|
24
|
+
inputAlign?: FieldTextAlign;
|
|
23
25
|
inputPlaceholder?: string;
|
|
24
26
|
inputAutofocus?: boolean;
|
|
25
27
|
overlayClass?: string;
|
package/lib/dog1.jpg
ADDED
|
Binary file
|
package/lib/dog2.jpg
ADDED
|
Binary file
|
package/lib/dog3.jpg
ADDED
|
Binary file
|