zartui 3.1.12 → 3.1.14

package/lib/cell/Cell.js

@@ -27,6 +27,7 @@ var import_utils = require("../utils");
 var import_use_route = require("../composables/use-route");
 var import_use = require("@zartui/use");
 var import_icon = require("../icon");
+var import_utils2 = require("../field/utils");
 const [name, bem] = (0, import_utils.createNamespace)("cell");
 const cellSharedProps = {
   leftIcon: String,
@@ -50,7 +51,12 @@ const cellSharedProps = {
     default: null
   },
   clearable: Boolean,
-  clearIcon: (0, import_utils.makeStringProp)("clear-r")
+  clearIcon: (0, import_utils.makeStringProp)("clear-r"),
+  placeholder: String,
+  errorMessage: String,
+  errorMessageAlign: String,
+  descriptionClass: import_utils.unknownProp,
+  description: (0, import_utils.makeStringProp)("")
 };
 const cellProps = (0, import_utils.extend)({}, cellSharedProps, import_use_route.routeProps);
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -94,7 +100,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
           }), props.titleClass],
           "style": props.titleStyle
         }, [slots.title ? slots.title() : [renderTitleIcon(), (0, import_vue.createVNode)("span", {
-          "class": bem("title-text")
+          "class": bem("title-text", {
+            required: props.required,
+            "title-error": showErrorMessage.value
+          })
         }, [props.title])], renderLabel()]);
       }
     };
@@ -143,15 +152,28 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const hasValue = slot || (0, import_utils.isDef)(props.value);
       const isHorizontal = props.direction === "horizontal";
       const showClear = props.clearable && (0, import_utils.isDef)(props.value) && props.value !== "";
+      const renderContent = () => {
+        if (slot) {
+          return slot();
+        } else {
+          let className = "value-text";
+          let renderVal = props.value;
+          if ((0, import_utils2.isEmptyValue)(props.value) && !(0, import_utils2.isEmptyValue)(props.placeholder)) {
+            className = "value-placeholder";
+            renderVal = props.placeholder || "";
+          }
+          return (0, import_vue.createVNode)("span", {
+            "class": bem(className)
+          }, [renderVal]);
+        }
+      };
       if (hasValue) {
         return (0, import_vue.createVNode)("div", {
           "class": [bem("value", {
             [props.direction]: true
           }), props.valueClass],
           "onClick": () => onClick(isHorizontal)
-        }, [slot ? slot() : (0, import_vue.createVNode)("span", {
-          "class": bem("value-text")
-        }, [props.value]), showClear && (0, import_vue.createVNode)(import_icon.Icon, {
+        }, [renderContent(), showClear && (0, import_vue.createVNode)(import_icon.Icon, {
           "ref": clearIconRef,
           "name": props.clearIcon,
           "class": bem("value-clear")
@@ -170,23 +192,54 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, null);
       }
     };
+    const showDescription = (0, import_vue2.computed)(() => !(0, import_utils2.isEmptyValue)(props.description));
+    const showErrorMessage = (0, import_vue2.computed)(() => !(0, import_utils2.isEmptyValue)(props.errorMessage));
+    const renderDescription = () => {
+      if (!showDescription.value) {
+        return;
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": [bem("description"), props.descriptionClass]
+      }, [props.description]);
+    };
+    const renderErrorMessage = () => {
+      if (!showErrorMessage.value) {
+        return;
+      }
+      const message = props.errorMessage;
+      if (message) {
+        const slot = slots["error-message"];
+        const {
+          errorMessageAlign
+        } = props;
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("error-message", errorMessageAlign)
+        }, [slot ? slot({
+          message
+        }) : message]);
+      }
+    };
     const renderBottom = () => {
       if (slots.bottom) {
         return slots.bottom();
       }
+      if (!showDescription.value && !showErrorMessage.value) {
+        return;
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("bottom")
+      }, [renderDescription(), renderErrorMessage()]);
     };
     return () => {
       var _a;
       const {
         center,
         border,
-        isLink,
-        required
+        isLink
       } = props;
       const clickable = (_a = props.clickable) != null ? _a : isLink;
       const classes = {
         center,
-        required,
         clickable,
         borderless: !border
       };

package/lib/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;--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}
+: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);--zt-cell-error-message-background-color: rgb(var(--zt-red-r), var(--zt-red-g), var(--zt-red-b), .1);--zt-cell-error-message-color: var(--zt-red);--zt-cell-description-background-color: var(--zt-gray-a04);--zt-cell-description-color: var(--zt-gray-a6);--zt-cell-description-border-color: var(--zt-gray-a2);--zt-cell-required-mark-color: var(--zt-red);--zt-cell-required-mark-margin: 0 0 0 4px}: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-placeholder{display:inline-block;flex:1;color:var(--zt-placeholder-color)}.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-text--title-error{color:var(--zt-cell-error-message-color)}.zt-cell__title-text--required:after{margin:var(--zt-cell-required-mark-margin);color:var(--zt-cell-required-mark-color);content:"*";font-weight:var(--zt-font-bold);line-height:var(--zt-line-height-md)}.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--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}.zt-cell__error-message{background:var(--zt-cell-error-message-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-font-size-sm);color:var(--zt-cell-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-cell__error-message:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-cell-error-message-color);transform:scaleY(.5)}.zt-cell__error-message--center{text-align:center}.zt-cell__error-message--right{text-align:right}.zt-cell__description{background:var(--zt-cell-description-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-font-size-sm);color:var(--zt-cell-description-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-cell__description:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-cell-description-border-color);transform:scaleY(.5)}

package/lib/cell/index.d.ts

@@ -33,6 +33,14 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<string>;
         default: string;
     };
+    placeholder: StringConstructor;
+    errorMessage: StringConstructor;
+    errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    descriptionClass: import("vue").PropType<unknown>;
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -72,6 +80,14 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<string>;
         default: string;
     };
+    placeholder: StringConstructor;
+    errorMessage: StringConstructor;
+    errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    descriptionClass: import("vue").PropType<unknown>;
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -90,6 +106,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;
+    description: string;
 }, {}>>;
 export default Cell;
 export type { CellProps, CellArrowDirection } from './Cell';

package/lib/cell/style/index.js

@@ -1,4 +1,5 @@
 require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
+require("../../field/index.css");
 require("../index.css");

package/lib/cell-group/index.css

@@ -1 +1 @@
-:root{--zt-cell-group-background: var(--zt-background-2);--zt-cell-group-title-color: var(--zt-text-color-2);--zt-cell-group-title-padding: var(--zt-padding-md) var(--zt-padding-md);--zt-cell-group-inset-padding: 0 var(--zt-padding-md);--zt-cell-group-inset-radius: var(--zt-radius-lg);--zt-cell-group-inset-title-padding: var(--zt-padding-md) var(--zt-padding-md)}.zt-cell-group{background:var(--zt-cell-group-background)}.zt-cell-group--inset{margin:var(--zt-cell-group-inset-padding);border-radius:var(--zt-cell-group-inset-radius);overflow:hidden}.zt-cell-group__title{padding:var(--zt-cell-group-title-padding);color:var(--zt-cell-group-title-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xs)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}
+:root{--zt-cell-group-background: var(--zt-background-popup);--zt-cell-group-title-color: var(--zt-text-color-2);--zt-cell-group-title-padding: var(--zt-padding-md) var(--zt-padding-md);--zt-cell-group-inset-padding: 0 var(--zt-padding-md);--zt-cell-group-inset-radius: var(--zt-radius-lg);--zt-cell-group-inset-title-padding: var(--zt-padding-md) var(--zt-padding-md)}.zt-cell-group{background:var(--zt-cell-group-background)}.zt-cell-group--inset{margin:var(--zt-cell-group-inset-padding);border-radius:var(--zt-cell-group-inset-radius);overflow:hidden}.zt-cell-group__title{padding:var(--zt-cell-group-title-padding);color:var(--zt-cell-group-title-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}

package/lib/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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     name: PropType<unknown>;
     shape: {
         type: PropType<import("./Checker").CheckerShape>;

package/lib/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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;

package/lib/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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/lib/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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/lib/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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     border: {
         type: BooleanConstructor;
         default: true;

package/lib/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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     border: {
         type: BooleanConstructor;
         default: true;

package/lib/collapse-item/index.css

@@ -1 +1 @@
-:root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-collapse-item-icon-font-size: 30px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-icon-font-size);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-primary-color);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-xl)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-collapse-item-content-background)}
+:root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-collapse-item-icon-font-size: 30px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-icon-font-size);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-primary-color);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-collapse-item-content-background)}

package/lib/config-provider/types.d.ts

@@ -135,4 +135,4 @@ export type BaseThemeVars = {
     radiusGt?: string;
     radiusMax?: string;
 };
-export type ConfigProviderThemeVars = BaseThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../avatar').AvatarThemeVars & import('../badge').BadgeThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../checkbox').CheckboxThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../grid-item').GridItemThemeVars & import('../hierarchy-select').HierarchySelectThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../media-picker').MediaPickerThemeVars & import('../multiple-picker').MultiplePickerThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../radio-picker').RadioPickerThemeVars & import('../rate').RateThemeVars & import('../search').SearchThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../table').TableThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../text-ellipsis').TextEllipsisThemeVars & import('../time-picker').TimePickerThemeVars & import('../timeline').TimelineThemeVars & import('../toast').ToastThemeVars & import('../uploader').UploaderThemeVars;
+export type ConfigProviderThemeVars = BaseThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../avatar').AvatarThemeVars & import('../badge').BadgeThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../checkbox').CheckboxThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../grid-item').GridItemThemeVars & import('../hierarchy-select').HierarchySelectThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../media-picker').MediaPickerThemeVars & import('../multiple-picker').MultiplePickerThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../radio-picker').RadioPickerThemeVars & import('../rate').RateThemeVars & import('../search').SearchThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../table').TableThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../text-ellipsis').TextEllipsisThemeVars & import('../time-picker').TimePickerThemeVars & import('../timeline').TimelineThemeVars & import('../toast').ToastThemeVars & import('../drawer-select').DrawerSelectThemeVars & import('../uploader').UploaderThemeVars;

package/lib/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, ("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<{
+}, () => 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<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/lib/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, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/lib/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, ("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<{
+}, () => 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<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/lib/dialog/index.css

@@ -1 +1 @@
-:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-transition: var(--zt-duration-base);--zt-dialog-radius: 12px;--zt-dialog-background: var(--zt-background-2);--zt-dialog-header-font-weight: var(--zt-font-bold);--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-header-primary-padding: 10px;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-has-title-message-primary-header: var(--zt-padding-lg);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white)}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-dialog-background);border-radius:var(--zt-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--zt-dialog-transition);transition-property:transform,opacity}.zt-dialog__header{color:var(--zt-text-color);padding-top:var(--zt-dialog-header-padding-top);font-weight:var(--zt-dialog-header-font-weight);line-height:var(--zt-line-height-xl);text-align:center}.zt-dialog__header--isolated{padding:var(--zt-dialog-header-isolated-padding)}.zt-dialog__header--custom-title{padding-left:0;padding-right:0;padding-top:0}.zt-dialog__header--primary{padding:var(--zt-dialog-header-primary-padding);background:var(--zt-primary-color);color:var(--zt-white)}.zt-dialog__content{text-align:center;font-size:0}.zt-dialog__message{display:inline-block;color:var(--zt-gray-a8);max-height:var(--zt-dialog-message-max-height);padding:var(--zt-dialog-message-padding);overflow-y:auto;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-md);white-space:pre-wrap;text-align:left;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:var(--zt-dialog-has-title-message-padding-top);color:var(--zt-dialog-has-title-message-text-color);font-size:var(--zt-font-size-md)}.zt-dialog__message--primary-header{padding-top:var(--zt-dialog-has-title-message-primary-header)}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__message--justify{text-align:justify}.zt-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:0 var(--zt-padding-xl) var(--zt-padding-lg)}.zt-dialog__confirm,.zt-dialog__cancel{flex:1;margin:0;background-color:var(--zt-dialog-cancel-button-background-color)}.zt-dialog__confirm,.zt-dialog__confirm:active{color:var(--zt-dialog-confirm-button-text-color)}.zt-dialog__confirm--with-cancel{margin-left:8px}.zt-dialog--round-button .zt-dialog__footer{position:relative;height:auto;padding:var(--zt-padding-xs) var(--zt-padding-lg) var(--zt-padding-md)}.zt-dialog--round-button .zt-dialog__message{padding-bottom:var(--zt-padding-md);color:var(--zt-text-color)}.zt-dialog--round-button .zt-dialog__confirm,.zt-dialog--round-button .zt-dialog__cancel{height:var(--zt-dialog-round-button-height)}.zt-dialog--round-button .zt-dialog__confirm{color:var(--zt-white)}.zt-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.zt-theme-dark{--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}
+:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-transition: var(--zt-duration-base);--zt-dialog-radius: 12px;--zt-dialog-background: var(--zt-background-popup);--zt-dialog-header-font-weight: var(--zt-font-bold);--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-header-primary-padding: 10px;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-has-title-message-primary-header: var(--zt-padding-lg);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white)}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-dialog-background);border-radius:var(--zt-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--zt-dialog-transition);transition-property:transform,opacity}.zt-dialog__header{color:var(--zt-text-color);padding-top:var(--zt-dialog-header-padding-top);font-weight:var(--zt-dialog-header-font-weight);line-height:var(--zt-line-height-lg);text-align:center}.zt-dialog__header--isolated{padding:var(--zt-dialog-header-isolated-padding)}.zt-dialog__header--custom-title{padding-left:0;padding-right:0;padding-top:0}.zt-dialog__header--primary{padding:var(--zt-dialog-header-primary-padding);background:var(--zt-primary-color);color:var(--zt-white)}.zt-dialog__content{text-align:center;font-size:0}.zt-dialog__message{display:inline-block;color:var(--zt-gray-a8);max-height:var(--zt-dialog-message-max-height);padding:var(--zt-dialog-message-padding);overflow-y:auto;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-md);white-space:pre-wrap;text-align:left;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:var(--zt-dialog-has-title-message-padding-top);color:var(--zt-dialog-has-title-message-text-color);font-size:var(--zt-font-size-md)}.zt-dialog__message--primary-header{padding-top:var(--zt-dialog-has-title-message-primary-header)}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__message--justify{text-align:justify}.zt-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:0 var(--zt-padding-xl) var(--zt-padding-lg)}.zt-dialog__confirm,.zt-dialog__cancel{flex:1;margin:0;background-color:var(--zt-dialog-cancel-button-background-color)}.zt-dialog__confirm,.zt-dialog__confirm:active{color:var(--zt-dialog-confirm-button-text-color)}.zt-dialog__confirm--with-cancel{margin-left:8px}.zt-dialog--round-button .zt-dialog__footer{position:relative;height:auto;padding:var(--zt-padding-xs) var(--zt-padding-lg) var(--zt-padding-md)}.zt-dialog--round-button .zt-dialog__message{padding-bottom:var(--zt-padding-md);color:var(--zt-text-color)}.zt-dialog--round-button .zt-dialog__confirm,.zt-dialog--round-button .zt-dialog__cancel{height:var(--zt-dialog-round-button-height)}.zt-dialog--round-button .zt-dialog__confirm{color:var(--zt-white)}.zt-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.zt-theme-dark{--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}

package/lib/divider/index.css

@@ -1 +1 @@
-:root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-gray-a4);--zt-divider-border-color: var(--zt-border-color);--zt-divider-content-padding: var(--zt-padding-md);--zt-divider-content-left-width: 10%;--zt-divider-content-right-width: 10%}.zt-divider{display:flex;align-items:center;margin:var(--zt-divider-margin);color:var(--zt-divider-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xl);border-color:var(--zt-divider-border-color);border-style:solid;border-width:0}.zt-divider:before,.zt-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--zt-border-width) 0 0}.zt-divider:before{content:""}.zt-divider--hairline:before,.zt-divider--hairline:after{transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center:before,.zt-divider--content-left:before,.zt-divider--content-right:before{margin-right:var(--zt-divider-content-padding)}.zt-divider--content-center:after,.zt-divider--content-left:after,.zt-divider--content-right:after{margin-left:var(--zt-divider-content-padding);content:""}.zt-divider--content-left:before{max-width:var(--zt-divider-content-left-width)}.zt-divider--content-right:after{max-width:var(--zt-divider-content-right-width)}
+:root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-gray-a4);--zt-divider-border-color: var(--zt-border-color);--zt-divider-content-padding: var(--zt-padding-md);--zt-divider-content-left-width: 10%;--zt-divider-content-right-width: 10%}.zt-divider{display:flex;align-items:center;margin:var(--zt-divider-margin);color:var(--zt-divider-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);border-color:var(--zt-divider-border-color);border-style:solid;border-width:0}.zt-divider:before,.zt-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--zt-border-width) 0 0}.zt-divider:before{content:""}.zt-divider--hairline:before,.zt-divider--hairline:after{transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center:before,.zt-divider--content-left:before,.zt-divider--content-right:before{margin-right:var(--zt-divider-content-padding)}.zt-divider--content-center:after,.zt-divider--content-left:after,.zt-divider--content-right:after{margin-left:var(--zt-divider-content-padding);content:""}.zt-divider--content-left:before{max-width:var(--zt-divider-content-left-width)}.zt-divider--content-right:after{max-width:var(--zt-divider-content-right-width)}

package/lib/drawer-select/DrawerSelect.d.ts

@@ -0,0 +1,68 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import { DrawerSelectFieldNames, DrawerSelectTreeNode } from './types';
+declare const drawerSelectProps: {
+    treeData: {
+        type: PropType<DrawerSelectTreeNode[]>;
+        default: () => DrawerSelectTreeNode[];
+    };
+    treeFieldName: PropType<DrawerSelectFieldNames>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DrawerSelectProps = ExtractPropTypes<typeof drawerSelectProps>;
+declare const _default: import("vue").DefineComponent<{
+    treeData: {
+        type: PropType<DrawerSelectTreeNode[]>;
+        default: () => DrawerSelectTreeNode[];
+    };
+    treeFieldName: PropType<DrawerSelectFieldNames>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    treeData: {
+        type: PropType<DrawerSelectTreeNode[]>;
+        default: () => DrawerSelectTreeNode[];
+    };
+    treeFieldName: PropType<DrawerSelectFieldNames>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    placeholder: string;
+    treeData: DrawerSelectTreeNode[];
+    expandAll: boolean;
+}, {}>;
+export default _default;