zartui 3.1.10 → 3.1.11

package/es/cascader/Cascader.d.ts

@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {

package/es/cascader/index.d.ts

@@ -46,7 +46,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {

package/es/cell/Cell.d.ts

@@ -31,6 +31,11 @@ export declare const cellSharedProps: {
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 };
 declare const cellProps: {
     leftIcon: StringConstructor;
@@ -62,6 +67,11 @@ declare const cellProps: {
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -98,11 +108,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -132,12 +147,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
     value: string;
@@ -147,5 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     isLink: boolean;
     required: boolean;
     clickable: boolean | null;
+    clearable: boolean;
+    clearIcon: string;
 }, {}>;
 export default _default;

package/es/cell/Cell.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace, makeStringProp } from "../utils/index.mjs";
+import { computed, defineComponent, ref } from "vue";
+import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace, makeStringProp, preventDefault } from "../utils/index.mjs";
 import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { useEventListener } from "@zartui/use";
 import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("cell");
 const cellSharedProps = {
@@ -24,18 +25,21 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  }
+  },
+  clearable: Boolean,
+  clearIcon: makeStringProp("clear-r")
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
 var stdin_default = defineComponent({
   name,
   props: cellProps,
-  emits: ["click"],
+  emits: ["click", "clear"],
   setup(props, {
     slots,
     emit
   }) {
     const route = useRoute();
+    const clearIconRef = ref();
     const renderLabel = () => {
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
@@ -94,11 +98,28 @@ var stdin_default = defineComponent({
         emit("click");
       }
     };
+    const onClear = (event) => {
+      preventDefault(event, true);
+      emit("clear", event);
+    };
+    function getClearIconListenerEvent() {
+      if ("ontouchstart" in document.documentElement) {
+        return "touchstart";
+      }
+      return "click";
+    }
+    useEventListener(getClearIconListenerEvent(), onClear, {
+      target: computed(() => {
+        var _a;
+        return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+      })
+    });
     const renderValue = () => {
       var _a;
       const slot = slots.value || slots.default;
       const hasValue = slot || isDef(props.value);
       const isHorizontal = props.direction === "horizontal";
+      const showClear = props.clearable && isDef(props.value) && props.value !== "";
       if (hasValue) {
         return _createVNode("div", {
           "class": [bem("value", {
@@ -107,7 +128,11 @@ var stdin_default = defineComponent({
           "onClick": () => onClick(isHorizontal)
         }, [slot ? slot() : _createVNode("span", {
           "class": bem("value-text")
-        }, [props.value]), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
+        }, [props.value]), showClear && _createVNode(Icon, {
+          "ref": clearIconRef,
+          "name": props.clearIcon,
+          "class": bem("value-clear")
+        }, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
       }
     };
     const renderLeftIcon = () => {

package/es/cell/index.css

@@ -1 +1 @@
-:root{--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-row-title-max-width: 100px;--zt-cell-left-icon-font-size: 48px;--zt-cell-left-icon-size: 48px}:root[zt-theme-size=large]{--zt-cell-left-icon-size: 60px;--zt-cell-left-icon-font-size: 54px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-line-height-md);font-size:var(--zt-font-size-md);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-line-height-md);font-size:var(--zt-font-size-xxl);line-height:var(--zt-line-height-md)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-font-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-font-size-md);content:"*"}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-horizontal-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}
+:root{--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-row-title-max-width: 100px;--zt-cell-left-icon-font-size: 48px;--zt-cell-left-icon-size: 48px;--zt-cell-clear-icon-color: var(--zt-gray-a6)}:root[zt-theme-size=large]{--zt-cell-left-icon-size: 60px;--zt-cell-left-icon-font-size: 54px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-line-height-md);font-size:var(--zt-font-size-md);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;align-items:center;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__value-clear{color:var(--zt-cell-clear-icon-color);font-size:var(--zt-font-size-xxl);margin:0 4px 0 10px;cursor:pointer}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-line-height-md);font-size:var(--zt-font-size-xxl);line-height:var(--zt-line-height-md)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-font-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-font-size-md);content:"*"}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-horizontal-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}

package/es/cell/index.d.ts

@@ -28,11 +28,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -62,12 +67,18 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
     value: string;
@@ -77,6 +88,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     isLink: boolean;
     required: boolean;
     clickable: boolean | null;
+    clearable: boolean;
+    clearIcon: string;
 }, {}>>;
 export default Cell;
 export type { CellProps, CellArrowDirection } from './Cell';

package/es/checkbox/Checkbox.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: PropType<unknown>;
     shape: {
         type: PropType<import("./Checker").CheckerShape>;

package/es/checkbox/index.d.ts

@@ -19,7 +19,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;

package/es/checkbox-group/CheckboxGroup.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => unknown[];
     };
     checkedColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/es/checkbox-group/index.d.ts

@@ -11,7 +11,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
         default: () => unknown[];
     };
     checkedColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/es/collapse/Collapse.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric | Numeric[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     border: {
         type: BooleanConstructor;
         default: true;

package/es/collapse/index.d.ts

@@ -8,7 +8,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;
         default: true;

package/es/date-time-picker/DateTimePicker.d.ts

@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/es/date-time-picker/DateTimePickerWrapper.d.ts

@@ -201,7 +201,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => string[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/es/date-time-picker/index.d.ts

@@ -99,7 +99,7 @@ export declare const DateTimePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

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

@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     titleClass: PropType<unknown>;
     multiSelect: BooleanConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm")[], "reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm")[], "reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;

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

@@ -18,7 +18,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     };
     titleClass: import("vue").PropType<unknown>;
     multiSelect: BooleanConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm")[], "reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm")[], "reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;

package/es/field/Field.d.ts

@@ -74,6 +74,11 @@ declare const fieldProps: {
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     id: StringConstructor;
     name: StringConstructor;
@@ -171,6 +176,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     id: StringConstructor;
     name: StringConstructor;
@@ -236,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -266,6 +276,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     id: StringConstructor;
     name: StringConstructor;
@@ -355,10 +370,10 @@ declare const _default: import("vue").DefineComponent<{
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;
+    error: boolean;
     modelValue: string | number;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
-    error: boolean;
     readonly: boolean;
     showWordLimit: boolean;
     description: string;

package/es/field/index.d.ts

@@ -29,6 +29,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     id: StringConstructor;
     name: StringConstructor;
@@ -94,7 +99,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "blur" | "focus" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -124,6 +129,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     id: StringConstructor;
     name: StringConstructor;
@@ -213,10 +223,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;
+    error: boolean;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
-    error: boolean;
     readonly: boolean;
     showWordLimit: boolean;
     description: string;

package/es/hierarchy-select/HierarchySelect.mjs

@@ -26,6 +26,7 @@ const hierarchySelectProps = {
   asyncGetter: {
     type: Function
   },
+  // 是否开启自动全选、半选功能
   unanimous: {
     type: Boolean,
     default: true

package/es/index-bar/IndexBar.mjs

@@ -25,7 +25,7 @@ const indexBarProps = {
     default: genAlphabet
   },
   indexBarMaxHeight: makeNumericProp("70vh"),
-  contractionPointText: makeStringProp("\xB7")
+  contractionPointText: makeStringProp("\u2022")
 };
 const INDEX_BAR_KEY = Symbol(name);
 const MIN_CONTRACTION_NUM = 2;
@@ -41,9 +41,9 @@ var stdin_default = defineComponent({
     const sidebar = ref();
     const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = ref("");
-    const indexBarMaxHeight = () => {
+    const indexBarMaxHeight = computed(() => {
       return props.indexBarMaxHeight ? unitToPx(props.indexBarMaxHeight) : unitToPx("100vh");
-    };
+    });
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
     const {
@@ -242,9 +242,9 @@ var stdin_default = defineComponent({
     };
     const adaptorIndexListByHeight = () => {
       const actualIndexListHeight = props.indexList.length * getIndexHeight();
-      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight()) {
+      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight.value) {
         const adaptedIndexList = deepClone(props.indexList);
-        const renderedNum = Math.floor(indexBarMaxHeight() / getIndexHeight());
+        const renderedNum = Math.floor(indexBarMaxHeight.value / getIndexHeight());
         const renderedPointNum = Math.floor(renderedNum / MIN_CONTRACTION_NUM);
         const renderedIndexNum = renderedNum - renderedPointNum;
         const hiddenIndexNum = adaptedIndexList.length - renderedIndexNum;
@@ -302,23 +302,31 @@ var stdin_default = defineComponent({
         }, [_createVNode("div", {
           "class": bem("touch-text")
         }, [touchActiveText]), _createVNode("svg", {
-          "class": bem("icon"),
           "xmlns": "http://www.w3.org/2000/svg",
-          "viewBox": "0 0 20 32"
-        }, [_createVNode("defs", null, [_createVNode("path", {
-          "id": "7rkhbmqvk__gc482iacwa",
-          "d": "M0 0H20V32H0z"
-        }, null)]), _createVNode("g", {
           "fill": "none",
-          "fill-rule": "evenodd"
-        }, [_createVNode("path", {
-          "d": "M-1,0 C7.836556,-1.623249e-15 15,7.163444 15,16 C15,24.836556 7.836556,32 -1,32 L-1,32 L-1,32 L-1,0 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "viewBox": "0 0 20 32",
+          "class": bem("icon")
+        }, [_createVNode("defs", null, [_createVNode("mask", {
+          "id": "ei8r0nsyx__b6fjzymnfa"
+        }, [_createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0",
+          "fill": "#FFF"
+        }, null)])]), _createVNode("g", {
+          "mask": "url(#ei8r0nsyx__b6fjzymnfa)"
+        }, [_createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0"
+        }, null), _createVNode("path", {
+          "d": "M-1.0000000000000497,0C7.83656,0,15,7.16344,15,16C15,24.8366,7.83656,32,-1,32L-1.0000000000000497,0Z",
+          "fill-rule": "evenodd",
+          "class": bem("icon-fill")
         }, null), _createVNode("path", {
-          "d": "M12.2406862,7.01475705 L19.4355101,15.3463801 C19.7597461,15.7218113 19.7597461,16.2781887 19.4355101,16.6536199 L12.2406862,24.9852429 C13.9822172,22.423901 15,19.3308084 15,16 C15,12.6691916 13.9822172,9.57609904 12.2406862,7.01475705 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "d": "M12.243150099299784,24.98157383041382L19.435507386779786,16.65358383041382C19.759737386779786,16.27815383041382,19.759737386779786,15.721773830413818,19.435507386779786,15.346343830413819L12.243151433939785,7.018357001713818C13.983177386779785,9.578993830413818,14.999997386779786,12.670733830413818,14.999997386779786,15.999963830413819C14.999997386779786,19.32917383041382,13.983177386779785,22.420973830413818,12.243150099299784,24.98157383041382Z",
+          "fill-rule": "evenodd",
+          "class": bem("icon-fill")
         }, null)])])]), _createVNode("div", {
           "data-index": index,
           "data-index-map": contractionPointMapList,

package/es/index-bar/index.css

@@ -1 +1 @@
-:root{--zt-index-bar-sidebar-z-index: 2}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:end;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.zt-index-bar__index{position:relative;color:var(--zt-text-color);padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);display:flex;height:var(--zt-line-height-sm)}.zt-index-bar__index--active{color:var(--zt-primary-color);font-weight:700}.zt-index-bar__index--touch{display:inline-block;box-sizing:border-box;padding:0 4px;min-width:var(--zt-line-height-md);color:var(--zt-white);background:var(--zt-primary-color);border-radius:calc(var(--zt-line-height-sm) / 2)}.zt-index-bar__touch{display:none}.zt-index-bar__touch-text{position:relative;right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 0 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:#8093ab}.zt-index-bar__touch--active{display:flex;position:relative;top:-6px;right:8px}.zt-index-bar__icon{position:relative;width:20px;height:32px}
+:root{--zt-index-bar-sidebar-z-index: 2;--zt-index-bar-sidebar-touch-index-background-color: #8093ab}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.zt-index-bar__index{position:relative;color:var(--zt-text-color);padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);display:flex;height:var(--zt-line-height-sm)}.zt-index-bar__index--active{color:var(--zt-primary-color);font-weight:700}.zt-index-bar__index--touch{position:relative;color:var(--zt-white)}.zt-index-bar__index--touch:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:-1;padding:0;background:var(--zt-primary-color);border-radius:calc(var(--zt-line-height-sm) / 2)}.zt-index-bar__touch{display:none}.zt-index-bar__touch-text{width:-webkit-max-content;width:max-content;margin-right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 1px 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:var(--zt-index-bar-sidebar-touch-index-background-color)}.zt-index-bar__touch--active{display:flex;position:absolute;top:-6px;right:100%}.zt-index-bar__icon{position:relative;width:20px;height:32px}.zt-index-bar__icon-fill{fill:var(--zt-index-bar-sidebar-touch-index-background-color)}

package/es/index-bar/types.d.ts

@@ -10,6 +10,7 @@ export type IndexBarExpose = {
 export type IndexBarInstance = ComponentPublicInstance<IndexBarProps, IndexBarExpose>;
 export type IndexBarThemeVars = {
     indexBarSidebarZIndex?: number | string;
+    indexBarSidebarTouchIndexBackgroundColor?: string;
 };
 export interface IndexBarContractionItem {
     index: Numeric;

package/es/index.d.ts

@@ -78,4 +78,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.10";
+export const version: "3.1.11";

package/es/index.mjs

@@ -71,7 +71,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.1.10";
+const version = "3.1.11";
 function install(app) {
   const components = [
     ActionSheet,

package/es/number-keyboard/NumberKeyboard.d.ts

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete")[], "input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {

package/es/number-keyboard/index.d.ts

@@ -43,7 +43,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete")[], "input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {