zartui 3.1.9 → 3.1.11

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,10 +88,12 @@ 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';
-export type { CellDirection } from './types';
+export type { CellDirection, CellThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCell: typeof Cell;

package/es/cell/types.d.ts

@@ -1 +1,25 @@
 export type CellDirection = 'horizontal' | 'vertical';
+export type CellThemeVars = {
+    cellTextColor?: string;
+    cellBorderColor?: string;
+    cellActiveColor?: string;
+    cellRequiredColor?: string;
+    cellLabelColor?: string;
+    cellRightIconColor?: string;
+    cellVerticalBackground?: string;
+    cellHorizontalBackground?: string;
+    cellBackground?: string;
+    cellValuePadding?: string;
+    cellValueRadius?: string;
+    cellDirection?: string;
+    cellPadding?: string;
+    cellRowTitleMaxWidth?: string;
+    cellGroupBackground?: string;
+    cellGroupTitleColor?: string;
+    cellGroupTitlePadding?: string;
+    cellGroupInsetPadding?: string;
+    cellGroupInsetRadius?: string;
+    cellGroupInsetTitlePadding?: string;
+    cellLeftIconFontSize?: string;
+    cellLeftIconSize?: string;
+};

package/es/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-title-font-size: var(--zt-font-size-md);--zt-cell-group-title-line-height: 16px;--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-cell-group-title-font-size);line-height:var(--zt-cell-group-title-line-height)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}
+: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)}

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/Checker.mjs

@@ -78,6 +78,12 @@ var stdin_default = defineComponent({
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
+      }) : props.role === "radio" ? _createVNode(Icon, {
+        "style": iconStyle.value
+      }, {
+        default: () => [checked ? _createVNode("div", {
+          "class": bem("dot")
+        }, null) : ""]
       }) : _createVNode(Icon, {
         "name": indeterminate ? "minus" : "checkbox-select",
         "style": iconStyle.value

package/es/checkbox/index.css

@@ -1 +1 @@
-:root{--zt-checkbox-size: 16px;--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-a1);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-a1);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-label-font-size: var(--zt-font-size-md);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-a08);--zt-checkbox-disabled-label-color: var(--zt-gray-a2);--zt-checkbox-disabled-background: var(--zt-border-color);--zt-checkbox-disabled-checked-icon-opacity: var(--zt-disabled-opacity);--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-checkbox-size);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--indeterminate .zt-icon,.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-blue);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-checkbox-label-font-size)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray);--zt-checkbox-disabled-icon-background: var(--zt-gray-a2)}
+:root{--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-a1);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-a1);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-a08);--zt-checkbox-disabled-label-color: var(--zt-gray-a2);--zt-checkbox-disabled-checked-icon-opacity: var(--zt-disabled-opacity);--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-font-size-lg);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--indeterminate .zt-icon,.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-checkbox-checked-icon-color);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-font-size-md)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray);--zt-checkbox-disabled-icon-background: var(--zt-gray-a2)}

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>;
@@ -52,7 +52,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
 }, {}>>;
 export default Checkbox;
 export type { CheckboxProps } from './Checkbox';
-export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
+export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, CheckboxThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCheckbox: typeof Checkbox;

package/es/checkbox/types.d.ts

@@ -11,3 +11,22 @@ export type CheckboxExpose = {
     checked: ComputedRef<boolean>;
 };
 export type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;
+export type CheckboxThemeVars = {
+    checkboxPadding?: string;
+    checkboxBorderColor?: string;
+    checkboxDuration?: string;
+    checkboxRoundIconBorder?: string;
+    checkboxRoundIconBoxShadow?: string;
+    checkboxRoundIconBackground?: string;
+    checkboxLabelMargin?: string;
+    checkboxLabelColor?: string;
+    checkboxCheckedIconColor?: string;
+    checkboxCheckedIconShadow?: string;
+    checkboxCheckedIconBorder?: string;
+    checkboxDisabledIconShadow?: string;
+    checkboxDisabledIconBorder?: string;
+    checkboxDisabledIconColor?: string;
+    checkboxDisabledLabelColor?: string;
+    checkboxDisabledCheckedIconOpacity?: string;
+    checkboxDisabledIconBackground?: string;
+};

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.css

@@ -1 +1 @@
-.zt-checkbox-group--horizontal{display:flex;flex-wrap:wrap}.zt-checkbox-group--vertical .zt-checkbox:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:calc(var(--zt-checkbox-size) + var(--zt-checkbox-label-margin));border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-checkbox-group--vertical .zt-checkbox:last-child:after{display:none}
+.zt-checkbox-group--horizontal{display:flex;flex-wrap:wrap}.zt-checkbox-group--vertical .zt-checkbox:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:calc(var(--zt-font-size-lg) + var(--zt-checkbox-label-margin));border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-checkbox-group--vertical .zt-checkbox:last-child:after{display:none}

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/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-font-size: var(--zt-font-size-md);--zt-collapse-item-content-line-height: 20px;--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-title-line-height: 24px;--zt-collapse-item-title-font-size: 16px}.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-blue)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-title-line-height);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-blue);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-collapse-item-title-font-size);color:var(--zt-text-color);line-height:var(--zt-collapse-item-title-line-height)}.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-collapse-item-content-font-size);line-height:var(--zt-collapse-item-content-line-height);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-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)}

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

@@ -22,7 +22,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
 export default CollapseItem;
 export { collapseItemProps } from './CollapseItem';
 export type { CollapseItemProps } from './CollapseItem';
-export type { CollapseItemInstance } from './types';
+export type { CollapseItemInstance, CollapseItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCollapseItem: typeof CollapseItem;

package/es/collapse-item/types.d.ts

@@ -4,3 +4,11 @@ export type CollapseItemExpose = {
     toggle: (newValue?: boolean) => void;
 };
 export type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;
+export type CollapseItemThemeVars = {
+    collapseItemDuration?: string;
+    collapseItemContentPadding?: string;
+    collapseItemContentTextColor?: string;
+    collapseItemContentBackground?: string;
+    collapseItemTitlePadding?: string;
+    collapseItemIconFontSize?: string;
+};

package/es/config-provider/index.d.ts

@@ -40,7 +40,8 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
     themeVarsScope: import("./ConfigProvider").ConfigProviderThemeVarsScope;
 }, {}>>;
 export default ConfigProvider;
-export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';
+export type { ConfigProviderProps, ConfigProviderTheme, ConfigProviderThemeVarsScope, } from './ConfigProvider';
+export type { ConfigProviderThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtConfigProvider: typeof ConfigProvider;

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

@@ -0,0 +1,138 @@
+export type BaseThemeVars = {
+    greenR?: string;
+    greenG?: string;
+    greenB?: string;
+    greenRgb?: string;
+    deepGreenR?: string;
+    deepGreenG?: string;
+    deepGreenB?: string;
+    deepGreenRgb?: string;
+    orangeR?: string;
+    orangeG?: string;
+    orangeB?: string;
+    orangeRgb?: string;
+    yellowR?: string;
+    yellowG?: string;
+    yellowB?: string;
+    yellowRgb?: string;
+    blueR?: string;
+    blueG?: string;
+    blueB?: string;
+    blueRgb?: string;
+    grayR?: string;
+    grayG?: string;
+    grayB?: string;
+    grayRgb?: string;
+    redR?: string;
+    redG?: string;
+    redB?: string;
+    redRgb?: string;
+    primaryColorR?: string;
+    primaryColorG?: string;
+    primaryColorB?: string;
+    primaryColorRgb?: string;
+    black?: string;
+    white?: string;
+    gray?: string;
+    grayA04?: string;
+    grayA06?: string;
+    grayA08?: string;
+    grayA1?: string;
+    grayA2?: string;
+    grayA4?: string;
+    grayA6?: string;
+    grayA8?: string;
+    red?: string;
+    blue?: string;
+    orange?: string;
+    orange2?: string;
+    green?: string;
+    yellow?: string;
+    textColorRgb?: string;
+    primaryColor?: string;
+    primaryColorLight?: string;
+    primaryColorA1?: string;
+    primaryColorA2?: string;
+    primaryColorA6?: string;
+    successColor?: string;
+    dangerColor?: string;
+    warningColor?: string;
+    textColor?: string;
+    textColor2?: string;
+    textColor3?: string;
+    placeholderColor?: string;
+    activeColor?: string;
+    activeOpacity?: number;
+    disabledOpacity?: number;
+    background?: string;
+    background2?: string;
+    background3?: string;
+    background4?: string;
+    background5?: string;
+    backgroundCard?: string;
+    paddingXxs?: string;
+    paddingBase?: string;
+    paddingXs?: string;
+    paddingSm?: string;
+    paddingMd?: string;
+    paddingLg?: string;
+    paddingXl?: string;
+    fontBold?: number;
+    fontSizeXs?: string;
+    fontSizeSm?: string;
+    fontSizeMd?: string;
+    fontSizeLg?: string;
+    fontSizeGt?: string;
+    fontSize1?: string;
+    fontSize2?: string;
+    fontSize3?: string;
+    fontSize4?: string;
+    fontSize5?: string;
+    fontSize6?: string;
+    fontSize7?: string;
+    fontSize8?: string;
+    fontSize9?: string;
+    fontSize10?: string;
+    fontSize11?: string;
+    fontSize12?: string;
+    fontSize13?: string;
+    fontSize14?: string;
+    fontSize15?: string;
+    lineHeightXs?: string;
+    lineHeightSm?: string;
+    lineHeightMd?: string;
+    lineHeightLg?: string;
+    lineHeight1?: string;
+    lineHeight2?: string;
+    lineHeight3?: string;
+    lineHeight4?: string;
+    lineHeight5?: string;
+    lineHeight6?: string;
+    lineHeight7?: string;
+    lineHeight8?: string;
+    lineHeight9?: string;
+    lineHeight10?: string;
+    lineHeight11?: string;
+    lineHeight12?: string;
+    lineHeight13?: string;
+    lineHeight14?: string;
+    lineHeight15?: string;
+    lineHeight16?: string;
+    lineHeight17?: string;
+    lineHeight18?: string;
+    lineHeight19?: string;
+    baseFont?: string;
+    priceFont?: string;
+    durationBase?: string;
+    durationFast?: string;
+    easeOut?: string;
+    easeIn?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    radiusSm?: string;
+    radiusMd?: string;
+    radiusLg?: string;
+    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('../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;

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;
@@ -230,9 +230,9 @@ declare const _default: import("vue").DefineComponent<{
     minDate: Date;
     maxDate: Date;
     allowHtml: boolean;
-    optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
+    showToolbar: boolean;
+    optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
     columnsType: DateTimePickerColumnType[];

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;
@@ -322,9 +322,9 @@ declare const _default: import("vue").DefineComponent<{
     minDate: Date;
     maxDate: Date;
     allowHtml: boolean;
-    optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
+    showToolbar: boolean;
+    optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
     columnsType: DateTimePickerColumnType[];

package/es/date-time-picker/index.css

@@ -1 +1 @@
-.zt-date-time-picker__title-bar{display:flex;flex-direction:column;align-items:center;padding:12px;flex:1;color:var(--zt-text-color)}.zt-date-time-picker__title-bar--unselected{color:var(--zt-gray-a4)}.zt-date-time-picker__title{font-weight:700;font-size:14px;line-height:20px;height:20px}.zt-date-time-picker__title--selected{color:var(--zt-blue)}.zt-date-time-picker__title--unselected{font-weight:400}.zt-date-time-picker__value{font-size:14px;line-height:20px;height:20px;margin-top:4px}.zt-date-time-picker__title-tab-bar{display:flex;align-items:center}.zt-date-time-picker__title-separator{width:1px;height:40px;background-color:var(--zt-gray-a1)}
+.zt-date-time-picker__title-bar{display:flex;flex-direction:column;align-items:center;padding:12px;flex:1;color:var(--zt-text-color)}.zt-date-time-picker__title-bar--unselected{color:var(--zt-gray-a4)}.zt-date-time-picker__title{font-weight:700;font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);height:var(--zt-line-height-md)}.zt-date-time-picker__title--selected{color:var(--zt-primary-color)}.zt-date-time-picker__title--unselected{font-weight:400}.zt-date-time-picker__value{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);height:var(--zt-line-height-md);margin-top:4px}.zt-date-time-picker__title-tab-bar{display:flex;align-items:center}.zt-date-time-picker__title-separator{width:1px;height:40px;background-color:var(--zt-gray-a1)}

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;
@@ -227,9 +227,9 @@ export declare const DateTimePicker: import("../utils").WithInstall<import("vue"
     minDate: Date;
     maxDate: Date;
     allowHtml: boolean;
-    optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
+    showToolbar: boolean;
+    optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
     columnsType: import("./DateTimePicker").DateTimePickerColumnType[];

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

@@ -46,7 +46,7 @@ export declare const sharedProps: {
         default: (type: string, option: PickerOption) => PickerOption;
     };
 };
-export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "showTitle" | "allowHtml" | "optionHeight" | "showToolbar" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText")[];
+export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "showTitle" | "allowHtml" | "cancelButtonText" | "confirmButtonText" | "swipeDuration" | "showToolbar" | "optionHeight" | "visibleOptionNum")[];
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
 export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];

package/es/dialog/Dialog.d.ts

@@ -181,8 +181,8 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay: boolean;
     transition: string;
     closeOnPopstate: boolean;
-    allowHtml: boolean;
     primaryHeader: boolean;
+    allowHtml: boolean;
     showCancelButton: boolean;
     cancelButtonDisabled: boolean;
     confirmButtonDisabled: boolean;

package/es/dialog/index.css

@@ -1 +1 @@
-:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-font-size: var(--zt-font-size-lg);--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-line-height: 24px;--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-font-size: var(--zt-font-size-lg);--zt-dialog-message-line-height: var(--zt-line-height-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-font-size: var(--zt-font-size-md);--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-cancel-button-border: none}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-dialog-font-size);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-dialog-header-line-height);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-dialog-message-font-size);line-height:var(--zt-dialog-message-line-height);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-dialog-has-title-message-font-size)}.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;border:var(--zt-dialog-cancel-button-border);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-border: .5px solid rgba(255, 255, 255, .2);--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-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)}

package/es/dialog/index.d.ts

@@ -122,8 +122,8 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     closeOnClickOverlay: boolean;
     transition: string;
     closeOnPopstate: boolean;
-    allowHtml: boolean;
     primaryHeader: boolean;
+    allowHtml: boolean;
     showCancelButton: boolean;
     cancelButtonDisabled: boolean;
     confirmButtonDisabled: boolean;
@@ -133,7 +133,7 @@ export default Dialog;
 export { dialogProps } from './Dialog';
 export { showDialog, closeDialog, showConfirmDialog, setDialogDefaultOptions, resetDialogDefaultOptions, } from './function-call';
 export type { DialogProps } from './Dialog';
-export type { DialogTheme, DialogMessage, DialogOptions, DialogMessageAlign, } from './types';
+export type { DialogTheme, DialogMessage, DialogOptions, DialogMessageAlign, DialogThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtDialog: typeof Dialog;

package/es/dialog/types.d.ts

@@ -31,3 +31,21 @@ export type DialogOptions = {
     confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
 };
+export type DialogThemeVars = {
+    dialogWidth?: string;
+    dialogMaxWidth?: string;
+    dialogTransition?: string;
+    dialogRadius?: string;
+    dialogBackground?: string;
+    dialogHeaderFontWeight?: string;
+    dialogHeaderPaddingTop?: string;
+    dialogHeaderIsolatedPadding?: string;
+    dialogHeaderPrimaryPadding?: string;
+    dialogMessagePadding?: string;
+    dialogMessageMaxHeight?: string;
+    dialogHasTitleMessageTextColor?: string;
+    dialogHasTitleMessagePaddingTop?: string;
+    dialogHasTitleMessagePrimaryHeader?: string;
+    dialogConfirmButtonTextColor?: string;
+    dialogCancelButtonBackgroundColor?: string;
+};

package/es/divider/index.css

@@ -1 +1 @@
-:root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-gray-a4);--zt-divider-font-size: var(--zt-font-size-md);--zt-divider-line-height: 24px;--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-divider-font-size);line-height:var(--zt-divider-line-height);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-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)}

package/es/divider/index.d.ts

@@ -25,6 +25,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
 }, {}>>;
 export default Divider;
 export type { DividerProps, DividerContentPosition } from './Divider';
+export type { DividerThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtDivider: typeof Divider;

package/es/divider/types.d.ts

@@ -0,0 +1,8 @@
+export type DividerThemeVars = {
+    dividerMargin?: string;
+    dividerTextColor?: string;
+    dividerBorderColor?: string;
+    dividerContentPadding?: string;
+    dividerContentLeftWidth?: string;
+    dividerContentRightWidth?: string;
+};

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/DropdownItem.mjs

@@ -274,6 +274,7 @@ var stdin_default = defineComponent({
           }, {
             default: () => [_createTextVNode("\u91CD\u7F6E")]
           }), _createVNode(Button, {
+            "type": "primary",
             "onClick": onClickConfirm,
             "class": bem("button-confirm")
           }, {