zartui 3.1.7 → 3.1.9

package/lib/composables/use-sync-prop-ref.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const useSyncPropRef: <T>(getProp: () => T, setProp: (value: T) => void) => Ref<T>;

package/lib/composables/use-sync-prop-ref.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  useSyncPropRef: () => useSyncPropRef
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = (0, import_vue.ref)(getProp());
+  (0, import_vue.watch)(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  (0, import_vue.watch)(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};

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

@@ -1,11 +1,13 @@
-import type { PropType, InjectionKey, ExtractPropTypes } from 'vue';
-import type { Numeric } from '../utils';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export type ConfigProviderTheme = 'light' | 'dark';
+export type ConfigProviderThemeVarsScope = 'local' | 'global';
 export type ConfigProviderProvide = {
     iconPrefix?: string;
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
-declare const configProviderProps: {
+export type ThemeVars = PropType<Record<string, Numeric>>;
+export declare const configProviderProps: {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -14,7 +16,14 @@ declare const configProviderProps: {
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 };
 export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
@@ -27,7 +36,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
@@ -38,10 +54,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;
     theme: ConfigProviderTheme;
+    themeVarsScope: ConfigProviderThemeVarsScope;
 }, {}>;
 export default _default;

package/lib/config-provider/ConfigProvider.js

@@ -18,38 +18,56 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   CONFIG_PROVIDER_KEY: () => CONFIG_PROVIDER_KEY,
+  configProviderProps: () => configProviderProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_use_global_z_index = require("../composables/use-global-z-index");
 const [name, bem] = (0, import_utils.createNamespace)("config-provider");
 const CONFIG_PROVIDER_KEY = Symbol(name);
 const configProviderProps = {
   tag: (0, import_utils.makeStringProp)("div"),
   theme: (0, import_utils.makeStringProp)("light"),
+  zIndex: Number,
   themeVars: Object,
+  themeVarsDark: Object,
+  themeVarsLight: Object,
+  themeVarsScope: (0, import_utils.makeStringProp)("local"),
   iconPrefix: String
 };
+function insertDash(str) {
+  return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+}
 function mapThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
   Object.keys(themeVars).forEach((key) => {
-    cssVars[`--zt-${(0, import_utils.kebabCase)(key)}`] = themeVars[key];
+    const formattedKey = insertDash((0, import_utils.kebabCase)(key));
+    cssVars[`--zt-${formattedKey}`] = themeVars[key];
   });
   return cssVars;
 }
+function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
+  Object.keys(newStyle).forEach((key) => {
+    if (newStyle[key] !== oldStyle[key]) {
+      document.documentElement.style.setProperty(key, newStyle[key]);
+    }
+  });
+  Object.keys(oldStyle).forEach((key) => {
+    if (!newStyle[key]) {
+      document.documentElement.style.removeProperty(key);
+    }
+  });
+}
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: configProviderProps,
   setup(props, {
     slots
   }) {
-    const style = (0, import_vue2.computed)(() => {
-      if (props.themeVars) {
-        return mapThemeVarsToCSSVars(props.themeVars);
-      }
-    });
+    const style = (0, import_vue2.computed)(() => mapThemeVarsToCSSVars((0, import_utils.extend)({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
     if (import_utils.inBrowser) {
       const addTheme = () => {
         document.documentElement.classList.add(`zt-theme-${props.theme}`);
@@ -68,11 +86,32 @@ var stdin_default = (0, import_vue2.defineComponent)({
       (0, import_vue2.onActivated)(addTheme);
       (0, import_vue2.onDeactivated)(removeTheme);
       (0, import_vue2.onBeforeUnmount)(removeTheme);
+      (0, import_vue2.watch)(style, (newStyle, oldStyle) => {
+        if (props.themeVarsScope === "global") {
+          syncThemeVarsOnRoot(newStyle, oldStyle);
+        }
+      });
+      (0, import_vue2.watch)(() => props.themeVarsScope, (newScope, oldScope) => {
+        if (oldScope === "global") {
+          syncThemeVarsOnRoot({}, style.value);
+        }
+        if (newScope === "global") {
+          syncThemeVarsOnRoot(style.value, {});
+        }
+      });
+      if (props.themeVarsScope === "global") {
+        syncThemeVarsOnRoot(style.value, {});
+      }
     }
     (0, import_vue2.provide)(CONFIG_PROVIDER_KEY, props);
+    (0, import_vue2.watchEffect)(() => {
+      if (props.zIndex !== void 0) {
+        (0, import_use_global_z_index.setGlobalZIndex)(props.zIndex);
+      }
+    });
     return () => (0, import_vue.createVNode)(props.tag, {
       "class": bem(),
-      "style": style.value
+      "style": props.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
         var _a;

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

@@ -7,7 +7,14 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
         default: import("./ConfigProvider").ConfigProviderTheme;
     };
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<import("./ConfigProvider").ConfigProviderThemeVarsScope>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
@@ -18,11 +25,19 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
         default: import("./ConfigProvider").ConfigProviderTheme;
     };
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<import("./ConfigProvider").ConfigProviderThemeVarsScope>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;
     theme: import("./ConfigProvider").ConfigProviderTheme;
+    themeVarsScope: import("./ConfigProvider").ConfigProviderThemeVarsScope;
 }, {}>>;
 export default ConfigProvider;
 export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';

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

@@ -215,11 +215,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     range: boolean;
+    overlay: boolean;
+    show: boolean;
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
     modelValue: string[];
     readonly: boolean;
-    show: boolean;
-    overlay: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

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

@@ -307,11 +307,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     range: boolean;
+    overlay: boolean;
+    show: boolean;
     formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
     modelValue: string[];
     readonly: boolean;
-    show: boolean;
-    overlay: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

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

@@ -212,11 +212,11 @@ export declare const DateTimePicker: import("../utils").WithInstall<import("vue"
 }, {
     title: string;
     range: boolean;
+    overlay: boolean;
+    show: boolean;
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
     modelValue: string[];
     readonly: boolean;
-    show: boolean;
-    overlay: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

package/lib/dialog/Dialog.d.ts

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

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

@@ -1,6 +1,6 @@
-import type { DialogOptions } from './types';
-export declare function showDialog(options: DialogOptions): Promise<unknown>;
+import type { DialogAction, DialogOptions } from './types';
+export declare function showDialog(options: DialogOptions): Promise<DialogAction | undefined>;
 export declare const setDialogDefaultOptions: (options: DialogOptions) => void;
 export declare const resetDialogDefaultOptions: () => void;
-export declare const showConfirmDialog: (options: DialogOptions) => Promise<unknown>;
+export declare const showConfirmDialog: (options: DialogOptions) => Promise<DialogAction | undefined>;
 export declare const closeDialog: () => void;

package/lib/dialog/function-call.js

@@ -85,7 +85,7 @@ function initInstance() {
 }
 function showDialog(options) {
   if (!import_utils.inBrowser) {
-    return Promise.resolve();
+    return Promise.resolve(void 0);
   }
   return new Promise((resolve, reject) => {
     if (!instance) {

package/lib/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: 0}.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-width: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-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)}

package/lib/dialog/index.d.ts

@@ -114,8 +114,8 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

package/lib/divider/Divider.d.ts

@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<{
         default: DividerContentPosition;
     };
 }>>, {
-    hairline: boolean;
     dashed: boolean;
+    hairline: boolean;
     contentPosition: DividerContentPosition;
 }, {}>;
 export default _default;

package/lib/divider/index.d.ts

@@ -19,8 +19,8 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         default: import("./Divider").DividerContentPosition;
     };
 }>>, {
-    hairline: boolean;
     dashed: boolean;
+    hairline: boolean;
     contentPosition: import("./Divider").DividerContentPosition;
 }, {}>>;
 export default Divider;

package/lib/dropdown-item/DropdownItem.js

@@ -189,7 +189,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (props.multiSelect) {
         return (0, import_vue.createVNode)(import_cell.Cell, {
           "role": "menuitem",
-          "key": option.value,
+          "key": String(option.value),
           "title-icon": option.icon,
           "title": option.text,
           "direction": "horizontal",
@@ -208,7 +208,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return (0, import_vue.createVNode)(import_cell.Cell, {
         "role": "menuitem",
-        "key": option.value,
+        "key": String(option.value),
         "title-icon": option.icon,
         "title": option.text,
         "direction": "horizontal",

package/lib/dropdown-item/types.d.ts

@@ -1,10 +1,11 @@
 import type { DropdownItemProps } from './DropdownItem';
 import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
+export type DropdownItemOptionValue = Numeric | boolean;
 export type DropdownItemOption = {
     text: string;
     icon?: string;
-    value: Numeric;
+    value: DropdownItemOptionValue;
     selected: boolean;
 };
 export type DropdownItemExpose = {

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -73,8 +73,8 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }>>, {
-    direction: DropdownMenuDirection;
     overlay: boolean;
+    direction: DropdownMenuDirection;
     duration: string | number;
     closeOnClickOverlay: boolean;
     closeOnClickOutside: boolean;

package/lib/dropdown-menu/index.d.ts

@@ -46,8 +46,8 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: true;
     };
 }>>, {
-    direction: import("./types").DropdownMenuDirection;
     overlay: boolean;
+    direction: import("./types").DropdownMenuDirection;
     duration: string | number;
     closeOnClickOverlay: boolean;
     closeOnClickOutside: boolean;

package/lib/empty/index.css

@@ -1 +1 @@
-:root{--zt-empty-image-width: 200px;--zt-empty-image-height: 200px;--zt-empty-image-background-color: #e6f5ff;--zt-empty-description-padding: 8px 64px 16px;--zt-empty-description-color: var(--zt-gray-a6);--zt-empty-description-font-size: var(--zt-font-size-md);--zt-empty-description-line-height: var(--zt-line-height-md);--zt-empty-bottom-margin-top: 32px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height);color:var(--zt-empty-image-background-color)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{text-align:center;padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-empty-description-font-size);line-height:var(--zt-empty-description-line-height)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top);width:100%}.zt-theme-dark{--zt-empty-image-background-color: #1e3347}
+:root{--zt-empty-image-width: 200px;--zt-empty-image-height: 200px;--zt-empty-image-background-color: var(--zt-primary-color-a1);--zt-empty-description-padding: 8px 64px 16px;--zt-empty-description-color: var(--zt-gray-a6);--zt-empty-description-font-size: var(--zt-font-size-md);--zt-empty-description-line-height: var(--zt-line-height-md);--zt-empty-bottom-margin-top: 32px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height);color:var(--zt-empty-image-background-color)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{text-align:center;padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-empty-description-font-size);line-height:var(--zt-empty-description-line-height)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top);width:100%}.zt-theme-dark{--zt-empty-image-background-color: var(--zt-gray-a1)}

package/lib/field/Field.d.ts

@@ -236,7 +236,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "clear" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "focus" | "blur" | "clear" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -347,10 +347,10 @@ declare const _default: import("vue").DefineComponent<{
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    direction: import("../cell").CellDirection;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    direction: import("../cell").CellDirection;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;

package/lib/field/Field.js

@@ -491,6 +491,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     return () => {
       const disabled = getProp("disabled");
+      const readonly = getProp("readonly");
       const labelAlign = getProp("labelAlign");
       const Label = renderLabel();
       const TitleIcon = renderTitleIcon();
@@ -502,6 +503,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem({
           error: showError.value,
           disabled,
+          readonly,
           [`label-${labelAlign}`]: labelAlign,
           "error-message": props.errorMessage !== "" && typeof props.errorMessage !== "undefined",
           description: props.description !== "" && typeof props.description !== "undefined",

package/lib/field/index.css

@@ -1 +1 @@
-:root{--zt-field-label-width: 100%;--zt-field-label-color: var(--zt-text-color);--zt-field-label-margin: 16px 12px 8px 0;--zt-field-value-border-radius: var(--zt-radius-md);--zt-field-input-text-color: var(--zt-text-color);--zt-field-input-disabled-text-color: var(--zt-text-color-3);--zt-field-placeholder-text-color: var(--zt-placeholder-color);--zt-field-icon-size: 20px;--zt-field-clear-icon-size: 20px;--zt-field-clear-icon-color: var(--zt-gray-a6);--zt-field-left-icon-color: var(--zt-gray-a4);--zt-field-right-icon-color: var(--zt-gray-6);--zt-field-password-icon-color: var(--zt-gray-a6);--zt-field-error-message-background-color: #fff0eb;--zt-field-error-message-color: var(--zt-red);--zt-field-error-message-font-size: 12px;--zt-field-description-background-color: var(--zt-gray-a04);--zt-field-description-color: var(--zt-gray-a6);--zt-field-description-font-size: 12px;--zt-field-description-border-color: var(--zt-gray-a2);--zt-field-text-area-min-height: 60px;--zt-field-word-limit-color: var(--zt-gray-a4);--zt-field-word-limit-font-size: var(--zt-font-size-md);--zt-field-word-limit-line-height: var(--zt-line-height-md);--zt-field-disabled-text-color: var(--zt-gray-a6);--zt-field-required-mark-color: #ff4b50;--zt-field-required-mark-margin: 0 0 0 4px;--zt-field-caret-color: #0091fa}.zt-field__label{flex:none;box-sizing:border-box;word-wrap:break-word;overflow:hidden}.zt-field__label--center{text-align:center}.zt-field__label--right{text-align:right}.zt-field__label--required:after{margin:var(--zt-field-required-mark-margin);color:var(--zt-field-required-mark-color);content:"*";font-weight:var(--zt-font-bold);line-height:var(--zt-line-height-md)}.zt-field--disabled .zt-field__label{color:var(--zt-field-disabled-text-color)}.zt-field__value{display:block;overflow:visible;border-radius:var(--zt-field-value-border-radius)}.zt-field__body{width:100%;display:flex;align-items:center}.zt-field__body input,.zt-field__body textarea{caret-color:var(--zt-field-caret-color)}.zt-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--zt-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.zt-field__control::-webkit-input-placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control::placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control:disabled{color:var(--zt-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--zt-field-input-disabled-text-color)}.zt-field__control:read-only{cursor:default}.zt-field__control--center{justify-content:center;text-align:center}.zt-field__control--right{justify-content:flex-end;text-align:right}.zt-field__control--custom{display:flex;align-items:center;min-height:var(--zt-cell-line-height)}.zt-field__control--min-height{min-height:var(--zt-field-text-area-min-height)}.zt-field__control[type=date],.zt-field__control[type=time],.zt-field__control[type=datetime-local]{min-height:var(--zt-cell-line-height)}.zt-field__control[type=search]{-webkit-appearance:none}.zt-field__clear,.zt-field__icon,.zt-field__button,.zt-field__right-icon{flex-shrink:0}.zt-field__clear,.zt-field__right-icon{margin-right:calc(var(--zt-padding-xs) * -1);padding:0 var(--zt-padding-xs);line-height:inherit}.zt-field__clear{color:var(--zt-field-clear-icon-color);font-size:var(--zt-field-clear-icon-size);cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:var(--zt-field-icon-size)}.zt-field__left-icon{color:var(--zt-field-left-icon-color);margin-right:var(--zt-padding-base);display:flex;align-items:center}.zt-field__right-icon{color:var(--zt-field-right-icon-color)}.zt-field__button{padding-left:var(--zt-padding-xs)}.zt-field__error-message{color:var(--zt-field-error-message-color);font-size:var(--zt-field-error-message-font-size);text-align:left}.zt-field__error-message--center{text-align:center}.zt-field__error-message--right{text-align:right}.zt-field__word-limit{margin-top:var(--zt-padding-md);color:var(--zt-field-word-limit-color);font-size:var(--zt-field-word-limit-font-size);line-height:var(--zt-field-word-limit-line-height)}.zt-field__word-num--exceed{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-cell__value,.zt-field--error .zt-cell__value,.zt-field--description .zt-cell__value{border-bottom-left-radius:0;border-bottom-right-radius:0}.zt-field__bottom{border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md)}.zt-field--error-message .zt-field__label,.zt-field--error .zt-field__label{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-field__error-message,.zt-field--error .zt-field__error-message{background:var(--zt-field-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-field-error-message-font-size);color:var(--zt-field-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field--error-message .zt-field__error-message:before,.zt-field--error .zt-field__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-field-error-message-color);transform:scaleY(.5)}.zt-field--error-message.zt-field--description .zt-field__error-message,.zt-field--error.zt-field--description .zt-field__error-message{border-radius:0}.zt-field__description{background:var(--zt-field-description-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-field-description-font-size);color:var(--zt-field-description-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field__description:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-field-description-border-color);transform:scaleY(.5)}.zt-field__password{width:100%;display:flex;justify-content:space-between;align-items:center}.zt-field__password .zt-icon{color:var(--zt-field-password-icon-color);font-size:var(--zt-field-icon-size)}.zt-field--is-link .zt-field__value{display:flex}.zt-theme-dark{--zt-field-error-message-background-color: rgba(255, 240, 235, .1);--zt-field-left-icon-color: var(--zt-gray-default)}
+:root{--zt-field-label-width: 100%;--zt-field-label-color: var(--zt-text-color);--zt-field-label-margin: 16px 12px 8px 0;--zt-field-value-border-radius: var(--zt-radius-md);--zt-field-input-text-color: var(--zt-text-color);--zt-field-input-disabled-text-color: var(--zt-gray-a4);--zt-field-placeholder-text-color: var(--zt-placeholder-color);--zt-field-icon-size: 20px;--zt-field-clear-icon-size: 20px;--zt-field-clear-icon-color: var(--zt-gray-a6);--zt-field-left-icon-color: var(--zt-gray-a4);--zt-field-right-icon-color: var(--zt-gray-a4);--zt-field-password-icon-color: var(--zt-gray-a6);--zt-field-error-message-background-color: rgb(var(--zt-red-r), var(--zt-red-g), var(--zt-red-b), .1);--zt-field-error-message-color: var(--zt-red);--zt-field-error-message-font-size: 12px;--zt-field-description-background-color: var(--zt-gray-a04);--zt-field-description-color: var(--zt-gray-a6);--zt-field-description-font-size: 12px;--zt-field-description-border-color: var(--zt-gray-a2);--zt-field-text-area-min-height: 60px;--zt-field-word-limit-color: var(--zt-gray-a4);--zt-field-word-limit-font-size: var(--zt-font-size-md);--zt-field-word-limit-line-height: var(--zt-line-height-md);--zt-field-disabled-text-color: var(--zt-gray-a6);--zt-field-required-mark-color: var(--zt-red);--zt-field-required-mark-margin: 0 0 0 4px;--zt-field-caret-color: var(--zt-primary-color)}.zt-field__label{flex:none;box-sizing:border-box;word-wrap:break-word;overflow:hidden}.zt-field__label--center{text-align:center}.zt-field__label--right{text-align:right}.zt-field__label--required:after{margin:var(--zt-field-required-mark-margin);color:var(--zt-field-required-mark-color);content:"*";font-weight:var(--zt-font-bold);line-height:var(--zt-line-height-md)}.zt-field--disabled .zt-field__label{color:var(--zt-field-disabled-text-color)}.zt-field--disabled .zt-cell__value--vertical,.zt-field--readonly .zt-cell__value--vertical{background:var(--zt-gray-a04)}.zt-field__value{display:block;overflow:visible;border-radius:var(--zt-field-value-border-radius)}.zt-field__body{width:100%;display:flex;align-items:center}.zt-field__body input,.zt-field__body textarea{caret-color:var(--zt-field-caret-color)}.zt-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--zt-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.zt-field__control::-webkit-input-placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control::placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control:disabled{color:var(--zt-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--zt-field-input-disabled-text-color)}.zt-field__control:read-only{cursor:default}.zt-field__control--center{justify-content:center;text-align:center}.zt-field__control--right{justify-content:flex-end;text-align:right}.zt-field__control--custom{display:flex;align-items:center;min-height:var(--zt-cell-line-height)}.zt-field__control--min-height{min-height:var(--zt-field-text-area-min-height)}.zt-field__control[type=date],.zt-field__control[type=time],.zt-field__control[type=datetime-local]{min-height:var(--zt-cell-line-height)}.zt-field__control[type=search]{-webkit-appearance:none}.zt-field__clear,.zt-field__icon,.zt-field__button,.zt-field__right-icon{flex-shrink:0}.zt-field__clear,.zt-field__right-icon{margin-right:calc(var(--zt-padding-xs) * -1);padding:0 var(--zt-padding-xs);line-height:inherit}.zt-field__clear{color:var(--zt-field-clear-icon-color);font-size:var(--zt-field-clear-icon-size);cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:var(--zt-field-icon-size)}.zt-field__left-icon{color:var(--zt-field-left-icon-color);margin-right:var(--zt-padding-base);display:flex;align-items:center}.zt-field__right-icon{color:var(--zt-field-right-icon-color)}.zt-field__button{padding-left:var(--zt-padding-xs)}.zt-field__error-message{color:var(--zt-field-error-message-color);font-size:var(--zt-field-error-message-font-size);text-align:left}.zt-field__error-message--center{text-align:center}.zt-field__error-message--right{text-align:right}.zt-field__word-limit{margin-top:var(--zt-padding-md);color:var(--zt-field-word-limit-color);font-size:var(--zt-field-word-limit-font-size);line-height:var(--zt-field-word-limit-line-height)}.zt-field__word-num--exceed{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-cell__value,.zt-field--error .zt-cell__value,.zt-field--description .zt-cell__value{border-bottom-left-radius:0;border-bottom-right-radius:0}.zt-field__bottom{border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md)}.zt-field--error-message .zt-field__label,.zt-field--error .zt-field__label{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-field__error-message,.zt-field--error .zt-field__error-message{background:var(--zt-field-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-field-error-message-font-size);color:var(--zt-field-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field--error-message .zt-field__error-message:before,.zt-field--error .zt-field__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-field-error-message-color);transform:scaleY(.5)}.zt-field--error-message.zt-field--description .zt-field__error-message,.zt-field--error.zt-field--description .zt-field__error-message{border-radius:0}.zt-field__description{background:var(--zt-field-description-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-field-description-font-size);color:var(--zt-field-description-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field__description:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-field-description-border-color);transform:scaleY(.5)}.zt-field__password{width:100%;display:flex;justify-content:space-between;align-items:center}.zt-field__password .zt-icon{color:var(--zt-field-password-icon-color);font-size:var(--zt-field-icon-size)}.zt-field--is-link .zt-field__value{display:flex}.zt-theme-dark{--zt-field-left-icon-color: var(--zt-gray)}

package/lib/field/index.d.ts

@@ -94,7 +94,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "clear" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "focus" | "blur" | "clear" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -205,10 +205,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    direction: import("..").CellDirection;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    direction: import("..").CellDirection;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;

package/lib/grid/Grid.d.ts

@@ -67,8 +67,8 @@ declare const _default: import("vue").DefineComponent<{
     reverse: boolean;
     center: boolean;
     border: boolean;
-    clickable: boolean;
     square: boolean;
+    clickable: boolean;
     columnNum: string | number;
 }, {}>;
 export default _default;

package/lib/grid/index.d.ts

@@ -40,8 +40,8 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
     reverse: boolean;
     center: boolean;
     border: boolean;
-    clickable: boolean;
     square: boolean;
+    clickable: boolean;
     columnNum: string | number;
 }, {}>>;
 export default Grid;

package/lib/hierarchy-select/HierarchySelect.d.ts

@@ -1,9 +1,14 @@
 import { ExtractPropTypes } from 'vue';
+import { HierarchyData } from './types';
 declare const hierarchySelectProps: {
     treeData: {
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<HierarchyData[]>;
+        default: () => HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<HierarchyData[]>;
+        default: () => HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,11 +68,15 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter")[], "selected" | "change" | "asyncGetter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter" | "update:checkedList")[], "selected" | "change" | "asyncGetter" | "update:checkedList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     treeData: {
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<HierarchyData[]>;
+        default: () => HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -92,12 +105,14 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
     onAsyncGetter?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checkedList"?: ((...args: any[]) => any) | undefined;
 }, {
     multiple: boolean;
     valueKey: string;
     textKey: string;
     breadcrumbTitle: string;
     treeData: unknown[];
+    checkedList: HierarchyData[];
     disableParent: boolean;
     autoChangeToChildren: boolean;
 }, {}>;