zartui 3.1.23-beta.2 → 3.1.23-beta.3

package/lib/icon/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Icon: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Icon: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dot: BooleanConstructor;
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
@@ -10,7 +10,7 @@ export declare const Icon: import("../utils").WithInstall<import("vue").DefineCo
     color: StringConstructor;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     classPrefix: 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<{
     dot: BooleanConstructor;
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
@@ -22,10 +22,10 @@ export declare const Icon: import("../utils").WithInstall<import("vue").DefineCo
     color: StringConstructor;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     classPrefix: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Icon;
 export type { IconProps } from './Icon';
 declare module 'vue' {

package/lib/image/Image.d.ts

@@ -32,7 +32,7 @@ declare const imageProps: {
     };
 };
 export type ImageProps = ExtractPropTypes<typeof imageProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     src: StringConstructor;
     alt: StringConstructor;
     fit: PropType<ImageFit>;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     src: StringConstructor;
     alt: StringConstructor;
     fit: PropType<ImageFit>;
@@ -90,10 +90,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     round: boolean;
     block: boolean;
     showError: boolean;
@@ -101,5 +101,5 @@ declare const _default: import("vue").DefineComponent<{
     errorIcon: string;
     showLoading: boolean;
     loadingIcon: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/image/Image.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_icon = require("../icon");
 const [name, bem] = (0, import_utils.createNamespace)("image");
@@ -43,7 +42,7 @@ const imageProps = {
   showLoading: import_utils.truthProp,
   loadingIcon: (0, import_utils.makeStringProp)("photo-default")
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: imageProps,
   emits: ["load", "error"],
@@ -51,13 +50,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const error = (0, import_vue2.ref)(false);
-    const loading = (0, import_vue2.ref)(true);
-    const imageRef = (0, import_vue2.ref)();
+    const error = (0, import_vue.ref)(false);
+    const loading = (0, import_vue.ref)(true);
+    const imageRef = (0, import_vue.ref)();
     const {
       $Lazyload
-    } = (0, import_vue2.getCurrentInstance)().proxy;
-    const style = (0, import_vue2.computed)(() => {
+    } = (0, import_vue.getCurrentInstance)().proxy;
+    const style = (0, import_vue.computed)(() => {
       const style2 = {
         width: (0, import_utils.addUnit)(props.width),
         height: (0, import_utils.addUnit)(props.height)
@@ -68,7 +67,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return style2;
     });
-    (0, import_vue2.watch)(() => props.src, () => {
+    (0, import_vue.watch)(() => props.src, () => {
       error.value = false;
       loading.value = true;
     });
@@ -138,7 +137,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (imageRef.value) {
         check();
       } else {
-        (0, import_vue2.nextTick)(check);
+        (0, import_vue.nextTick)(check);
       }
     };
     const onLazyLoadError = ({
@@ -151,7 +150,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     if ($Lazyload && import_utils.inBrowser) {
       $Lazyload.$on("loaded", onLazyLoaded);
       $Lazyload.$on("error", onLazyLoadError);
-      (0, import_vue2.onBeforeUnmount)(() => {
+      (0, import_vue.onBeforeUnmount)(() => {
         $Lazyload.$off("loaded", onLazyLoaded);
         $Lazyload.$off("error", onLazyLoadError);
       });

package/lib/image/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Image: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Image: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     alt: StringConstructor;
     fit: import("vue").PropType<import("./Image").ImageFit>;
@@ -27,7 +27,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     alt: StringConstructor;
     fit: import("vue").PropType<import("./Image").ImageFit>;
@@ -56,10 +56,10 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     round: boolean;
     block: boolean;
     showError: boolean;
@@ -67,7 +67,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     errorIcon: string;
     showLoading: boolean;
     loadingIcon: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Image;
 export type { ImageFit, ImageProps } from './Image';
 export type { ImageThemeVars } from './types';

package/lib/image-preview/ImagePreview.d.ts

@@ -62,7 +62,7 @@ export declare const imagePreviewProps: {
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
 };
 export type ImagePreviewProps = ExtractPropTypes<typeof imagePreviewProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
         default: PopupCloseIconPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -178,14 +178,14 @@ declare const _default: import("vue").DefineComponent<{
         default: PopupCloseIconPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     loop: boolean;
     overlay: boolean;
     show: boolean;
@@ -201,5 +201,5 @@ declare const _default: import("vue").DefineComponent<{
     images: ImageItem[];
     showIndex: boolean;
     startPosition: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/image-preview/ImagePreview.js

@@ -32,7 +32,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_expose = require("../composables/use-expose");
@@ -65,7 +64,7 @@ const imagePreviewProps = {
   closeIconPosition: (0, import_utils.makeStringProp)("top-right"),
   teleport: [String, Object]
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: imagePreviewProps,
   emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
@@ -73,8 +72,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const swipeRef = (0, import_vue2.ref)();
-    const state = (0, import_vue2.reactive)({
+    const swipeRef = (0, import_vue.ref)();
+    const state = (0, import_vue.reactive)({
       active: 0,
       rootWidth: 0,
       rootHeight: 0,
@@ -190,17 +189,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_use_expose.useExpose)({
       swipeTo
     });
-    (0, import_vue2.onMounted)(resize);
-    (0, import_vue2.watch)([import_utils.windowWidth, import_utils.windowHeight], resize);
-    (0, import_vue2.watch)(() => props.startPosition, (value) => setActive(+value));
-    (0, import_vue2.watch)(() => props.show, (value) => {
+    (0, import_vue.onMounted)(resize);
+    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight], resize);
+    (0, import_vue.watch)(() => props.startPosition, (value) => setActive(+value));
+    (0, import_vue.watch)(() => props.show, (value) => {
       const {
         images,
         startPosition
       } = props;
       if (value) {
         setActive(+startPosition);
-        (0, import_vue2.nextTick)(() => {
+        (0, import_vue.nextTick)(() => {
           resize();
           swipeTo(+startPosition, {
             immediate: true

package/lib/image-preview/ImagePreviewItem.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
     active: NumberConstructor;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     disableZoom: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
     active: NumberConstructor;
@@ -42,13 +42,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     disableZoom: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     show: boolean;
     closeOnClickOverlay: boolean;
     disableZoom: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/image-preview/ImagePreviewItem.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_touch = require("../composables/use-touch");
 var import_use = require("@zartui/use");
@@ -30,7 +29,7 @@ var import_loading = require("../loading");
 var import_swipe_item = require("../swipe-item");
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
 const bem = (0, import_utils.createNamespace)("image-preview")[1];
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   props: {
     src: String,
     show: Boolean,
@@ -47,7 +46,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       scale: 1,
       moveX: 0,
       moveY: 0,
@@ -58,8 +57,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       displayHeight: 0
     });
     const touch = (0, import_use_touch.useTouch)();
-    const swipeItem = (0, import_vue2.ref)();
-    const vertical = (0, import_vue2.computed)(() => {
+    const swipeItem = (0, import_vue.ref)();
+    const vertical = (0, import_vue.computed)(() => {
       const {
         rootWidth,
         rootHeight
@@ -67,7 +66,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const rootRatio = rootHeight / rootWidth;
       return state.imageRatio > rootRatio;
     });
-    const imageStyle = (0, import_vue2.computed)(() => {
+    const imageStyle = (0, import_vue.computed)(() => {
       const {
         scale,
         moveX,
@@ -85,7 +84,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return style;
     });
-    const maxMoveX = (0, import_vue2.computed)(() => {
+    const maxMoveX = (0, import_vue.computed)(() => {
       if (state.imageRatio) {
         const {
           rootWidth,
@@ -96,7 +95,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return 0;
     });
-    const maxMoveY = (0, import_vue2.computed)(() => {
+    const maxMoveY = (0, import_vue.computed)(() => {
       if (state.imageRatio) {
         const {
           rootWidth,
@@ -247,14 +246,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       } = event.target;
       state.imageRatio = naturalHeight / naturalWidth;
     };
-    (0, import_vue2.watch)(() => props.active, resetScale);
-    (0, import_vue2.watch)(() => props.show, (value) => {
+    (0, import_vue.watch)(() => props.active, resetScale);
+    (0, import_vue.watch)(() => props.show, (value) => {
       if (!value) {
         resetScale();
       }
     });
     (0, import_use.useEventListener)("touchmove", onTouchMove, {
-      target: (0, import_vue2.computed)(() => {
+      target: (0, import_vue.computed)(() => {
         var _a;
         return (_a = swipeItem.value) == null ? void 0 : _a.$el;
       })

package/lib/image-preview/index.d.ts

@@ -1,5 +1,5 @@
 import type { ImagePreviewProps } from './ImagePreview';
-export declare const ImagePreview: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ImagePreview: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -57,7 +57,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         default: import("..").PopupCloseIconPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -115,14 +115,14 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         default: import("..").PopupCloseIconPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     loop: boolean;
     overlay: boolean;
     show: boolean;
@@ -138,7 +138,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     images: import("./types").ImageItem[];
     showIndex: boolean;
     startPosition: string | number;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ImagePreview;
 export { imagePreviewProps } from './ImagePreview';
 export { showImagePreview } from './function-call';

package/lib/index-anchor/IndexAnchor.d.ts

@@ -3,9 +3,9 @@ export declare const indexAnchorProps: {
     index: (NumberConstructor | StringConstructor)[];
 };
 export type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/index-anchor/IndexAnchor.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_IndexBar = require("../index-bar/IndexBar");
 var import_dom = require("../utils/dom");
@@ -32,13 +31,13 @@ const [name, bem] = (0, import_utils.createNamespace)("index-anchor");
 const indexAnchorProps = {
   index: import_utils.numericProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: indexAnchorProps,
   setup(props, {
     slots
   }) {
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       top: 0,
       left: null,
       rect: {
@@ -48,7 +47,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       width: null,
       active: false
     });
-    const root = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
     const {
       parent
     } = (0, import_use.useParent)(import_IndexBar.INDEX_BAR_KEY);
@@ -59,7 +58,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return;
     }
     const isSticky = () => state.active && parent.props.sticky;
-    const anchorStyle = (0, import_vue2.computed)(() => {
+    const anchorStyle = (0, import_vue.computed)(() => {
       const {
         zIndex,
         highlightColor

package/lib/index-anchor/index.d.ts

@@ -1,8 +1,8 @@
-export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}>>, {}, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IndexAnchor;
 export { indexAnchorProps } from './IndexAnchor';
 export type { IndexAnchorProps } from './IndexAnchor';

package/lib/index-bar/IndexBar.d.ts

@@ -33,7 +33,7 @@ export declare const indexBarProps: {
 };
 export type IndexBarProps = ExtractPropTypes<typeof indexBarProps>;
 export declare const INDEX_BAR_KEY: InjectionKey<IndexBarProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -89,17 +89,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     onAnchorClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeAnchor"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     sticky: boolean;
     activeAnchor: string | number;
     stickyOffsetTop: number;
     indexList: Numeric[];
     indexBarMaxHeight: string | number;
     contractionPointText: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/index-bar/IndexBar.js

@@ -23,7 +23,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");
@@ -53,7 +52,7 @@ const indexBarProps = {
 };
 const INDEX_BAR_KEY = Symbol(name);
 const MIN_CONTRACTION_NUM = 2;
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: indexBarProps,
   emits: ["select", "change", "anchorClick", "update:activeAnchor"],
@@ -61,11 +60,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const root = (0, import_vue2.ref)();
-    const sidebar = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
+    const sidebar = (0, import_vue.ref)();
     const activeAnchor = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
-    const touchIndex = (0, import_vue2.ref)("");
-    const indexBarMaxHeight = (0, import_vue2.computed)(() => {
+    const touchIndex = (0, import_vue.ref)("");
+    const indexBarMaxHeight = (0, import_vue.computed)(() => {
       return props.indexBarMaxHeight ? (0, import_utils.unitToPx)(props.indexBarMaxHeight) : (0, import_utils.unitToPx)("100vh");
     });
     const touch = (0, import_use_touch.useTouch)();
@@ -78,14 +77,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
     linkChildren({
       props
     });
-    const sidebarStyle = (0, import_vue2.computed)(() => {
+    const sidebarStyle = (0, import_vue.computed)(() => {
       if ((0, import_utils.isDef)(props.zIndex)) {
         return {
           zIndex: +props.zIndex + 1
         };
       }
     });
-    const highlightStyle = (0, import_vue2.computed)(() => {
+    const highlightStyle = (0, import_vue.computed)(() => {
       if (props.highlightColor) {
         return {
           color: props.highlightColor
@@ -154,15 +153,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
       selectActiveIndex = "";
     };
     const init = () => {
-      (0, import_vue2.nextTick)(onScroll);
+      (0, import_vue.nextTick)(onScroll);
     };
     (0, import_use.useEventListener)("scroll", onScroll, {
       target: scrollParent,
       passive: true
     });
-    (0, import_vue2.onMounted)(init);
-    (0, import_vue2.watch)(() => props.indexList, init);
-    (0, import_vue2.watch)(activeAnchor, (value) => {
+    (0, import_vue.onMounted)(init);
+    (0, import_vue.watch)(() => props.indexList, init);
+    (0, import_vue.watch)(activeAnchor, (value) => {
       if (value) {
         emit("change", value);
       }
@@ -429,7 +428,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return (0, import_vue.createVNode)("div", {
         "ref": root,
         "class": bem()
-      }, [props.teleport ? (0, import_vue.createVNode)(import_vue2.Teleport, {
+      }, [props.teleport ? (0, import_vue.createVNode)(import_vue.Teleport, {
         "to": props.teleport
       }, {
         default: () => [renderSidebar()]

package/lib/index-bar/index.css

@@ -1 +1 @@
-:root{--zt-index-bar-sidebar-z-index: 2;--zt-index-bar-sidebar-touch-index-background-color: #8093ab}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.zt-index-bar__index{position:relative;color:var(--zt-text-color);padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);display:flex;height:var(--zt-line-height-sm)}.zt-index-bar__index--active{color:var(--zt-primary-color);font-weight:700}.zt-index-bar__index--touch{position:relative;color:var(--zt-white)}.zt-index-bar__index--touch:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:-1;padding:0;background:var(--zt-primary-color);border-radius:calc(var(--zt-line-height-sm) / 2)}.zt-index-bar__touch{display:none}.zt-index-bar__touch-text{width:-webkit-max-content;width:max-content;margin-right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 1px 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:var(--zt-index-bar-sidebar-touch-index-background-color)}.zt-index-bar__touch--active{display:flex;position:absolute;top:-6px;right:100%}.zt-index-bar__icon{position:relative;width:20px;height:32px}.zt-index-bar__icon-fill{fill:var(--zt-index-bar-sidebar-touch-index-background-color)}
+:root{--zt-index-bar-sidebar-z-index: 2;--zt-index-bar-sidebar-touch-index-background-color: #8093ab}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-index-bar__index{position:relative;color:var(--zt-text-color);padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);display:flex;height:var(--zt-line-height-sm)}.zt-index-bar__index--active{color:var(--zt-primary-color);font-weight:700}.zt-index-bar__index--touch{position:relative;color:var(--zt-white)}.zt-index-bar__index--touch:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:-1;padding:0;background:var(--zt-primary-color);border-radius:calc(var(--zt-line-height-sm) / 2)}.zt-index-bar__touch{display:none}.zt-index-bar__touch-text{width:-moz-max-content;width:max-content;margin-right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 1px 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:var(--zt-index-bar-sidebar-touch-index-background-color)}.zt-index-bar__touch--active{display:flex;position:absolute;top:-6px;right:100%}.zt-index-bar__icon{position:relative;width:20px;height:32px}.zt-index-bar__icon-fill{fill:var(--zt-index-bar-sidebar-touch-index-background-color)}

package/lib/index-bar/index.d.ts

@@ -1,5 +1,5 @@
 import { IndexBarProps } from './IndexBar';
-export declare const IndexBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const IndexBar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -27,7 +27,7 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -55,19 +55,19 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     onAnchorClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeAnchor"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     sticky: boolean;
     activeAnchor: string | number;
     stickyOffsetTop: number;
     indexList: import("../utils").Numeric[];
     indexBarMaxHeight: string | number;
     contractionPointText: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IndexBar;
 export { indexBarProps } from './IndexBar';
 export type { IndexBarProps };