persagy-vant 0.0.39 → 0.0.41
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/cell/Cell.mjs +21 -11
- package/es/cell/index.css +1 -1
- package/es/cell/index.less +26 -2
- package/es/checkbox-panel/CheckboxPanel.d.ts +46 -1
- package/es/checkbox-panel/CheckboxPanel.mjs +121 -35
- package/es/checkbox-panel/index.css +1 -1
- package/es/checkbox-panel/index.d.ts +35 -1
- package/es/checkbox-panel/index.less +8 -2
- package/es/checkbox-panel/style/index.mjs +5 -0
- package/es/checkbox-panel/style/less.mjs +5 -0
- package/es/field/Field.d.ts +18 -1
- package/es/field/Field.mjs +21 -2
- package/es/field/index.css +1 -1
- package/es/field/index.d.ts +13 -1
- package/es/field/index.less +15 -0
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -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/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 +9 -5
- 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 +4 -2
- 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.d.ts +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.d.ts +3 -3
- package/es/material-display-bar/index.less +2 -1
- package/es/material-display-bar/var.less +3 -2
- package/es/stepper/Stepper.d.ts +1 -1
- package/es/stepper/index.css +1 -1
- package/es/stepper/index.less +19 -0
- package/es/title-bar/TitleBar.d.ts +30 -0
- package/es/title-bar/TitleBar.mjs +7 -1
- package/es/title-bar/index.css +1 -1
- package/es/title-bar/index.d.ts +21 -0
- package/es/title-bar/index.less +4 -2
- package/es/uploader/Uploader.d.ts +4 -0
- package/es/uploader/Uploader.mjs +3 -2
- package/es/uploader/index.d.ts +3 -0
- package/lib/cell/Cell.js +21 -11
- package/lib/cell/index.css +1 -1
- package/lib/cell/index.less +26 -2
- package/lib/checkbox-panel/CheckboxPanel.d.ts +46 -1
- package/lib/checkbox-panel/CheckboxPanel.js +120 -34
- package/lib/checkbox-panel/index.css +1 -1
- package/lib/checkbox-panel/index.d.ts +35 -1
- package/lib/checkbox-panel/index.less +8 -2
- package/lib/checkbox-panel/style/index.js +5 -0
- package/lib/checkbox-panel/style/less.js +5 -0
- package/lib/field/Field.d.ts +18 -1
- package/lib/field/Field.js +21 -2
- package/lib/field/index.css +1 -1
- package/lib/field/index.d.ts +13 -1
- package/lib/field/index.less +15 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/index.less +5 -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/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 +8 -4
- 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 +4 -2
- 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.d.ts +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.d.ts +3 -3
- package/lib/material-display-bar/index.less +2 -1
- package/lib/material-display-bar/var.less +3 -2
- package/lib/stepper/Stepper.d.ts +1 -1
- package/lib/stepper/index.css +1 -1
- package/lib/stepper/index.less +19 -0
- package/lib/title-bar/TitleBar.d.ts +30 -0
- package/lib/title-bar/TitleBar.js +7 -1
- package/lib/title-bar/index.css +1 -1
- package/lib/title-bar/index.d.ts +21 -0
- package/lib/title-bar/index.less +4 -2
- package/lib/uploader/Uploader.d.ts +4 -0
- package/lib/uploader/Uploader.js +2 -1
- package/lib/uploader/index.d.ts +3 -0
- package/lib/vant.cjs.js +924 -796
- package/lib/vant.es.js +925 -797
- package/lib/vant.js +924 -796
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +1 -1
- package/skills/use-persagy-vant/SKILL.md +7 -6
- package/skills/use-persagy-vant/references/component-catalog.md +4 -4
- package/skills/use-persagy-vant/references/component-variant-selection.md +39 -0
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +1 -0
- package/skills/use-persagy-vant/references/element-component-matching.md +89 -0
- package/skills/use-persagy-vant/references/page-recipes.md +1 -0
- package/skills/use-persagy-vant/references/public-style-system.md +6 -0
package/lib/field/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-gray-8);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-font-size: var(--van-font-size-lg);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required{position:relative}.van-field__label--required:before{color:var(--van-field-required-mark-color);content:"*";position:absolute;left:-8px;font-size:14px}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field--label-top{flex-direction:column;align-items:stretch}.van-field--label-top .van-cell__title,.van-field--label-top .van-cell__value{flex:none;width:100%}.van-field--label-top .van-field__label{width:auto;margin-right:0;margin-bottom:var(--van-padding-xs)}.van-field.van-cell--normal{--van-field-input-font-size: var(--van-font-size-md)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.van-field__control::-moz-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:-moz-read-only{cursor:default}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-moz-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
|
|
1
|
+
:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-gray-8);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-font-size: var(--van-font-size-lg);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required{position:relative}.van-field__label--required:before{color:var(--van-field-required-mark-color);content:"*";position:absolute;left:-8px;font-size:14px}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field--label-top{flex-direction:column;align-items:stretch}.van-field--label-top .van-cell__title,.van-field--label-top .van-cell__value{flex:none;width:100%}.van-field--label-top .van-cell__value{margin-left:0}.van-field--label-top .van-field__label{width:auto;margin-right:0;margin-bottom:var(--van-padding-xs)}.van-field.van-cell--normal{--van-field-input-font-size: var(--van-font-size-md)}.van-field__value{flex:1;min-width:0;overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.van-field__control::-moz-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:-moz-read-only{cursor:default}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-moz-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__unit,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__unit{margin-left:var(--van-padding-base);color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;white-space:nowrap}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
|
package/lib/field/index.d.ts
CHANGED
|
@@ -180,6 +180,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
180
180
|
labelClass: import("vue").PropType<unknown>;
|
|
181
181
|
labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
182
182
|
labelPosition: import("vue").PropType<import("./types").FieldLabelPosition>;
|
|
183
|
+
unit: (NumberConstructor | StringConstructor)[];
|
|
184
|
+
showUnit: {
|
|
185
|
+
type: import("vue").PropType<boolean | undefined>;
|
|
186
|
+
default: undefined;
|
|
187
|
+
};
|
|
183
188
|
showWordLimit: BooleanConstructor;
|
|
184
189
|
errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
185
190
|
colon: {
|
|
@@ -190,7 +195,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
190
195
|
type: BooleanConstructor;
|
|
191
196
|
default: boolean;
|
|
192
197
|
};
|
|
193
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon")[], "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
198
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon")[], "click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
194
199
|
icon: StringConstructor;
|
|
195
200
|
size: import("vue").PropType<import("..").CellSize>;
|
|
196
201
|
background: StringConstructor;
|
|
@@ -371,6 +376,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
371
376
|
labelClass: import("vue").PropType<unknown>;
|
|
372
377
|
labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
373
378
|
labelPosition: import("vue").PropType<import("./types").FieldLabelPosition>;
|
|
379
|
+
unit: (NumberConstructor | StringConstructor)[];
|
|
380
|
+
showUnit: {
|
|
381
|
+
type: import("vue").PropType<boolean | undefined>;
|
|
382
|
+
default: undefined;
|
|
383
|
+
};
|
|
374
384
|
showWordLimit: BooleanConstructor;
|
|
375
385
|
errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
|
|
376
386
|
colon: {
|
|
@@ -385,6 +395,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
385
395
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
386
396
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
387
397
|
onKeypress?: ((...args: any[]) => any) | undefined;
|
|
398
|
+
"onClick-title-icon"?: ((...args: any[]) => any) | undefined;
|
|
388
399
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
389
400
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
390
401
|
"onClick-input"?: ((...args: any[]) => any) | undefined;
|
|
@@ -439,6 +450,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
439
450
|
formatTrigger: import("./types").FieldFormatTrigger;
|
|
440
451
|
error: boolean;
|
|
441
452
|
readonly: boolean;
|
|
453
|
+
showUnit: boolean | undefined;
|
|
442
454
|
showWordLimit: boolean;
|
|
443
455
|
colon: boolean;
|
|
444
456
|
}>>;
|
package/lib/field/index.less
CHANGED
|
@@ -71,6 +71,10 @@
|
|
|
71
71
|
width: 100%;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
+
.van-cell__value {
|
|
75
|
+
margin-left: 0;
|
|
76
|
+
}
|
|
77
|
+
|
|
74
78
|
.van-field__label {
|
|
75
79
|
width: auto;
|
|
76
80
|
margin-right: 0;
|
|
@@ -83,6 +87,8 @@
|
|
|
83
87
|
}
|
|
84
88
|
|
|
85
89
|
&__value {
|
|
90
|
+
flex: 1;
|
|
91
|
+
min-width: 0;
|
|
86
92
|
overflow: visible;
|
|
87
93
|
}
|
|
88
94
|
|
|
@@ -166,6 +172,7 @@
|
|
|
166
172
|
&__clear,
|
|
167
173
|
&__icon,
|
|
168
174
|
&__button,
|
|
175
|
+
&__unit,
|
|
169
176
|
&__right-icon {
|
|
170
177
|
flex-shrink: 0;
|
|
171
178
|
}
|
|
@@ -202,6 +209,14 @@
|
|
|
202
209
|
padding-left: var(--van-padding-xs);
|
|
203
210
|
}
|
|
204
211
|
|
|
212
|
+
&__unit {
|
|
213
|
+
margin-left: var(--van-padding-base);
|
|
214
|
+
color: var(--van-field-input-text-color);
|
|
215
|
+
font-size: var(--van-field-input-font-size);
|
|
216
|
+
line-height: inherit;
|
|
217
|
+
white-space: nowrap;
|
|
218
|
+
}
|
|
219
|
+
|
|
205
220
|
&__error-message {
|
|
206
221
|
color: var(--van-field-error-message-color);
|
|
207
222
|
font-size: var(--van-field-error-message-font-size);
|