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/es/field/Field.d.ts
CHANGED
|
@@ -225,6 +225,11 @@ declare const fieldProps: {
|
|
|
225
225
|
labelClass: PropType<unknown>;
|
|
226
226
|
labelAlign: PropType<FieldTextAlign>;
|
|
227
227
|
labelPosition: PropType<FieldLabelPosition>;
|
|
228
|
+
unit: (NumberConstructor | StringConstructor)[];
|
|
229
|
+
showUnit: {
|
|
230
|
+
type: PropType<boolean | undefined>;
|
|
231
|
+
default: undefined;
|
|
232
|
+
};
|
|
228
233
|
showWordLimit: BooleanConstructor;
|
|
229
234
|
errorMessageAlign: PropType<FieldTextAlign>;
|
|
230
235
|
colon: {
|
|
@@ -418,6 +423,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
418
423
|
labelClass: PropType<unknown>;
|
|
419
424
|
labelAlign: PropType<FieldTextAlign>;
|
|
420
425
|
labelPosition: PropType<FieldLabelPosition>;
|
|
426
|
+
unit: (NumberConstructor | StringConstructor)[];
|
|
427
|
+
showUnit: {
|
|
428
|
+
type: PropType<boolean | undefined>;
|
|
429
|
+
default: undefined;
|
|
430
|
+
};
|
|
421
431
|
showWordLimit: BooleanConstructor;
|
|
422
432
|
errorMessageAlign: PropType<FieldTextAlign>;
|
|
423
433
|
colon: {
|
|
@@ -428,7 +438,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
428
438
|
type: BooleanConstructor;
|
|
429
439
|
default: boolean;
|
|
430
440
|
};
|
|
431
|
-
}, () => 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<ExtractPropTypes<{
|
|
441
|
+
}, () => 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<ExtractPropTypes<{
|
|
432
442
|
icon: StringConstructor;
|
|
433
443
|
size: PropType<CellSize>;
|
|
434
444
|
background: StringConstructor;
|
|
@@ -609,6 +619,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
609
619
|
labelClass: PropType<unknown>;
|
|
610
620
|
labelAlign: PropType<FieldTextAlign>;
|
|
611
621
|
labelPosition: PropType<FieldLabelPosition>;
|
|
622
|
+
unit: (NumberConstructor | StringConstructor)[];
|
|
623
|
+
showUnit: {
|
|
624
|
+
type: PropType<boolean | undefined>;
|
|
625
|
+
default: undefined;
|
|
626
|
+
};
|
|
612
627
|
showWordLimit: BooleanConstructor;
|
|
613
628
|
errorMessageAlign: PropType<FieldTextAlign>;
|
|
614
629
|
colon: {
|
|
@@ -623,6 +638,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
623
638
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
624
639
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
625
640
|
onKeypress?: ((...args: any[]) => any) | undefined;
|
|
641
|
+
"onClick-title-icon"?: ((...args: any[]) => any) | undefined;
|
|
626
642
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
627
643
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
628
644
|
"onClick-input"?: ((...args: any[]) => any) | undefined;
|
|
@@ -677,6 +693,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
677
693
|
formatTrigger: FieldFormatTrigger;
|
|
678
694
|
error: boolean;
|
|
679
695
|
readonly: boolean;
|
|
696
|
+
showUnit: boolean | undefined;
|
|
680
697
|
showWordLimit: boolean;
|
|
681
698
|
colon: boolean;
|
|
682
699
|
}>;
|
package/es/field/Field.mjs
CHANGED
|
@@ -49,6 +49,11 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
|
|
|
49
49
|
labelClass: unknownProp,
|
|
50
50
|
labelAlign: String,
|
|
51
51
|
labelPosition: String,
|
|
52
|
+
unit: numericProp,
|
|
53
|
+
showUnit: {
|
|
54
|
+
type: Boolean,
|
|
55
|
+
default: void 0
|
|
56
|
+
},
|
|
52
57
|
showWordLimit: Boolean,
|
|
53
58
|
errorMessageAlign: String,
|
|
54
59
|
colon: {
|
|
@@ -63,7 +68,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
|
|
|
63
68
|
var stdin_default = defineComponent({
|
|
64
69
|
name,
|
|
65
70
|
props: fieldProps,
|
|
66
|
-
emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
|
|
71
|
+
emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "click-title-icon", "update:modelValue"],
|
|
67
72
|
setup(props, {
|
|
68
73
|
emit,
|
|
69
74
|
slots
|
|
@@ -396,6 +401,16 @@ var stdin_default = defineComponent({
|
|
|
396
401
|
}, null)]);
|
|
397
402
|
}
|
|
398
403
|
};
|
|
404
|
+
const renderUnit = () => {
|
|
405
|
+
var _a;
|
|
406
|
+
const showUnit = (_a = props.showUnit) != null ? _a : isDef(props.unit);
|
|
407
|
+
if (!showUnit || !isDef(props.unit)) {
|
|
408
|
+
return;
|
|
409
|
+
}
|
|
410
|
+
return _createVNode("span", {
|
|
411
|
+
"class": bem("unit")
|
|
412
|
+
}, [props.unit]);
|
|
413
|
+
};
|
|
399
414
|
const renderWordLimit = () => {
|
|
400
415
|
if (props.showWordLimit && props.maxlength) {
|
|
401
416
|
const count = getStringLength(getModelValue());
|
|
@@ -435,7 +450,7 @@ var stdin_default = defineComponent({
|
|
|
435
450
|
};
|
|
436
451
|
const renderFieldBody = () => [_createVNode("div", {
|
|
437
452
|
"class": bem("body")
|
|
438
|
-
}, [renderInput(), showClear.value && _createVNode(Icon, {
|
|
453
|
+
}, [renderInput(), renderUnit(), showClear.value && _createVNode(Icon, {
|
|
439
454
|
"ref": clearIconRef,
|
|
440
455
|
"name": props.clearIcon,
|
|
441
456
|
"class": bem("clear")
|
|
@@ -490,6 +505,10 @@ var stdin_default = defineComponent({
|
|
|
490
505
|
"errorBorder": props.errorBorder,
|
|
491
506
|
"isLink": props.isLink,
|
|
492
507
|
"clickable": props.clickable,
|
|
508
|
+
"titleIcon": props.titleIcon,
|
|
509
|
+
"titleIconClickable": props.titleIconClickable,
|
|
510
|
+
"showTitleIcon": props.showTitleIcon,
|
|
511
|
+
"onClick-title-icon": (event) => emit("click-title-icon", event),
|
|
493
512
|
"titleStyle": labelStyle.value,
|
|
494
513
|
"valueClass": bem("value"),
|
|
495
514
|
"titleClass": [bem("label", [labelAlign, {
|
package/es/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/es/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/es/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);
|
package/es/index.d.ts
CHANGED
package/es/index.mjs
CHANGED
|
@@ -109,7 +109,7 @@ import { Uploader } from "./uploader/index.mjs";
|
|
|
109
109
|
import { VideoPreview } from "./video-preview/index.mjs";
|
|
110
110
|
import { WorkOrderCard } from "./work-order-card/index.mjs";
|
|
111
111
|
import { WorkOrderFilter } from "./work-order-filter/index.mjs";
|
|
112
|
-
const version = "0.0.
|
|
112
|
+
const version = "0.0.41";
|
|
113
113
|
function install(app) {
|
|
114
114
|
const components = [
|
|
115
115
|
ActionBar,
|
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
|
@@ -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))
|
|
@@ -138,7 +140,7 @@ var stdin_default = defineComponent({
|
|
|
138
140
|
"onClick": openInputDialog
|
|
139
141
|
}, null)]), _createVNode("span", {
|
|
140
142
|
"class": bem("unit")
|
|
141
|
-
}, [props.item.unit])]), _createVNode("p", {
|
|
143
|
+
}, [props.item.unit])]), props.showDetail && _createVNode("p", {
|
|
142
144
|
"class": bem("desc"),
|
|
143
145
|
"onTouchstart": onDetailLongPressStart,
|
|
144
146
|
"onTouchmove": clearDetailLongPress,
|
|
@@ -159,7 +161,9 @@ var stdin_default = defineComponent({
|
|
|
159
161
|
"style": {
|
|
160
162
|
fontWeight: props.picking.outboundBold ? 600 : 400
|
|
161
163
|
}
|
|
162
|
-
}, [props.picking.outboundValue])]),
|
|
164
|
+
}, [props.picking.outboundValue])]), slots.default && _createVNode("div", {
|
|
165
|
+
"class": bem("bottom")
|
|
166
|
+
}, [slots.default()]), _createVNode(Dialog.Component, {
|
|
163
167
|
"show": showInputDialog.value,
|
|
164
168
|
"inputValue": inputValue.value,
|
|
165
169
|
"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{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin: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)}
|
|
@@ -16,6 +16,14 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
|
|
|
16
16
|
default: string;
|
|
17
17
|
};
|
|
18
18
|
selected: BooleanConstructor;
|
|
19
|
+
showDetail: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: true;
|
|
22
|
+
};
|
|
23
|
+
stepperTheme: {
|
|
24
|
+
type: import("vue").PropType<import("..").StepperTheme>;
|
|
25
|
+
default: import("..").StepperTheme;
|
|
26
|
+
};
|
|
19
27
|
enableInputDialog: {
|
|
20
28
|
type: BooleanConstructor;
|
|
21
29
|
default: true;
|
|
@@ -47,6 +55,14 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
|
|
|
47
55
|
default: string;
|
|
48
56
|
};
|
|
49
57
|
selected: BooleanConstructor;
|
|
58
|
+
showDetail: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: true;
|
|
61
|
+
};
|
|
62
|
+
stepperTheme: {
|
|
63
|
+
type: import("vue").PropType<import("..").StepperTheme>;
|
|
64
|
+
default: import("..").StepperTheme;
|
|
65
|
+
};
|
|
50
66
|
enableInputDialog: {
|
|
51
67
|
type: BooleanConstructor;
|
|
52
68
|
default: true;
|
|
@@ -67,7 +83,9 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
|
|
|
67
83
|
max: string | number;
|
|
68
84
|
selected: boolean;
|
|
69
85
|
warning: string;
|
|
86
|
+
showDetail: boolean;
|
|
70
87
|
keyword: string;
|
|
88
|
+
stepperTheme: import("..").StepperTheme;
|
|
71
89
|
enableInputDialog: boolean;
|
|
72
90
|
showWarning: boolean;
|
|
73
91
|
picking: import("./MaterialActionBar").MaterialActionBarPicking;
|
|
@@ -90,6 +108,14 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
|
|
|
90
108
|
default: string;
|
|
91
109
|
};
|
|
92
110
|
selected: BooleanConstructor;
|
|
111
|
+
showDetail: {
|
|
112
|
+
type: BooleanConstructor;
|
|
113
|
+
default: true;
|
|
114
|
+
};
|
|
115
|
+
stepperTheme: {
|
|
116
|
+
type: import("vue").PropType<import("..").StepperTheme>;
|
|
117
|
+
default: import("..").StepperTheme;
|
|
118
|
+
};
|
|
93
119
|
enableInputDialog: {
|
|
94
120
|
type: BooleanConstructor;
|
|
95
121
|
default: true;
|
|
@@ -121,6 +147,14 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
|
|
|
121
147
|
default: string;
|
|
122
148
|
};
|
|
123
149
|
selected: BooleanConstructor;
|
|
150
|
+
showDetail: {
|
|
151
|
+
type: BooleanConstructor;
|
|
152
|
+
default: true;
|
|
153
|
+
};
|
|
154
|
+
stepperTheme: {
|
|
155
|
+
type: import("vue").PropType<import("..").StepperTheme>;
|
|
156
|
+
default: import("..").StepperTheme;
|
|
157
|
+
};
|
|
124
158
|
enableInputDialog: {
|
|
125
159
|
type: BooleanConstructor;
|
|
126
160
|
default: true;
|
|
@@ -141,7 +175,9 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
|
|
|
141
175
|
max: string | number;
|
|
142
176
|
selected: boolean;
|
|
143
177
|
warning: string;
|
|
178
|
+
showDetail: boolean;
|
|
144
179
|
keyword: string;
|
|
180
|
+
stepperTheme: import("..").StepperTheme;
|
|
145
181
|
enableInputDialog: boolean;
|
|
146
182
|
showWarning: boolean;
|
|
147
183
|
picking: import("./MaterialActionBar").MaterialActionBarPicking;
|