zartui 3.1.23 → 3.1.24

package/lib/drawer-select/DrawerSelect.js

@@ -31,7 +31,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_use = require("@zartui/use");
 var import_utils = require("../utils");
 var import_search = __toESM(require("../search"));
@@ -54,23 +53,23 @@ const drawerSelectProps = {
   defaultSelectNode: Object,
   activeClassName: (0, import_utils.makeStringProp)("")
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: drawerSelectProps,
   emits: ["change", "select"],
   setup(props, {
     emit
   }) {
-    const keyword = (0, import_vue2.ref)("");
-    const expandNode = (0, import_vue2.ref)();
-    const selectNode = (0, import_vue2.ref)(props.defaultSelectNode);
-    const flatArray = (0, import_vue2.ref)([]);
-    const show = (0, import_vue2.ref)(false);
-    const searchRef = (0, import_vue2.ref)();
-    const offset = (0, import_vue2.ref)(0);
-    const historyList = (0, import_vue2.ref)([]);
-    const defaultTreeNode = (0, import_vue2.ref)(props.treeData);
-    const fields = (0, import_vue2.computed)(() => (0, import_utils2.assignDefaultFields)(props.treeFieldName));
+    const keyword = (0, import_vue.ref)("");
+    const expandNode = (0, import_vue.ref)();
+    const selectNode = (0, import_vue.ref)(props.defaultSelectNode);
+    const flatArray = (0, import_vue.ref)([]);
+    const show = (0, import_vue.ref)(false);
+    const searchRef = (0, import_vue.ref)();
+    const offset = (0, import_vue.ref)(0);
+    const historyList = (0, import_vue.ref)([]);
+    const defaultTreeNode = (0, import_vue.ref)(props.treeData);
+    const fields = (0, import_vue.computed)(() => (0, import_utils2.assignDefaultFields)(props.treeFieldName));
     const {
       value,
       children,
@@ -142,7 +141,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       getNext(data);
       flatArray.value = result;
     };
-    (0, import_vue2.onMounted)(() => {
+    (0, import_vue.onMounted)(() => {
       var _a;
       historyList.value = JSON.parse((_a = localStorage.getItem("problemSearchHistory")) != null ? _a : "[]") || [];
       expandNode.value = {
@@ -197,7 +196,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const replaceString = `<span style="color: #0091FA; background: rgba(0, 145, 250, 0.1); font-weight: bold;">${keywords}</span>`;
       return text.replace(replaceReg, replaceString);
     };
-    const filterTree = (0, import_vue2.computed)(() => {
+    const filterTree = (0, import_vue.computed)(() => {
       if (keyword.value) {
         return flatArray.value.filter((item) => {
           return (item.fullName || "").indexOf(keyword.value) > -1;

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

@@ -1,4 +1,4 @@
-export declare const DrawerSelect: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const DrawerSelect: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     treeData: {
         type: import("vue").PropType<import("./types").DrawerSelectTreeNode[]>;
         default: () => import("./types").DrawerSelectTreeNode[];
@@ -21,7 +21,7 @@ export declare const DrawerSelect: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     treeData: {
         type: import("vue").PropType<import("./types").DrawerSelectTreeNode[]>;
         default: () => import("./types").DrawerSelectTreeNode[];
@@ -44,16 +44,16 @@ export declare const DrawerSelect: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     placeholder: string;
     treeData: import("./types").DrawerSelectTreeNode[];
     expandAll: boolean;
     activeClassName: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default DrawerSelect;
 export type { DrawerSelectProps } from './DrawerSelect';
 export type { DrawerSelectThemeVars, DrawerSelectTreeNode, FlatTreeNode, } from './types';

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

@@ -32,7 +32,7 @@ export declare const dropdownItemProps: {
     };
 };
 export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default: () => any[];
     };
-}, (() => import("vue/jsx-runtime").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").PublicProps, Readonly<ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, 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").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -90,16 +90,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default: () => any[];
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     placeholder: string;
     lazyRender: boolean;
@@ -107,5 +107,5 @@ declare const _default: import("vue").DefineComponent<{
     modelValueArray: any[];
     multiSelect: boolean;
     resetDefaultValue: any[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/dropdown-item/DropdownItem.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_DropdownMenu = require("../dropdown-menu/DropdownMenu");
 var import_use = require("@zartui/use");
@@ -48,7 +47,7 @@ const dropdownItemProps = {
   placeholder: (0, import_utils.makeStringProp)("\u672A\u9009\u62E9"),
   resetDefaultValue: (0, import_utils.makeArrayProp)()
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   inheritAttrs: false,
   props: dropdownItemProps,
@@ -58,12 +57,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots,
     attrs
   }) {
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       showPopup: false,
       transition: true,
       showWrapper: false
     });
-    const fields = (0, import_vue2.computed)(() => (0, import_utils.extend)({
+    const fields = (0, import_vue.computed)(() => (0, import_utils.extend)({
       text: "text",
       value: "value",
       children: "children"
@@ -72,7 +71,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       parent,
       index
     } = (0, import_use.useParent)(import_DropdownMenu.DROPDOWN_KEY);
-    const modelArray = (0, import_vue2.reactive)(props.modelValueArray);
+    const modelArray = (0, import_vue.reactive)(props.modelValueArray);
     if (!parent) {
       if (process.env.NODE_ENV !== "production") {
         console.error("[ZartUI] <DropdownItem> must be a child component of <DropdownMenu>.");
@@ -329,7 +328,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     return () => {
       if (props.teleport) {
-        return (0, import_vue.createVNode)(import_vue2.Teleport, {
+        return (0, import_vue.createVNode)(import_vue.Teleport, {
           "to": props.teleport
         }, {
           default: () => [renderContent()]

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

@@ -1,5 +1,5 @@
 import { DropdownItemProps } from './DropdownItem';
-export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
@@ -28,7 +28,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<any[]>;
         default: () => any[];
     };
-}, (() => import("vue/jsx-runtime").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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, 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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
@@ -57,16 +57,16 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<any[]>;
         default: () => any[];
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     placeholder: string;
     lazyRender: boolean;
@@ -74,7 +74,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     modelValueArray: any[];
     multiSelect: boolean;
     resetDefaultValue: any[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default DropdownItem;
 export { dropdownItemProps } from './DropdownItem';
 export type { DropdownItemProps };

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

@@ -26,7 +26,7 @@ export declare const dropdownMenuProps: {
 };
 export type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
 export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -72,11 +72,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     overlay: boolean;
     direction: DropdownMenuDirection;
     duration: string | number;
     closeOnClickOverlay: boolean;
     closeOnClickOutside: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/dropdown-menu/DropdownMenu.js

@@ -33,7 +33,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_icon = __toESM(require("../icon"));
 var import_utils = require("../utils");
 var import_use_id = require("../composables/use-id");
@@ -49,23 +48,23 @@ const dropdownMenuProps = {
   closeOnClickOverlay: import_utils.truthProp
 };
 const DROPDOWN_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: dropdownMenuProps,
   setup(props, {
     slots
   }) {
     const id = (0, import_use_id.useId)();
-    const root = (0, import_vue2.ref)();
-    const barRef = (0, import_vue2.ref)();
-    const offset = (0, import_vue2.ref)(0);
+    const root = (0, import_vue.ref)();
+    const barRef = (0, import_vue.ref)();
+    const offset = (0, import_vue.ref)(0);
     const {
       children,
       linkChildren
     } = (0, import_use.useChildren)(DROPDOWN_KEY);
     const scrollParent = (0, import_use.useScrollParent)(root);
-    const opened = (0, import_vue2.computed)(() => children.some((item) => item.state.showWrapper));
-    const barStyle = (0, import_vue2.computed)(() => {
+    const opened = (0, import_vue.computed)(() => children.some((item) => item.state.showWrapper));
+    const barStyle = (0, import_vue.computed)(() => {
       if (opened.value && (0, import_utils.isDef)(props.zIndex)) {
         return {
           zIndex: +props.zIndex + 1

package/lib/dropdown-menu/index.css

@@ -1 +1 @@
-:root{--zt-dropdown-menu-background: var(--zt-background-popup);--zt-dropdown-menu-bar-padding: 0 12px;--zt-dropdown-menu-item-margin: 12px 4px;--zt-dropdown-menu-item-height: 36px;--zt-dropdown-menu-item-padding: 0 12px;--zt-dropdown-menu-title-text-color: var(--zt-text-color);--zt-dropdown-menu-title-active-text-color: var(--zt-primary-color);--zt-dropdown-menu-title-disabled-text-color: var(--zt-text-color-2);--zt-dropdown-menu-option-active-color: var(--zt-primary-color);--zt-dropdown-menu-content-max-height: 80%}:root[zt-theme-size=large]{--zt-dropdown-menu-item-height: 48px}.zt-dropdown-menu{-webkit-user-select:none;user-select:none}.zt-dropdown-menu__bar{position:relative;display:flex;padding:var(--zt-dropdown-menu-bar-padding);align-items:center}.zt-dropdown-menu__bar--opened{z-index:calc(var(--zt-dropdown-item-z-index) + 1)}.zt-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;background:var(--zt-dropdown-menu-background);min-width:0;margin:var(--zt-dropdown-menu-item-margin);height:var(--zt-dropdown-menu-item-height);border-radius:calc(var(--zt-dropdown-menu-item-height) / 2);padding:var(--zt-dropdown-menu-item-padding);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);cursor:pointer}.zt-dropdown-menu__item:last-child{margin-right:0}.zt-dropdown-menu__item:active{opacity:.7}.zt-dropdown-menu__item--disabled:active{opacity:1}.zt-dropdown-menu__item--disabled .zt-dropdown-menu__title{color:var(--zt-dropdown-menu-title-disabled-text-color)}.zt-dropdown-menu__title{position:relative;box-sizing:border-box;width:100%;color:var(--zt-dropdown-menu-title-text-color);font-size:var(--zt-font-size-md)}.zt-dropdown-menu__title .zt-icon{position:absolute;right:0;top:3px;color:var(--zt-gray-4)}.zt-dropdown-menu__title--active{color:var(--zt-dropdown-menu-title-active-text-color)}.zt-dropdown-menu__title--active .zt-icon{color:currentColor}.zt-dropdown-menu__title--active .zt-dropdown-menu__icon{transform:rotate(180deg)}.zt-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}.zt-dropdown-menu__placeholder{color:var(--zt-gray-a2)}
+:root{--zt-dropdown-menu-background: var(--zt-background-popup);--zt-dropdown-menu-bar-padding: 0 12px;--zt-dropdown-menu-item-margin: 12px 4px;--zt-dropdown-menu-item-height: 36px;--zt-dropdown-menu-item-padding: 0 12px;--zt-dropdown-menu-title-text-color: var(--zt-text-color);--zt-dropdown-menu-title-active-text-color: var(--zt-primary-color);--zt-dropdown-menu-title-disabled-text-color: var(--zt-text-color-2);--zt-dropdown-menu-option-active-color: var(--zt-primary-color);--zt-dropdown-menu-content-max-height: 80%}:root[zt-theme-size=large]{--zt-dropdown-menu-item-height: 48px}.zt-dropdown-menu{-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-dropdown-menu__bar{position:relative;display:flex;padding:var(--zt-dropdown-menu-bar-padding);align-items:center}.zt-dropdown-menu__bar--opened{z-index:calc(var(--zt-dropdown-item-z-index) + 1)}.zt-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;background:var(--zt-dropdown-menu-background);min-width:0;margin:var(--zt-dropdown-menu-item-margin);height:var(--zt-dropdown-menu-item-height);border-radius:calc(var(--zt-dropdown-menu-item-height) / 2);padding:var(--zt-dropdown-menu-item-padding);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);cursor:pointer}.zt-dropdown-menu__item:last-child{margin-right:0}.zt-dropdown-menu__item:active{opacity:.7}.zt-dropdown-menu__item--disabled:active{opacity:1}.zt-dropdown-menu__item--disabled .zt-dropdown-menu__title{color:var(--zt-dropdown-menu-title-disabled-text-color)}.zt-dropdown-menu__title{position:relative;box-sizing:border-box;width:100%;color:var(--zt-dropdown-menu-title-text-color);font-size:var(--zt-font-size-md)}.zt-dropdown-menu__title .zt-icon{position:absolute;right:0;top:3px;color:var(--zt-gray-4)}.zt-dropdown-menu__title--active{color:var(--zt-dropdown-menu-title-active-text-color)}.zt-dropdown-menu__title--active .zt-icon{color:currentColor}.zt-dropdown-menu__title--active .zt-dropdown-menu__icon{transform:rotate(180deg)}.zt-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}.zt-dropdown-menu__placeholder{color:var(--zt-gray-a2)}

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

@@ -1,5 +1,5 @@
 import { DropdownMenuProps } from './DropdownMenu';
-export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -22,7 +22,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -45,13 +45,13 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     overlay: boolean;
     direction: import("./types").DropdownMenuDirection;
     duration: string | number;
     closeOnClickOverlay: boolean;
     closeOnClickOutside: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default DropdownMenu;
 export { dropdownMenuProps } from './DropdownMenu';
 export type { DropdownMenuProps };

package/lib/empty/Empty.d.ts

@@ -10,21 +10,21 @@ declare const emptyProps: {
     description: StringConstructor;
 };
 export type EmptyProps = ExtractPropTypes<typeof emptyProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     image: {
         type: PropType<string>;
         default: string;
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     image: {
         type: PropType<string>;
         default: string;
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     image: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/empty/Empty.js

@@ -21,7 +21,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_Images = require("./Images");
 var import_use_id = require("../composables/use-id");
@@ -45,7 +44,7 @@ const emptyProps = {
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: emptyProps,
   setup(props, {

package/lib/empty/index.d.ts

@@ -1,20 +1,20 @@
-export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     image: {
         type: import("vue").PropType<string>;
         default: string;
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     image: {
         type: import("vue").PropType<string>;
         default: string;
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     image: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Empty;
 export type { EmptyProps } from './Empty';
 export type { EmptyThemeVars } from './types';

package/lib/field/Field.d.ts

@@ -154,7 +154,7 @@ declare const fieldProps: {
     };
 };
 export type FieldProps = ExtractPropTypes<typeof fieldProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -262,7 +262,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, () => import("vue/jsx-runtime").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").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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").PublicProps, Readonly<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -370,7 +370,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeypress?: ((...args: any[]) => any) | undefined;
@@ -381,7 +381,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickLeftIcon?: ((...args: any[]) => any) | undefined;
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     center: boolean;
     type: FieldType;
     autofocus: boolean;
@@ -402,5 +402,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/field/Field.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_utils2 = require("./utils");
 var import_Cell = require("../cell/Cell");
@@ -81,7 +80,7 @@ const fieldProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, fie
     default: null
   }
 });
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
@@ -90,15 +89,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const id = (0, import_use_id.useId)();
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       status: "unvalidated",
       focused: false,
       validateMessage: "",
       showPassword: false
     });
-    const inputRef = (0, import_vue2.ref)();
-    const clearIconRef = (0, import_vue2.ref)();
-    const customValue = (0, import_vue2.ref)();
+    const inputRef = (0, import_vue.ref)();
+    const clearIconRef = (0, import_vue.ref)();
+    const customValue = (0, import_vue.ref)();
     const {
       parent: form
     } = (0, import_use.useParent)(import_utils.FORM_KEY);
@@ -114,7 +113,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return form.props[key];
       }
     };
-    const showClear = (0, import_vue2.computed)(() => {
+    const showClear = (0, import_vue.computed)(() => {
       const readonly = getProp("readonly");
       if (props.clearable && !readonly) {
         const hasValue = getModelValue() !== "";
@@ -123,7 +122,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return false;
     });
-    const formValue = (0, import_vue2.computed)(() => {
+    const formValue = (0, import_vue.computed)(() => {
       if (customValue.value && slots.input) {
         return customValue.value();
       }
@@ -255,7 +254,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onFocus = (event) => {
       state.focused = true;
       emit("focus", event);
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
       if (getProp("readonly")) {
         blur();
       }
@@ -268,7 +267,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       updateValue(getModelValue(), "onBlur");
       emit("blur", event);
       validateWithTrigger("onBlur");
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
       (0, import_utils.resetScroll)();
     };
     const onClickInput = (event) => emit("clickInput", event);
@@ -282,7 +281,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("update:modelValue", "");
       emit("clear", event);
     };
-    const showError = (0, import_vue2.computed)(() => {
+    const showError = (0, import_vue.computed)(() => {
       if (typeof props.error === "boolean") {
         return props.error;
       }
@@ -290,7 +289,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return true;
       }
     });
-    const labelStyle = (0, import_vue2.computed)(() => {
+    const labelStyle = (0, import_vue.computed)(() => {
       const labelWidth = getProp("labelWidth");
       if (labelWidth) {
         return {
@@ -415,7 +414,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": [bem("description"), props.descriptionClass]
       }, [props.description]);
     };
-    const showMessage = (0, import_vue2.computed)(() => !(form && form.props.showErrorMessage === false) && (props.errorMessage || state.validateMessage));
+    const showMessage = (0, import_vue.computed)(() => !(form && form.props.showErrorMessage === false) && (props.errorMessage || state.validateMessage));
     const renderMessage = () => {
       if (!showMessage.value) {
         return;
@@ -468,23 +467,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
       resetValidation,
       getValidationStatus
     });
-    (0, import_vue2.provide)(import_use.CUSTOM_FIELD_INJECTION_KEY, {
+    (0, import_vue.provide)(import_use.CUSTOM_FIELD_INJECTION_KEY, {
       customValue,
       resetValidation,
       validateWithTrigger
     });
-    (0, import_vue2.watch)(() => props.modelValue, () => {
+    (0, import_vue.watch)(() => props.modelValue, () => {
       updateValue(getModelValue());
       resetValidation();
       validateWithTrigger("onChange");
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
     });
-    (0, import_vue2.onMounted)(() => {
+    (0, import_vue.onMounted)(() => {
       updateValue(getModelValue(), props.formatTrigger);
-      (0, import_vue2.nextTick)(adjustTextareaSize);
+      (0, import_vue.nextTick)(adjustTextareaSize);
     });
     (0, import_use.useEventListener)("touchstart", onClear, {
-      target: (0, import_vue2.computed)(() => {
+      target: (0, import_vue.computed)(() => {
         var _a;
         return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
       })

package/lib/field/index.css

@@ -1 +1 @@
-:root{--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-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-description-background-color: var(--zt-gray-a04);--zt-field-description-color: var(--zt-gray-a6);--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-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--wraper{position:relative;background:var(--zt-background)}.zt-field--wraper>.zt-cell:after{display:none}.zt-field--wraper .zt-field__bottom{padding:0 var(--zt-padding-md) var(--zt-padding-xs)}.zt-field--wraper:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.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-line-height-md)}.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-line-height-md)}.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-font-size-xxl);cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:var(--zt-font-size-xxl)}.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{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-font-size-sm);color:var(--zt-field-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-sm);position:relative}.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--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-font-size-md);line-height:var(--zt-line-height-md)}.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--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-font-size-sm);color:var(--zt-field-description-color);letter-spacing:0;line-height:var(--zt-line-height-sm);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-font-size-xxl)}.zt-field--is-link .zt-field__value{display:flex}.zt-theme-dark{--zt-field-left-icon-color: var(--zt-gray)}
+:root{--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-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-description-background-color: var(--zt-gray-a04);--zt-field-description-color: var(--zt-gray-a6);--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-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--wraper{position:relative;background:var(--zt-background)}.zt-field--wraper>.zt-cell:after{display:none}.zt-field--wraper .zt-field__bottom{padding:0 var(--zt-padding-md) var(--zt-padding-xs)}.zt-field--wraper:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.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;-moz-user-select:auto;user-select:auto}.zt-field__control::-moz-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:-moz-read-only{cursor:default}.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-line-height-md)}.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-line-height-md)}.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-font-size-xxl);cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:var(--zt-font-size-xxl)}.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{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-font-size-sm);color:var(--zt-field-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-sm);position:relative}.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--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-font-size-md);line-height:var(--zt-line-height-md)}.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--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-font-size-sm);color:var(--zt-field-description-color);letter-spacing:0;line-height:var(--zt-line-height-sm);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-font-size-xxl)}.zt-field--is-link .zt-field__value{display:flex}.zt-theme-dark{--zt-field-left-icon-color: var(--zt-gray)}