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.
Files changed (212) hide show
  1. package/README.md +11 -12
  2. package/bin/persagy-vant.mjs +63 -0
  3. package/es/cell/Cell.d.ts +34 -1
  4. package/es/cell/Cell.mjs +48 -12
  5. package/es/cell/index.css +1 -1
  6. package/es/cell/index.d.ts +20 -1
  7. package/es/cell/index.less +19 -0
  8. package/es/cell/var.less +1 -1
  9. package/es/collapse-item/CollapseItem.d.ts +25 -0
  10. package/es/collapse-item/index.d.ts +18 -0
  11. package/es/content-panel/ContentPanel.d.ts +46 -0
  12. package/es/content-panel/ContentPanel.mjs +72 -0
  13. package/es/content-panel/index.css +1 -0
  14. package/es/content-panel/index.d.ts +33 -0
  15. package/es/content-panel/index.less +54 -0
  16. package/es/content-panel/index.mjs +8 -0
  17. package/es/content-panel/style/index.mjs +11 -0
  18. package/es/content-panel/style/less.mjs +11 -0
  19. package/es/content-panel/var.css +0 -0
  20. package/es/content-panel/var.less +3 -0
  21. package/es/dialog/Dialog.d.ts +4 -0
  22. package/es/dialog/Dialog.mjs +14 -1
  23. package/es/dialog/function-call.d.ts +2 -0
  24. package/es/dialog/types.d.ts +2 -0
  25. package/es/field/Field.d.ts +25 -0
  26. package/es/field/Field.mjs +1 -1
  27. package/es/field/index.d.ts +18 -0
  28. package/es/index.d.ts +6 -1
  29. package/es/index.mjs +16 -1
  30. package/es/info-card/InfoCard.d.ts +1 -0
  31. package/es/info-card/InfoCard.mjs +1 -0
  32. package/es/label/Label.d.ts +67 -0
  33. package/es/label/Label.mjs +22 -7
  34. package/es/label/index.css +1 -1
  35. package/es/label/index.d.ts +45 -0
  36. package/es/label/index.less +19 -0
  37. package/es/label/var.less +4 -1
  38. package/es/loading/Loading.mjs +18 -21
  39. package/es/material-action-bar/MaterialActionBar.d.ts +66 -0
  40. package/es/material-action-bar/MaterialActionBar.mjs +132 -0
  41. package/es/material-action-bar/index.css +1 -0
  42. package/es/material-action-bar/index.d.ts +58 -0
  43. package/es/material-action-bar/index.less +33 -0
  44. package/es/material-action-bar/index.mjs +8 -0
  45. package/es/material-action-bar/style/index.mjs +19 -0
  46. package/es/material-action-bar/style/less.mjs +19 -0
  47. package/es/material-add/MaterialAdd.mjs +12 -7
  48. package/es/material-add/index.css +1 -1
  49. package/es/material-add/index.less +7 -5
  50. package/es/material-add/style/index.mjs +7 -0
  51. package/es/material-add/style/less.mjs +7 -0
  52. package/es/material-detail/MaterialDetail.d.ts +64 -0
  53. package/es/material-detail/MaterialDetail.mjs +192 -0
  54. package/es/material-detail/index.css +1 -0
  55. package/es/material-detail/index.d.ts +40 -0
  56. package/es/material-detail/index.less +20 -0
  57. package/es/material-detail/index.mjs +8 -0
  58. package/es/material-detail/style/index.mjs +11 -0
  59. package/es/material-detail/style/less.mjs +11 -0
  60. package/es/material-display-bar/MaterialDisplayBar.d.ts +159 -0
  61. package/es/material-display-bar/MaterialDisplayBar.mjs +109 -0
  62. package/es/material-display-bar/index.css +1 -0
  63. package/es/material-display-bar/index.d.ts +103 -0
  64. package/es/material-display-bar/index.less +113 -0
  65. package/es/material-display-bar/index.mjs +8 -0
  66. package/es/material-display-bar/style/index.mjs +11 -0
  67. package/es/material-display-bar/style/less.mjs +11 -0
  68. package/es/material-display-bar/var.css +0 -0
  69. package/es/material-display-bar/var.less +12 -0
  70. package/es/rate/RateCell.mjs +4 -1
  71. package/es/rate/index.css +1 -1
  72. package/es/rate/index.less +16 -3
  73. package/es/search/Search.d.ts +14 -1
  74. package/es/search/Search.mjs +5 -3
  75. package/es/search/index.css +1 -1
  76. package/es/search/index.d.ts +9 -0
  77. package/es/search/index.less +10 -0
  78. package/es/search/types.d.ts +1 -0
  79. package/es/step/index.css +1 -1
  80. package/es/step/var.less +2 -2
  81. package/es/style/base.css +1 -1
  82. package/es/style/css-variables.css +1 -1
  83. package/es/style/var.less +1 -1
  84. package/es/title-bar/TitleBar.d.ts +85 -0
  85. package/es/title-bar/TitleBar.mjs +62 -0
  86. package/es/title-bar/index.css +1 -0
  87. package/es/title-bar/index.d.ts +60 -0
  88. package/es/title-bar/index.less +25 -0
  89. package/es/title-bar/index.mjs +8 -0
  90. package/es/title-bar/style/index.mjs +4 -0
  91. package/es/title-bar/style/less.mjs +4 -0
  92. package/es/title-bar/var.css +0 -0
  93. package/es/title-bar/var.less +6 -0
  94. package/es/tree-select/TreeSelect.d.ts +13 -0
  95. package/es/tree-select/TreeSelect.mjs +4 -2
  96. package/es/tree-select/index.css +1 -1
  97. package/es/tree-select/index.d.ts +9 -0
  98. package/es/tree-select/index.less +6 -0
  99. package/lib/cell/Cell.d.ts +34 -1
  100. package/lib/cell/Cell.js +46 -10
  101. package/lib/cell/index.css +1 -1
  102. package/lib/cell/index.d.ts +20 -1
  103. package/lib/cell/index.less +19 -0
  104. package/lib/cell/var.less +1 -1
  105. package/lib/collapse-item/CollapseItem.d.ts +25 -0
  106. package/lib/collapse-item/index.d.ts +18 -0
  107. package/lib/content-panel/ContentPanel.d.ts +46 -0
  108. package/lib/content-panel/ContentPanel.js +91 -0
  109. package/lib/content-panel/index.css +1 -0
  110. package/lib/content-panel/index.d.ts +33 -0
  111. package/lib/content-panel/index.js +37 -0
  112. package/lib/content-panel/index.less +54 -0
  113. package/lib/content-panel/style/index.js +11 -0
  114. package/lib/content-panel/style/less.js +11 -0
  115. package/lib/content-panel/var.css +0 -0
  116. package/lib/content-panel/var.less +3 -0
  117. package/lib/dialog/Dialog.d.ts +4 -0
  118. package/lib/dialog/Dialog.js +13 -0
  119. package/lib/dialog/function-call.d.ts +2 -0
  120. package/lib/dialog/types.d.ts +2 -0
  121. package/lib/dog1.jpg +0 -0
  122. package/lib/dog2.jpg +0 -0
  123. package/lib/dog3.jpg +0 -0
  124. package/lib/field/Field.d.ts +25 -0
  125. package/lib/field/Field.js +1 -1
  126. package/lib/field/index.d.ts +18 -0
  127. package/lib/index.css +1 -1
  128. package/lib/index.d.ts +6 -1
  129. package/lib/index.js +16 -1
  130. package/lib/index.less +6 -1
  131. package/lib/info-card/InfoCard.d.ts +1 -0
  132. package/lib/info-card/InfoCard.js +1 -0
  133. package/lib/label/Label.d.ts +67 -0
  134. package/lib/label/Label.js +21 -6
  135. package/lib/label/index.css +1 -1
  136. package/lib/label/index.d.ts +45 -0
  137. package/lib/label/index.less +19 -0
  138. package/lib/label/var.less +4 -1
  139. package/lib/loading/Loading.js +18 -21
  140. package/lib/material-action-bar/MaterialActionBar.d.ts +66 -0
  141. package/lib/material-action-bar/MaterialActionBar.js +151 -0
  142. package/lib/material-action-bar/index.css +1 -0
  143. package/lib/material-action-bar/index.d.ts +58 -0
  144. package/lib/material-action-bar/index.js +37 -0
  145. package/lib/material-action-bar/index.less +33 -0
  146. package/lib/material-action-bar/style/index.js +19 -0
  147. package/lib/material-action-bar/style/less.js +19 -0
  148. package/lib/material-add/MaterialAdd.js +12 -7
  149. package/lib/material-add/index.css +1 -1
  150. package/lib/material-add/index.less +7 -5
  151. package/lib/material-add/style/index.js +7 -0
  152. package/lib/material-add/style/less.js +7 -0
  153. package/lib/material-detail/MaterialDetail.d.ts +64 -0
  154. package/lib/material-detail/MaterialDetail.js +211 -0
  155. package/lib/material-detail/index.css +1 -0
  156. package/lib/material-detail/index.d.ts +40 -0
  157. package/lib/material-detail/index.js +37 -0
  158. package/lib/material-detail/index.less +20 -0
  159. package/lib/material-detail/style/index.js +11 -0
  160. package/lib/material-detail/style/less.js +11 -0
  161. package/lib/material-display-bar/MaterialDisplayBar.d.ts +159 -0
  162. package/lib/material-display-bar/MaterialDisplayBar.js +128 -0
  163. package/lib/material-display-bar/index.css +1 -0
  164. package/lib/material-display-bar/index.d.ts +103 -0
  165. package/lib/material-display-bar/index.js +37 -0
  166. package/lib/material-display-bar/index.less +113 -0
  167. package/lib/material-display-bar/style/index.js +11 -0
  168. package/lib/material-display-bar/style/less.js +11 -0
  169. package/lib/material-display-bar/var.css +0 -0
  170. package/lib/material-display-bar/var.less +12 -0
  171. package/lib/rate/RateCell.js +4 -1
  172. package/lib/rate/index.css +1 -1
  173. package/lib/rate/index.less +16 -3
  174. package/lib/search/Search.d.ts +14 -1
  175. package/lib/search/Search.js +5 -3
  176. package/lib/search/index.css +1 -1
  177. package/lib/search/index.d.ts +9 -0
  178. package/lib/search/index.less +10 -0
  179. package/lib/search/types.d.ts +1 -0
  180. package/lib/step/index.css +1 -1
  181. package/lib/step/var.less +2 -2
  182. package/lib/style/base.css +1 -1
  183. package/lib/style/css-variables.css +1 -1
  184. package/lib/style/var.less +1 -1
  185. package/lib/title-bar/TitleBar.d.ts +85 -0
  186. package/lib/title-bar/TitleBar.js +81 -0
  187. package/lib/title-bar/index.css +1 -0
  188. package/lib/title-bar/index.d.ts +60 -0
  189. package/lib/title-bar/index.js +37 -0
  190. package/lib/title-bar/index.less +25 -0
  191. package/lib/title-bar/style/index.js +4 -0
  192. package/lib/title-bar/style/less.js +4 -0
  193. package/lib/title-bar/var.css +0 -0
  194. package/lib/title-bar/var.less +6 -0
  195. package/lib/tree-select/TreeSelect.d.ts +13 -0
  196. package/lib/tree-select/TreeSelect.js +3 -1
  197. package/lib/tree-select/index.css +1 -1
  198. package/lib/tree-select/index.d.ts +9 -0
  199. package/lib/tree-select/index.less +6 -0
  200. package/lib/vant.cjs.js +1641 -1218
  201. package/lib/vant.es.js +1641 -1218
  202. package/lib/vant.js +1641 -1218
  203. package/lib/vant.min.js +1 -1
  204. package/lib/web-types.json +1 -1
  205. package/package.json +6 -2
  206. package/skills/use-persagy-vant/references/business-component-catalog.md +8 -3
  207. package/skills/use-persagy-vant/references/component-catalog.md +7 -4
  208. package/skills/use-persagy-vant/references/component-documentation.md +1 -1
  209. package/skills/use-persagy-vant/references/design-interaction-baseline.md +3 -3
  210. package/skills/use-persagy-vant/references/page-recipes.md +18 -5
  211. package/skills/use-persagy-vant/references/reuse-policy.md +1 -1
  212. 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
@@ -0,0 +1,3 @@
1
+ @content-panel-background: var(--van-gray-1);
2
+ @content-panel-radius: var(--van-border-radius-xl);
3
+ @content-panel-footer-padding: var(--van-padding-xs) 12px;
@@ -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;
@@ -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;
@@ -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