persagy-vant 0.0.38 → 0.0.40

package/es/coupon-cell/style/less.mjs

@@ -1,6 +1,7 @@
 import "../../style/base.less";
 import "../../badge/index.less";
 import "../../icon/index.less";
+import "../../tag/index.less";
 import "../../checkbox-group/index.less";
 import "../../checkbox/index.less";
 import "../../radio-group/index.less";

package/es/coupon-list/style/index.mjs

@@ -1,10 +1,13 @@
 import "../../style/base.css";
 import "../../badge/index.css";
 import "../../icon/index.css";
+import "../../tag/index.css";
 import "../../loading/index.css";
 import "../../button/index.css";
 import "../../overlay/index.css";
 import "../../popup/index.css";
+import "../../popover/index.css";
+import "../../nav-bar/index.css";
 import "../../action-sheet/index.css";
 import "../../checkbox-group/index.css";
 import "../../checkbox/index.css";

package/es/coupon-list/style/less.mjs

@@ -1,10 +1,13 @@
 import "../../style/base.less";
 import "../../badge/index.less";
 import "../../icon/index.less";
+import "../../tag/index.less";
 import "../../loading/index.less";
 import "../../button/index.less";
 import "../../overlay/index.less";
 import "../../popup/index.less";
+import "../../popover/index.less";
+import "../../nav-bar/index.less";
 import "../../action-sheet/index.less";
 import "../../checkbox-group/index.less";
 import "../../checkbox/index.less";

package/es/dialog/Dialog.d.ts

@@ -219,8 +219,8 @@ declare const _default: import("vue").DefineComponent<{
     onThird?: ((...args: any[]) => any) | undefined;
     "onUpdate:inputValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    overlay: boolean;
     show: boolean;
+    overlay: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

package/es/dialog/function-call.d.ts

@@ -208,8 +208,8 @@ declare namespace Dialog {
         onThird?: ((...args: any[]) => any) | undefined;
         "onUpdate:inputValue"?: ((...args: any[]) => any) | undefined;
     }, {
-        overlay: boolean;
         show: boolean;
+        overlay: boolean;
         lockScroll: boolean;
         lazyRender: boolean;
         transitionAppear: boolean;

package/es/dialog/style/index.mjs

@@ -2,6 +2,7 @@ import "../../style/base.css";
 import "../../action-bar/index.css";
 import "../../badge/index.css";
 import "../../icon/index.css";
+import "../../tag/index.css";
 import "../../loading/index.css";
 import "../../button/index.css";
 import "../../action-bar-button/index.css";

package/es/dialog/style/less.mjs

@@ -2,6 +2,7 @@ import "../../style/base.less";
 import "../../action-bar/index.less";
 import "../../badge/index.less";
 import "../../icon/index.less";
+import "../../tag/index.less";
 import "../../loading/index.less";
 import "../../button/index.less";
 import "../../action-bar-button/index.less";

package/es/dropdown-item/DropdownItem.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "opened" | "closed")[], "open" | "change" | "update:modelValue" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "close" | "open" | "opened" | "closed")[], "open" | "change" | "update:modelValue" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {

package/es/dropdown-item/index.d.ts

@@ -13,7 +13,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     };
     modelValue: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "opened" | "closed")[], "open" | "change" | "update:modelValue" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "close" | "open" | "opened" | "closed")[], "open" | "change" | "update:modelValue" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
@@ -30,8 +30,8 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {

package/es/dropdown-item/style/index.mjs

@@ -1,6 +1,7 @@
 import "../../style/base.css";
 import "../../badge/index.css";
 import "../../icon/index.css";
+import "../../tag/index.css";
 import "../../overlay/index.css";
 import "../../popup/index.css";
 import "../../checkbox-group/index.css";

package/es/dropdown-item/style/less.mjs

@@ -1,6 +1,7 @@
 import "../../style/base.less";
 import "../../badge/index.less";
 import "../../icon/index.less";
+import "../../tag/index.less";
 import "../../overlay/index.less";
 import "../../popup/index.less";
 import "../../checkbox-group/index.less";

package/es/field/Field.d.ts

@@ -47,37 +47,107 @@ export declare const fieldSharedProps: {
 declare const fieldProps: {
     icon: StringConstructor;
     size: PropType<CellSize>;
+    background: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelClickable: BooleanConstructor;
+    labelIcon: StringConstructor;
+    showLabelIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     description: (NumberConstructor | StringConstructor)[];
+    descriptionClickable: BooleanConstructor;
+    multiLineNotes: PropType<import("../utils").Numeric[]>;
+    showMultiLineNotes: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    showTitleCollapseIcon: BooleanConstructor;
+    defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
+    showAvatar: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightAvatar: StringConstructor;
+    showRightAvatar: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     tags: PropType<import("../utils").Numeric[]>;
+    showTags: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    titleTag: (NumberConstructor | StringConstructor)[];
+    showTitleTag: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    wrapTags: PropType<import("../utils").Numeric[]>;
+    showWrapTags: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     titleIcon: StringConstructor;
+    titleIconClickable: BooleanConstructor;
+    showTitleIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightIcon: StringConstructor;
+    showIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    showRightIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     note: (NumberConstructor | StringConstructor)[];
+    showNote: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     noteBold: BooleanConstructor;
     noteClickable: BooleanConstructor;
     noteTo: PropType<import("vue-router").RouteLocationRaw>;
     noteUrl: StringConstructor;
     noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
+    showBadge: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     leftSelect: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    showLeftSelect: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightSelect: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    showRightSelect: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     selectType: {
         type: PropType<import("../cell").CellSelectType>;
         default: string;
     };
     blueMark: BooleanConstructor;
+    showBlueMark: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
@@ -155,6 +225,11 @@ declare const fieldProps: {
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
     labelPosition: PropType<FieldLabelPosition>;
+    unit: (NumberConstructor | StringConstructor)[];
+    showUnit: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     colon: {
@@ -170,37 +245,107 @@ export declare type FieldProps = ExtractPropTypes<typeof fieldProps>;
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     size: PropType<CellSize>;
+    background: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelClickable: BooleanConstructor;
+    labelIcon: StringConstructor;
+    showLabelIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     description: (NumberConstructor | StringConstructor)[];
+    descriptionClickable: BooleanConstructor;
+    multiLineNotes: PropType<import("../utils").Numeric[]>;
+    showMultiLineNotes: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    showTitleCollapseIcon: BooleanConstructor;
+    defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
+    showAvatar: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightAvatar: StringConstructor;
+    showRightAvatar: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     tags: PropType<import("../utils").Numeric[]>;
+    showTags: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    titleTag: (NumberConstructor | StringConstructor)[];
+    showTitleTag: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    wrapTags: PropType<import("../utils").Numeric[]>;
+    showWrapTags: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     titleIcon: StringConstructor;
+    titleIconClickable: BooleanConstructor;
+    showTitleIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightIcon: StringConstructor;
+    showIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    showRightIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     note: (NumberConstructor | StringConstructor)[];
+    showNote: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     noteBold: BooleanConstructor;
     noteClickable: BooleanConstructor;
     noteTo: PropType<import("vue-router").RouteLocationRaw>;
     noteUrl: StringConstructor;
     noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
+    showBadge: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     leftSelect: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    showLeftSelect: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightSelect: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    showRightSelect: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     selectType: {
         type: PropType<import("../cell").CellSelectType>;
         default: string;
     };
     blueMark: BooleanConstructor;
+    showBlueMark: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
@@ -278,6 +423,11 @@ declare const _default: import("vue").DefineComponent<{
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
     labelPosition: PropType<FieldLabelPosition>;
+    unit: (NumberConstructor | StringConstructor)[];
+    showUnit: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     colon: {
@@ -288,40 +438,110 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => 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<{
+}, () => 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<{
     icon: StringConstructor;
     size: PropType<CellSize>;
+    background: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelClickable: BooleanConstructor;
+    labelIcon: StringConstructor;
+    showLabelIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     description: (NumberConstructor | StringConstructor)[];
+    descriptionClickable: BooleanConstructor;
+    multiLineNotes: PropType<import("../utils").Numeric[]>;
+    showMultiLineNotes: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    showTitleCollapseIcon: BooleanConstructor;
+    defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
+    showAvatar: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightAvatar: StringConstructor;
+    showRightAvatar: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     tags: PropType<import("../utils").Numeric[]>;
+    showTags: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    titleTag: (NumberConstructor | StringConstructor)[];
+    showTitleTag: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    wrapTags: PropType<import("../utils").Numeric[]>;
+    showWrapTags: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     titleIcon: StringConstructor;
+    titleIconClickable: BooleanConstructor;
+    showTitleIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightIcon: StringConstructor;
+    showIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    showRightIcon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     note: (NumberConstructor | StringConstructor)[];
+    showNote: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     noteBold: BooleanConstructor;
     noteClickable: BooleanConstructor;
     noteTo: PropType<import("vue-router").RouteLocationRaw>;
     noteUrl: StringConstructor;
     noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
+    showBadge: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     leftSelect: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    showLeftSelect: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     rightSelect: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
+    showRightSelect: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     selectType: {
         type: PropType<import("../cell").CellSelectType>;
         default: string;
     };
     blueMark: BooleanConstructor;
+    showBlueMark: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
@@ -399,6 +619,11 @@ declare const _default: import("vue").DefineComponent<{
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
     labelPosition: PropType<FieldLabelPosition>;
+    unit: (NumberConstructor | StringConstructor)[];
+    showUnit: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     colon: {
@@ -413,6 +638,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeypress?: ((...args: any[]) => any) | undefined;
+    "onClick-title-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onClick-input"?: ((...args: any[]) => any) | undefined;
@@ -425,14 +651,34 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     size: CellSize;
     center: boolean;
+    labelClickable: boolean;
+    showLabelIcon: boolean | undefined;
+    descriptionClickable: boolean;
+    showMultiLineNotes: boolean | undefined;
+    showTitleCollapseIcon: boolean;
+    defaultMultiLineNotesCollapsed: boolean;
     threeLine: boolean;
+    showAvatar: boolean | undefined;
+    showRightAvatar: boolean | undefined;
+    showTags: boolean | undefined;
+    showTitleTag: boolean | undefined;
+    showWrapTags: boolean | undefined;
+    titleIconClickable: boolean;
+    showTitleIcon: boolean | undefined;
+    showIcon: boolean | undefined;
+    showRightIcon: boolean | undefined;
+    showNote: boolean | undefined;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;
+    showBadge: boolean | undefined;
     leftSelect: boolean | undefined;
+    showLeftSelect: boolean | undefined;
     rightSelect: boolean | undefined;
+    showRightSelect: boolean | undefined;
     selectType: import("../cell").CellSelectType;
     blueMark: boolean;
+    showBlueMark: boolean | undefined;
     titleBold: boolean;
     isLink: boolean;
     border: boolean;
@@ -447,6 +693,7 @@ declare const _default: import("vue").DefineComponent<{
     formatTrigger: FieldFormatTrigger;
     error: boolean;
     readonly: boolean;
+    showUnit: boolean | undefined;
     showWordLimit: boolean;
     colon: boolean;
 }>;

package/es/field/Field.mjs

@@ -49,6 +49,11 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
   labelClass: unknownProp,
   labelAlign: String,
   labelPosition: String,
+  unit: numericProp,
+  showUnit: {
+    type: Boolean,
+    default: void 0
+  },
   showWordLimit: Boolean,
   errorMessageAlign: String,
   colon: {
@@ -63,7 +68,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
 var stdin_default = defineComponent({
   name,
   props: fieldProps,
-  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
+  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "click-title-icon", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -396,6 +401,16 @@ var stdin_default = defineComponent({
         }, null)]);
       }
     };
+    const renderUnit = () => {
+      var _a;
+      const showUnit = (_a = props.showUnit) != null ? _a : isDef(props.unit);
+      if (!showUnit || !isDef(props.unit)) {
+        return;
+      }
+      return _createVNode("span", {
+        "class": bem("unit")
+      }, [props.unit]);
+    };
     const renderWordLimit = () => {
       if (props.showWordLimit && props.maxlength) {
         const count = getStringLength(getModelValue());
@@ -435,7 +450,7 @@ var stdin_default = defineComponent({
     };
     const renderFieldBody = () => [_createVNode("div", {
       "class": bem("body")
-    }, [renderInput(), showClear.value && _createVNode(Icon, {
+    }, [renderInput(), renderUnit(), showClear.value && _createVNode(Icon, {
       "ref": clearIconRef,
       "name": props.clearIcon,
       "class": bem("clear")
@@ -490,6 +505,10 @@ var stdin_default = defineComponent({
         "errorBorder": props.errorBorder,
         "isLink": props.isLink,
         "clickable": props.clickable,
+        "titleIcon": props.titleIcon,
+        "titleIconClickable": props.titleIconClickable,
+        "showTitleIcon": props.showTitleIcon,
+        "onClick-title-icon": (event) => emit("click-title-icon", event),
         "titleStyle": labelStyle.value,
         "valueClass": bem("value"),
         "titleClass": [bem("label", [labelAlign, {

package/es/field/index.css

@@ -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}
+: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}