zartui 3.1.23 → 3.1.24

package/lib/picker/PickerColumn.d.ts

@@ -1,7 +1,7 @@
 import type { InjectionKey, PropType } from 'vue';
 import type { PickerColumnProvide, PickerFieldNames, PickerOption } from './types';
 export declare const PICKER_KEY: InjectionKey<PickerColumnProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     unit: {
         type: PropType<string>;
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     unit: {
         type: PropType<string>;
@@ -57,13 +57,13 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly: boolean;
     options: PickerOption[];
     allowHtml: boolean;
     unit: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/picker/PickerColumn.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_use = require("@zartui/use");
@@ -33,7 +32,7 @@ const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
 const [name, bem] = (0, import_utils.createNamespace)("picker-column");
 const PICKER_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: {
     value: import_utils.numericProp,
@@ -56,10 +55,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let touchStartTime;
     let momentumOffset;
     let transitionEndTrigger;
-    const root = (0, import_vue2.ref)();
-    const wrapper = (0, import_vue2.ref)();
-    const currentOffset = (0, import_vue2.ref)(0);
-    const currentDuration = (0, import_vue2.ref)(0);
+    const root = (0, import_vue.ref)();
+    const wrapper = (0, import_vue.ref)();
+    const currentOffset = (0, import_vue.ref)(0);
+    const currentDuration = (0, import_vue.ref)(0);
     const touch = (0, import_use_touch.useTouch)();
     const count = () => props.options.length;
     const baseOffset = () => props.optionHeight * (+props.visibleOptionNum - 1) / 2;
@@ -203,7 +202,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_use_expose.useExpose)({
       stopMomentum
     });
-    (0, import_vue2.watchEffect)(() => {
+    (0, import_vue.watchEffect)(() => {
       const index = props.options.findIndex((option) => option[props.fields.value] === props.value);
       const enabledIndex = (0, import_utils2.findIndexOfEnabledOption)(props.options, index);
       currentOffset.value = -enabledIndex * props.optionHeight;

package/lib/picker/PickerOptions.d.ts

@@ -22,7 +22,7 @@ declare const pickerOptionsProps: {
     };
 };
 export type PickerOptionsProps = ExtractPropTypes<typeof pickerOptionsProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     fields: {
         type: PropType<Required<PickerFieldNames>>;
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     fields: {
         type: PropType<Required<PickerFieldNames>>;
@@ -62,14 +62,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly: boolean;
     options: PickerOption[];
     allowHtml: boolean;
     itemHeight: number;
     columnCounts: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/picker/PickerOptions.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");
 const [name, bem] = (0, import_utils.createNamespace)("picker-options");
 const pickerOptionsProps = {
@@ -33,7 +32,7 @@ const pickerOptionsProps = {
   columnCounts: (0, import_utils.makeNumberProp)(3),
   options: (0, import_utils.makeArrayProp)()
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: pickerOptionsProps,
   emits: ["change", "clickOption"],
@@ -41,12 +40,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const currentIndex = (0, import_vue2.ref)(-1);
-    const state = (0, import_vue2.reactive)({
+    const currentIndex = (0, import_vue.ref)(-1);
+    const state = (0, import_vue.reactive)({
       options: props.options,
       confirmed: false
     });
-    const columnCounts = (0, import_vue2.ref)(props.columnCounts);
+    const columnCounts = (0, import_vue.ref)(props.columnCounts);
     const onClickItem = (index) => {
       if (props.readonly) {
         return;
@@ -99,7 +98,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [slots.options ? slots.options(option) : (0, import_vue.createVNode)("div", childData, null)]);
       });
     };
-    (0, import_vue2.watchEffect)(() => {
+    (0, import_vue.watchEffect)(() => {
       currentIndex.value = props.options.findIndex((option) => option[props.fields.value] === props.value);
     });
     return () => (0, import_vue.createVNode)("div", {

package/lib/picker/PickerToolbar.d.ts

@@ -5,14 +5,14 @@ export declare const pickerToolbarProps: {
 export declare const pickerToolbarSlots: string[];
 export type PickerToolbarPropKeys = Array<keyof typeof pickerToolbarProps>;
 export declare const pickerToolbarPropKeys: PickerToolbarPropKeys;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/picker/PickerToolbar.js

@@ -24,7 +24,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_button = require("../button");
@@ -36,7 +35,7 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],

package/lib/picker/index.css

@@ -1 +1 @@
-:root{--zt-picker-cancel-margin: 8px 4px 8px 16px;--zt-picker-confirm-margin: 8px 16px 8px 4px;--zt-picker-title-height: 44px;--zt-picker-title-border-radius: 16px 16px 0 0;--zt-picker-frame-background-color: var(--zt-gray-a06);--zt-picker-title-text-color: var(--zt-gray-a4);--zt-picker-background: var(--zt-background-popup);--zt-picker-toolbar-height: 60px;--zt-picker-title-background: var(--zt-background-popup);--zt-picker-option-padding: 0 var(--zt-padding-base);--zt-picker-option-text-color: var(--zt-text-color);--zt-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-picker-option-disabled-background: var(--zt-gray-a04);--zt-picker-loading-icon-color: var(--zt-primary-color);--zt-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-picker-warpper-padding: 12px 16px 4px 16px;--zt-picker-option-item-text-color: var(--zt-gray-a6);--zt-picker-option-item-padding: 0 4px 8px 0;--zt-picker-options-ellipsis-height: 36px;--zt-picker-options-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-picker-option-item-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-picker-options-ellipsis-height: 50px}.zt-theme-dark{--zt-picker-loading-mask-color: rgba(0, 0, 0, .6);--zt-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.zt-picker{position:relative;background:var(--zt-picker-background);-webkit-user-select:none;user-select:none}.zt-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-picker-toolbar-height)}.zt-picker__cancel,.zt-picker__confirm{width:50%}.zt-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-picker-cancel-margin)}.zt-picker__confirm{margin:var(--zt-picker-confirm-margin)}.zt-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-picker-title-height);border-radius:var(--zt-picker-title-border-radius);font-size:var(--zt-font-size-md);background:var(--zt-picker-title-background);color:var(--zt-picker-title-text-color)}.zt-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.zt-picker__options{position:relative;display:flex;cursor:-webkit-grab;cursor:grab;overflow-y:scroll}.zt-picker__options:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-picker__options:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-picker-loading-icon-color);background:var(--zt-picker-loading-mask-color)}.zt-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-picker-frame-background-color)}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-picker-background)}.zt-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-picker-option-padding);color:var(--zt-picker-option-text-color)}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-picker-option-disabled-opacity)}.zt-picker-column__item--selected{font-weight:700}.zt-picker-column__unit{background:var(--zt-picker-title-background);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zt-picker-option-text-color);font-size:var(--zt-font-size-lg);width:100%;height:100%}.zt-picker-column__unit-text{margin:0 4px;font-size:var(--zt-font-size-md)}.zt-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-picker-background);padding:var(--zt-picker-warpper-padding)}.zt-picker-options__item{color:var(--zt-picker-option-item-text-color);padding:var(--zt-picker-option-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-picker-options__item .zt-ellipsis{height:var(--zt-picker-options-ellipsis-height);line-height:var(--zt-picker-options-ellipsis-height);border-radius:calc(var(--zt-picker-options-ellipsis-height) / 2);background:var(--zt-gray-a04);padding:0 var(--zt-padding-md)}.zt-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-picker-options__item--disabled .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}.zt-picker-options__item--last{padding-right:0}.zt-picker-options__item--selected{color:var(--zt-white)}.zt-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color)}.zt-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}
+:root{--zt-picker-cancel-margin: 8px 4px 8px 16px;--zt-picker-confirm-margin: 8px 16px 8px 4px;--zt-picker-title-height: 44px;--zt-picker-title-border-radius: 16px 16px 0 0;--zt-picker-frame-background-color: var(--zt-gray-a06);--zt-picker-title-text-color: var(--zt-gray-a4);--zt-picker-background: var(--zt-background-popup);--zt-picker-toolbar-height: 60px;--zt-picker-title-background: var(--zt-background-popup);--zt-picker-option-padding: 0 var(--zt-padding-base);--zt-picker-option-text-color: var(--zt-text-color);--zt-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-picker-option-disabled-background: var(--zt-gray-a04);--zt-picker-loading-icon-color: var(--zt-primary-color);--zt-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-picker-warpper-padding: 12px 16px 4px 16px;--zt-picker-option-item-text-color: var(--zt-gray-a6);--zt-picker-option-item-padding: 0 4px 8px 0;--zt-picker-options-ellipsis-height: 36px;--zt-picker-options-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-picker-option-item-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-picker-options-ellipsis-height: 50px}.zt-theme-dark{--zt-picker-loading-mask-color: rgba(0, 0, 0, .6);--zt-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.zt-picker{position:relative;background:var(--zt-picker-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-picker-toolbar-height)}.zt-picker__cancel,.zt-picker__confirm{width:50%}.zt-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-picker-cancel-margin)}.zt-picker__confirm{margin:var(--zt-picker-confirm-margin)}.zt-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-picker-title-height);border-radius:var(--zt-picker-title-border-radius);font-size:var(--zt-font-size-md);background:var(--zt-picker-title-background);color:var(--zt-picker-title-text-color)}.zt-picker__columns{position:relative;display:flex;cursor:grab}.zt-picker__options{position:relative;display:flex;cursor:grab;overflow-y:scroll}.zt-picker__options:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-picker__options:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-picker-loading-icon-color);background:var(--zt-picker-loading-mask-color)}.zt-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-picker-frame-background-color)}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-picker-background)}.zt-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-picker-option-padding);color:var(--zt-picker-option-text-color)}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-picker-option-disabled-opacity)}.zt-picker-column__item--selected{font-weight:700}.zt-picker-column__unit{background:var(--zt-picker-title-background);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zt-picker-option-text-color);font-size:var(--zt-font-size-lg);width:100%;height:100%}.zt-picker-column__unit-text{margin:0 4px;font-size:var(--zt-font-size-md)}.zt-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-picker-background);padding:var(--zt-picker-warpper-padding)}.zt-picker-options__item{color:var(--zt-picker-option-item-text-color);padding:var(--zt-picker-option-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-picker-options__item .zt-ellipsis{height:var(--zt-picker-options-ellipsis-height);line-height:var(--zt-picker-options-ellipsis-height);border-radius:calc(var(--zt-picker-options-ellipsis-height) / 2);background:var(--zt-gray-a04);padding:0 var(--zt-padding-md)}.zt-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-picker-options__item--disabled .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}.zt-picker-options__item--last{padding-right:0}.zt-picker-options__item--selected{color:var(--zt-white)}.zt-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color)}.zt-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}

package/lib/picker/index.d.ts

@@ -1,5 +1,5 @@
 import { PickerProps } from './Picker';
-export declare const Picker: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Picker: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -61,7 +61,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         type: NumberConstructor;
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -123,14 +123,14 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         type: NumberConstructor;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     modelValue: import("../utils").Numeric[];
     readonly: boolean;
@@ -148,7 +148,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Picker;
 export { pickerProps } from './Picker';
 export type { PickerProps };

package/lib/popover/Popover.d.ts

@@ -53,7 +53,7 @@ export declare const popoverProps: {
     };
 };
 export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     show: BooleanConstructor;
     theme: {
         type: PropType<PopoverTheme>;
@@ -104,7 +104,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     theme: {
         type: PropType<PopoverTheme>;
@@ -155,11 +155,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onTouchstart?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     offset: [number, number];
     theme: PopoverTheme;
     overlay: boolean;
@@ -173,5 +173,5 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     placement: PopoverPlacement;
     autoAdjustOverflow: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/popover/Popover.js

@@ -42,8 +42,7 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_vue3 = require("@floating-ui/vue");
+var import_vue2 = require("@floating-ui/vue");
 var import_popperjs = require("@zartui/popperjs");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
@@ -81,7 +80,7 @@ const popoverProps = {
     default: false
   }
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: popoverProps,
   emits: ["select", "touchstart", "update:show"],
@@ -91,10 +90,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     attrs
   }) {
     let popper;
-    const popupRef = (0, import_vue2.ref)();
-    const wrapperRef = (0, import_vue2.ref)();
-    const popoverRef = (0, import_vue2.ref)();
-    const arrowRef = (0, import_vue2.ref)();
+    const popupRef = (0, import_vue.ref)();
+    const wrapperRef = (0, import_vue.ref)();
+    const popoverRef = (0, import_vue.ref)();
+    const arrowRef = (0, import_vue.ref)();
     const show = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.show, (value) => emit("update:show", value));
     const getPopoverOptions = () => ({
       placement: props.placement,
@@ -117,7 +116,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return null;
     };
     const updateLocation = () => {
-      (0, import_vue2.nextTick)(() => {
+      (0, import_vue.nextTick)(() => {
         if (!show.value) {
           return;
         }
@@ -208,13 +207,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
             y,
             placement: realPlacement,
             middlewareData
-          } = yield (0, import_vue3.computePosition)(wrapperEl, popoverEl, {
+          } = yield (0, import_vue2.computePosition)(wrapperEl, popoverEl, {
             placement: props.placement,
-            middleware: [(0, import_vue3.offset)(8), (0, import_vue3.shift)({
+            middleware: [(0, import_vue2.offset)(8), (0, import_vue2.shift)({
               padding: 4,
               crossAxis: false,
-              limiter: (0, import_vue3.limitShift)()
-            }), (0, import_vue3.flip)(), (0, import_vue3.hide)(), (0, import_vue3.arrow)({
+              limiter: (0, import_vue2.limitShift)()
+            }), (0, import_vue2.flip)(), (0, import_vue2.hide)(), (0, import_vue2.arrow)({
               element: arrowRef.value,
               padding: 6
             })]
@@ -250,19 +249,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       });
     }
-    (0, import_vue2.onMounted)(() => {
+    (0, import_vue.onMounted)(() => {
       updateLocation();
-      (0, import_vue2.watchEffect)(() => {
+      (0, import_vue.watchEffect)(() => {
         var _a;
         popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
         if (wrapperRef.value && popupRef.value && props.autoAdjustOverflow) {
-          (0, import_vue3.autoUpdate)(wrapperRef.value, popupRef.value, update, {
+          (0, import_vue2.autoUpdate)(wrapperRef.value, popupRef.value, update, {
             elementResize: typeof ResizeObserver !== "undefined"
           });
         }
       });
     });
-    (0, import_vue2.onBeforeUnmount)(() => {
+    (0, import_vue.onBeforeUnmount)(() => {
       if (popper) {
         if (import_utils.inBrowser) {
           window.removeEventListener("animationend", updateLocation);
@@ -272,7 +271,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         popper = null;
       }
     });
-    (0, import_vue2.watch)(() => [show.value, props.offset, props.placement], updateLocation);
+    (0, import_vue.watch)(() => [show.value, props.offset, props.placement], updateLocation);
     (0, import_use.useClickAway)(wrapperRef, onClickAway, {
       eventName: "touchstart"
     });

package/lib/popover/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     theme: {
         type: import("vue").PropType<import("./types").PopoverTheme>;
@@ -49,7 +49,7 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     theme: {
         type: import("vue").PropType<import("./types").PopoverTheme>;
@@ -100,11 +100,11 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onTouchstart?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     offset: [number, number];
     theme: import("./types").PopoverTheme;
     overlay: boolean;
@@ -118,7 +118,7 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
     showArrow: boolean;
     placement: import("./types").PopoverPlacement;
     autoAdjustOverflow: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Popover;
 export { popoverProps } from './Popover';
 export type { PopoverProps } from './Popover';

package/lib/popup/Popup.d.ts

@@ -60,7 +60,7 @@ declare const popupProps: {
     slideable: BooleanConstructor;
 };
 export type PopupProps = ExtractPropTypes<typeof popupProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     slideable: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -176,16 +176,16 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     slideable: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onClickOverlay?: ((...args: any[]) => any) | undefined;
     onClickCloseIcon?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: PopupPosition;
     overlay: boolean;
     round: boolean;
@@ -204,5 +204,5 @@ declare const _default: import("vue").DefineComponent<{
     minDragHeight: string;
     maxDragHeight: string;
     slideable: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/popup/Popup.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_shared = require("./shared");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
@@ -51,7 +50,7 @@ const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
   slideable: Boolean
 });
 const [name, bem] = (0, import_utils.createNamespace)("popup");
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   inheritAttrs: false,
   props: popupProps,
@@ -63,16 +62,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     let opened;
     let shouldReopen;
-    const root = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
     let timerId = setInterval(() => {
     }, 0);
-    const contentStyle = (0, import_vue2.ref)(`height:${props.sliderContentHeight}px;`);
-    const zIndex = (0, import_vue2.ref)();
-    const popupRef = (0, import_vue2.ref)();
+    const contentStyle = (0, import_vue.ref)(`height:${props.sliderContentHeight}px;`);
+    const zIndex = (0, import_vue.ref)();
+    const popupRef = (0, import_vue.ref)();
     let touchPoint = 0;
     const touchAreaHeight = (0, import_utils.unitToPx)(props.minDragHeight);
     const lazyRender = (0, import_use_lazy_render.useLazyRender)(() => props.show || !props.lazyRender);
-    const style = (0, import_vue2.computed)(() => {
+    const style = (0, import_vue.computed)(() => {
       const style2 = {
         zIndex: zIndex.value
       };
@@ -223,7 +222,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         transitionAppear
       } = props;
       const name2 = position === "center" ? "zt-fade" : `zt-popup-slide-${position}`;
-      return (0, import_vue.createVNode)(import_vue2.Transition, {
+      return (0, import_vue.createVNode)(import_vue.Transition, {
         "name": transition || name2,
         "appear": transitionAppear,
         "onAfterEnter": onOpened,
@@ -239,7 +238,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         transitionAppear
       } = props;
       const name2 = position === "center" ? "zt-fade" : `zt-popup-slide-${position}`;
-      return (0, import_vue.createVNode)(import_vue2.Transition, {
+      return (0, import_vue.createVNode)(import_vue.Transition, {
         "name": transition || name2,
         "appear": transitionAppear,
         "onAfterEnter": onOpened,
@@ -248,11 +247,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
         default: sliderRenderPopup
       });
     };
-    (0, import_vue2.watch)(() => props.show, (show) => {
+    (0, import_vue.watch)(() => props.show, (show) => {
       if (show && !opened) {
         open();
         if (attrs.tabindex === 0) {
-          (0, import_vue2.nextTick)(() => {
+          (0, import_vue.nextTick)(() => {
             var _a;
             (_a = popupRef.value) == null ? void 0 : _a.focus();
           });
@@ -273,27 +272,27 @@ var stdin_default = (0, import_vue2.defineComponent)({
         shouldReopen = false;
       }
     });
-    (0, import_vue2.onMounted)(() => {
+    (0, import_vue.onMounted)(() => {
       if (props.show) {
         open();
       }
     });
-    (0, import_vue2.onActivated)(() => {
+    (0, import_vue.onActivated)(() => {
       if (shouldReopen) {
         emit("update:show", true);
         shouldReopen = false;
       }
     });
-    (0, import_vue2.onDeactivated)(() => {
+    (0, import_vue.onDeactivated)(() => {
       if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }
     });
-    (0, import_vue2.provide)(import_on_popup_reopen.POPUP_TOGGLE_KEY, () => props.show);
+    (0, import_vue.provide)(import_on_popup_reopen.POPUP_TOGGLE_KEY, () => props.show);
     return () => {
       if (props.teleport) {
-        return (0, import_vue.createVNode)(import_vue2.Teleport, {
+        return (0, import_vue.createVNode)(import_vue.Teleport, {
           "to": props.teleport
         }, {
           default: () => [renderOverlay(), renderTransition()]

package/lib/popup/index.css

@@ -1 +1 @@
-:root{--zt-popup-background: var(--zt-background-popup);--zt-popup-transition: transform var(--zt-duration-base);--zt-popup-round-radius: 16px;--zt-popup-close-icon-color: var(--zt-gray-a6);--zt-popup-close-icon-margin: 16px;--zt-popup-close-icon-z-index: 1}.zt-overflow-hidden{overflow:hidden!important}.zt-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--zt-popup-background);transition:var(--zt-popup-transition);-webkit-overflow-scrolling:touch}.zt-popup__slider{position:fixed;width:100%;bottom:0;left:0;border-radius:16px 16px 0 0;background-color:var(--zt-popup-background)}.zt-popup__slider-title{height:40px;text-align:center}.zt-popup__slider-bar{display:inline-block;width:32px;height:4px;transform:scaleY(-1);background:rgba(45,75,115,.2);border-radius:3px}.zt-popup__slider-content{overflow-y:auto}.zt-popup--center{top:50%;left:0;right:0;width:-webkit-fit-content;width:fit-content;max-width:calc(100vw - var(--zt-padding-md) * 2);margin:0 auto;transform:translateY(-50%)}.zt-popup--center.zt-popup--round{border-radius:var(--zt-popup-round-radius)}.zt-popup--top{top:0;left:0;width:100%}.zt-popup--top.zt-popup--round{border-radius:0 0 var(--zt-popup-round-radius) var(--zt-popup-round-radius)}.zt-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.zt-popup--right.zt-popup--round{border-radius:var(--zt-popup-round-radius) 0 0 var(--zt-popup-round-radius)}.zt-popup--bottom{bottom:0;left:0;width:100%}.zt-popup--bottom.zt-popup--round{border-radius:var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0 0}.zt-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.zt-popup--left.zt-popup--round{border-radius:0 var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0}.zt-popup-slide-top-enter-active,.zt-popup-slide-left-enter-active,.zt-popup-slide-right-enter-active,.zt-popup-slide-bottom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popup-slide-top-leave-active,.zt-popup-slide-left-leave-active,.zt-popup-slide-right-leave-active,.zt-popup-slide-bottom-leave-active{transition-timing-function:var(--zt-ease-in)}.zt-popup-slide-top-enter-from,.zt-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.zt-popup-slide-right-enter-from,.zt-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.zt-popup-slide-bottom-enter-from,.zt-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.zt-popup-slide-left-enter-from,.zt-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.zt-popup__slider-icon{z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl);cursor:pointer}.zt-popup__close-icon{position:absolute;z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-popup__close-icon--top-left{top:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--top-right{top:var(--zt-popup-close-icon-margin);right:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-left{bottom:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-right{right:var(--zt-popup-close-icon-margin);bottom:var(--zt-popup-close-icon-margin)}
+:root{--zt-popup-background: var(--zt-background-popup);--zt-popup-transition: transform var(--zt-duration-base);--zt-popup-round-radius: 16px;--zt-popup-close-icon-color: var(--zt-gray-a6);--zt-popup-close-icon-margin: 16px;--zt-popup-close-icon-z-index: 1}.zt-overflow-hidden{overflow:hidden!important}.zt-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--zt-popup-background);transition:var(--zt-popup-transition);-webkit-overflow-scrolling:touch}.zt-popup__slider{position:fixed;width:100%;bottom:0;left:0;border-radius:16px 16px 0 0;background-color:var(--zt-popup-background)}.zt-popup__slider-title{height:40px;text-align:center}.zt-popup__slider-bar{display:inline-block;width:32px;height:4px;transform:scaleY(-1);background:rgba(45,75,115,.2);border-radius:3px}.zt-popup__slider-content{overflow-y:auto}.zt-popup--center{top:50%;left:0;right:0;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - var(--zt-padding-md) * 2);margin:0 auto;transform:translateY(-50%)}.zt-popup--center.zt-popup--round{border-radius:var(--zt-popup-round-radius)}.zt-popup--top{top:0;left:0;width:100%}.zt-popup--top.zt-popup--round{border-radius:0 0 var(--zt-popup-round-radius) var(--zt-popup-round-radius)}.zt-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.zt-popup--right.zt-popup--round{border-radius:var(--zt-popup-round-radius) 0 0 var(--zt-popup-round-radius)}.zt-popup--bottom{bottom:0;left:0;width:100%}.zt-popup--bottom.zt-popup--round{border-radius:var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0 0}.zt-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.zt-popup--left.zt-popup--round{border-radius:0 var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0}.zt-popup-slide-top-enter-active,.zt-popup-slide-left-enter-active,.zt-popup-slide-right-enter-active,.zt-popup-slide-bottom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popup-slide-top-leave-active,.zt-popup-slide-left-leave-active,.zt-popup-slide-right-leave-active,.zt-popup-slide-bottom-leave-active{transition-timing-function:var(--zt-ease-in)}.zt-popup-slide-top-enter-from,.zt-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.zt-popup-slide-right-enter-from,.zt-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.zt-popup-slide-bottom-enter-from,.zt-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.zt-popup-slide-left-enter-from,.zt-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.zt-popup__slider-icon{z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl);cursor:pointer}.zt-popup__close-icon{position:absolute;z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-popup__close-icon--top-left{top:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--top-right{top:var(--zt-popup-close-icon-margin);right:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-left{bottom:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-right{right:var(--zt-popup-close-icon-margin);bottom:var(--zt-popup-close-icon-margin)}

package/lib/popup/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Popup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Popup: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -56,7 +56,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: string;
     };
     slideable: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -114,16 +114,16 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: string;
     };
     slideable: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onClickOverlay?: ((...args: any[]) => any) | undefined;
     onClickCloseIcon?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: import("./types").PopupPosition;
     overlay: boolean;
     round: boolean;
@@ -142,7 +142,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     minDragHeight: string;
     maxDragHeight: string;
     slideable: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Popup;
 export type { PopupProps } from './Popup';
 export type { PopupPosition, PopupInstance, PopupCloseIconPosition, PopupThemeVars, } from './types';