zartui 3.1.23 → 3.1.24

package/lib/swipe/Swipe.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_use = require("@zartui/use");
 var import_use_touch = require("../composables/use-touch");
@@ -45,7 +44,7 @@ const swipeProps = {
   title: Array
 };
 const SWIPE_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: swipeProps,
   emits: ["change", "dragStart", "dragEnd"],
@@ -53,8 +52,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const root = (0, import_vue2.ref)();
-    const state = (0, import_vue2.reactive)({
+    const root = (0, import_vue.ref)();
+    const state = (0, import_vue.reactive)({
       rect: null,
       width: 0,
       height: 0,
@@ -68,24 +67,24 @@ var stdin_default = (0, import_vue2.defineComponent)({
       children,
       linkChildren
     } = (0, import_use.useChildren)(SWIPE_KEY);
-    const count = (0, import_vue2.computed)(() => children.length);
-    const size = (0, import_vue2.computed)(() => state[props.vertical ? "height" : "width"]);
-    const delta = (0, import_vue2.computed)(() => props.vertical ? touch.deltaY.value : touch.deltaX.value);
-    const minOffset = (0, import_vue2.computed)(() => {
+    const count = (0, import_vue.computed)(() => children.length);
+    const size = (0, import_vue.computed)(() => state[props.vertical ? "height" : "width"]);
+    const delta = (0, import_vue.computed)(() => props.vertical ? touch.deltaY.value : touch.deltaX.value);
+    const minOffset = (0, import_vue.computed)(() => {
       if (state.rect) {
         const base = props.vertical ? state.rect.height : state.rect.width;
         return base - size.value * count.value;
       }
       return 0;
     });
-    const maxCount = (0, import_vue2.computed)(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
-    const trackSize = (0, import_vue2.computed)(() => count.value * size.value);
-    const activeIndicator = (0, import_vue2.computed)(() => count.value ? (state.active + count.value) % count.value : 0);
-    const isCorrectDirection = (0, import_vue2.computed)(() => {
+    const maxCount = (0, import_vue.computed)(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
+    const trackSize = (0, import_vue.computed)(() => count.value * size.value);
+    const activeIndicator = (0, import_vue.computed)(() => count.value ? (state.active + count.value) % count.value : 0);
+    const isCorrectDirection = (0, import_vue.computed)(() => {
       const expect = props.vertical ? "vertical" : "horizontal";
       return touch.direction.value === expect;
     });
-    const trackStyle = (0, import_vue2.computed)(() => {
+    const trackStyle = (0, import_vue.computed)(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
         transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
@@ -225,7 +224,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         autoplay();
       };
       if ((0, import_utils.isHidden)(root)) {
-        (0, import_vue2.nextTick)().then(cb);
+        (0, import_vue.nextTick)().then(cb);
       } else {
         cb();
       }
@@ -368,24 +367,24 @@ var stdin_default = (0, import_vue2.defineComponent)({
       count,
       activeIndicator
     });
-    (0, import_vue2.watch)(() => props.initialSwipe, (value) => initialize(+value));
-    (0, import_vue2.watch)(count, () => initialize(state.active));
-    (0, import_vue2.watch)(() => props.autoplay, autoplay);
-    (0, import_vue2.watch)([import_utils.windowWidth, import_utils.windowHeight], resize);
-    (0, import_vue2.watch)((0, import_use.usePageVisibility)(), (visible) => {
+    (0, import_vue.watch)(() => props.initialSwipe, (value) => initialize(+value));
+    (0, import_vue.watch)(count, () => initialize(state.active));
+    (0, import_vue.watch)(() => props.autoplay, autoplay);
+    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight], resize);
+    (0, import_vue.watch)((0, import_use.usePageVisibility)(), (visible) => {
       if (visible === "visible") {
         autoplay();
       } else {
         stopAutoplay();
       }
     });
-    (0, import_vue2.onMounted)(initialize);
-    (0, import_vue2.onActivated)(() => initialize(state.active));
+    (0, import_vue.onMounted)(initialize);
+    (0, import_vue.onActivated)(() => initialize(state.active));
     (0, import_on_popup_reopen.onPopupReopen)(() => {
       initialize(state.active);
     });
-    (0, import_vue2.onDeactivated)(stopAutoplay);
-    (0, import_vue2.onBeforeUnmount)(stopAutoplay);
+    (0, import_vue.onDeactivated)(stopAutoplay);
+    (0, import_vue.onBeforeUnmount)(stopAutoplay);
     return () => {
       var _a;
       return (0, import_vue.createVNode)("div", {

package/lib/swipe/index.css

@@ -1 +1 @@
-:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-font-size-lg);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}
+:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-font-size-lg);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}

package/lib/swipe/index.d.ts

@@ -1,5 +1,5 @@
 import { SwipeProps } from './Swipe';
-export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -34,7 +34,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     title: ArrayConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragEnd" | "dragStart")[], "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragEnd" | "dragStart")[], "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -69,11 +69,11 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     title: ArrayConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
     onDragStart?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     autoplay: string | number;
     loop: boolean;
     vertical: boolean;
@@ -83,7 +83,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Swipe;
 export type { SwipeProps };
 export type { SwipeInstance, SwipeToOptions, SwipeThemeVars } from './types';

package/lib/swipe-cell/SwipeCell.d.ts

@@ -12,7 +12,7 @@ export declare const swipeCellProps: {
     stopPropagation: BooleanConstructor;
 };
 export type SwipeCellProps = ExtractPropTypes<typeof swipeCellProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -32,13 +32,13 @@ declare const _default: import("vue").DefineComponent<{
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-}, {
+    onOpen?: ((...args: any[]) => any) | undefined;
+}>, {
     name: string | number;
     disabled: boolean;
     stopPropagation: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/swipe-cell/SwipeCell.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_use = require("@zartui/use");
 var import_use_touch = require("../composables/use-touch");
@@ -36,7 +35,7 @@ const swipeCellProps = {
   beforeClose: Function,
   stopPropagation: Boolean
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: swipeCellProps,
   emits: ["open", "close", "click"],
@@ -48,17 +47,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let lockClick;
     let startOffset;
     let isInBeforeClosing;
-    const root = (0, import_vue2.ref)();
-    const leftRef = (0, import_vue2.ref)();
-    const rightRef = (0, import_vue2.ref)();
-    const state = (0, import_vue2.reactive)({
+    const root = (0, import_vue.ref)();
+    const leftRef = (0, import_vue.ref)();
+    const rightRef = (0, import_vue.ref)();
+    const state = (0, import_vue.reactive)({
       offset: 0,
       dragging: false
     });
     const touch = (0, import_use_touch.useTouch)();
     const getWidthByRef = (ref2) => ref2.value ? (0, import_use.useRect)(ref2).width : 0;
-    const leftWidth = (0, import_vue2.computed)(() => (0, import_utils.isDef)(props.leftWidth) ? +props.leftWidth : getWidthByRef(leftRef));
-    const rightWidth = (0, import_vue2.computed)(() => (0, import_utils.isDef)(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
+    const leftWidth = (0, import_vue.computed)(() => (0, import_utils.isDef)(props.leftWidth) ? +props.leftWidth : getWidthByRef(leftRef));
+    const rightWidth = (0, import_vue.computed)(() => (0, import_utils.isDef)(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
     const open = (side) => {
       state.offset = side === "left" ? leftWidth.value : -rightWidth.value;
       if (!opened) {

package/lib/swipe-cell/index.css

@@ -1 +1 @@
-.zt-swipe-cell{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}.zt-swipe-cell__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.zt-swipe-cell__left,.zt-swipe-cell__right{position:absolute;top:0;height:100%}.zt-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.zt-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}
+.zt-swipe-cell{position:relative;overflow:hidden;cursor:grab}.zt-swipe-cell__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.zt-swipe-cell__left,.zt-swipe-cell__right{position:absolute;top:0;height:100%}.zt-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.zt-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}

package/lib/swipe-cell/index.d.ts

@@ -1,5 +1,5 @@
 import { SwipeCellProps } from './SwipeCell';
-export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -9,7 +9,7 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
     stopPropagation: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -19,15 +19,15 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
     stopPropagation: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-}, {
+    onOpen?: ((...args: any[]) => any) | undefined;
+}>, {
     name: string | number;
     disabled: boolean;
     stopPropagation: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default SwipeCell;
 export { swipeCellProps } from './SwipeCell';
 export type { SwipeCellProps };

package/lib/swipe-item/SwipeItem.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/swipe-item/SwipeItem.js

@@ -21,19 +21,18 @@ __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_Swipe = require("../swipe/Swipe");
 var import_use = require("@zartui/use");
 var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("swipe-item");
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   setup(props, {
     slots
   }) {
     let rendered;
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       offset: 0,
       inited: false,
       mounted: false
@@ -48,7 +47,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return;
     }
-    const style = (0, import_vue2.computed)(() => {
+    const style = (0, import_vue.computed)(() => {
       const style2 = {};
       const {
         vertical
@@ -61,7 +60,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return style2;
     });
-    const shouldRender = (0, import_vue2.computed)(() => {
+    const shouldRender = (0, import_vue.computed)(() => {
       const {
         loop,
         lazyRender
@@ -82,8 +81,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const setOffset = (offset) => {
       state.offset = offset;
     };
-    (0, import_vue2.onMounted)(() => {
-      (0, import_vue2.nextTick)(() => {
+    (0, import_vue.onMounted)(() => {
+      (0, import_vue.nextTick)(() => {
         state.mounted = true;
       });
     });

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

@@ -1,4 +1,4 @@
-export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default SwipeItem;
 declare module 'vue' {
     interface GlobalComponents {

package/lib/switch/Switch.d.ts

@@ -16,7 +16,7 @@ declare const switchProps: {
     };
 };
 export type SwitchProps = ExtractPropTypes<typeof switchProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -46,13 +46,13 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     loading: boolean;
     activeValue: unknown;
     inactiveValue: unknown;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/switch/Switch.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_use = require("@zartui/use");
 var import_loading = require("../loading");
@@ -42,7 +41,7 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: switchProps,
   emits: ["change", "update:modelValue"],

package/lib/switch/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Switch: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Switch: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -13,7 +13,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -28,15 +28,15 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     loading: boolean;
     activeValue: unknown;
     inactiveValue: unknown;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Switch;
 export type { SwitchProps } from './Switch';
 export type { SwitchThemeVars } from './types';

package/lib/tab/Tab.d.ts

@@ -3,6 +3,7 @@ declare const tabProps: {
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 } & {
     dot: BooleanConstructor;
     name: (NumberConstructor | StringConstructor)[];
@@ -17,10 +18,11 @@ declare const tabProps: {
     };
 };
 export type TabProps = ExtractPropTypes<typeof tabProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 } & {
     dot: BooleanConstructor;
     name: (NumberConstructor | StringConstructor)[];
@@ -33,10 +35,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, (() => import("vue/jsx-runtime").JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element | undefined) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 } & {
     dot: BooleanConstructor;
     name: (NumberConstructor | StringConstructor)[];
@@ -49,10 +52,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     replace: boolean;
     dot: boolean;
     disabled: boolean;
     showZeroBadge: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/tab/Tab.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_Tabs = require("../tabs/Tabs");
 var import_use = require("@zartui/use");
@@ -41,14 +40,14 @@ const tabProps = (0, import_utils.extend)({}, import_use_route.routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: import_utils.truthProp
 });
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: tabProps,
   setup(props, {
     slots
   }) {
     const id = (0, import_use_id.useId)();
-    const inited = (0, import_vue2.ref)(false);
+    const inited = (0, import_vue.ref)(false);
     const {
       parent,
       index
@@ -66,23 +65,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const init = () => {
       inited.value = true;
       if (parent.props.lazyRender) {
-        (0, import_vue2.nextTick)(() => {
+        (0, import_vue.nextTick)(() => {
           parent.onRendered(getName(), props.title);
         });
       }
     };
-    const active = (0, import_vue2.computed)(() => {
+    const active = (0, import_vue.computed)(() => {
       const isActive = getName() === parent.currentName.value;
       if (isActive && !inited.value) {
         init();
       }
       return isActive;
     });
-    (0, import_vue2.watch)(() => props.title, () => {
+    (0, import_vue.watch)(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
     });
-    (0, import_vue2.provide)(import_use_tab_status.TAB_STATUS_KEY, active);
+    (0, import_vue.provide)(import_use_tab_status.TAB_STATUS_KEY, active);
     return () => {
       var _a;
       const label = `${parent.id}-${index.value}`;

package/lib/tab/index.d.ts

@@ -1,7 +1,8 @@
-export declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: import("vue").PropType<import("vue-router").Router>;
 } & {
     dot: BooleanConstructor;
     name: (NumberConstructor | StringConstructor)[];
@@ -14,10 +15,11 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
         type: BooleanConstructor;
         default: true;
     };
-}, (() => import("vue/jsx-runtime").JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element | undefined) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: import("vue").PropType<import("vue-router").Router>;
 } & {
     dot: BooleanConstructor;
     name: (NumberConstructor | StringConstructor)[];
@@ -30,12 +32,12 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     replace: boolean;
     dot: boolean;
     disabled: boolean;
     showZeroBadge: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Tab;
 export type { TabProps } from './Tab';
 declare module 'vue' {

package/lib/tabbar/Tabbar.d.ts

@@ -30,7 +30,7 @@ export type TabbarProvide = {
     setActive: (active: Numeric, afterChange: () => void) => void;
 };
 export declare const TABBAR_KEY: InjectionKey<TabbarProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;
@@ -76,15 +76,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     fixed: boolean;
     border: boolean;
     placeholder: boolean;
     modelValue: string | number;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/tabbar/Tabbar.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_use = require("@zartui/use");
 var import_use_placeholder = require("../composables/use-placeholder");
@@ -43,7 +42,7 @@ const tabbarProps = {
   }
 };
 const TABBAR_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: tabbarProps,
   emits: ["change", "update:modelValue"],
@@ -51,7 +50,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const root = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
     const {
       linkChildren
     } = (0, import_use.useChildren)(TABBAR_KEY);