zartui 3.1.23-beta.1 → 3.1.23-beta.3

package/README.md

@@ -21,3 +21,7 @@ Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：
 ## 浏览器支持
 
 ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
+
+## 发布
+
+ZartUI 3 发布需要使用pnpm publish以支持workspace:^版本转换为实际数字版本。

package/es/action-sheet/ActionSheet.d.ts

@@ -64,7 +64,7 @@ export declare const actionSheetProps: {
     };
 };
 export type ActionSheetProps = ExtractPropTypes<typeof actionSheetProps>;
-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<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -172,11 +172,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     overlay: boolean;
     round: boolean;
     show: boolean;
@@ -190,5 +190,5 @@ declare const _default: import("vue").DefineComponent<{
     safeAreaInsetBottom: boolean;
     actions: ActionSheetAction[];
     closeOnClickAction: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/action-sheet/ActionSheet.mjs

@@ -1,5 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { nextTick, defineComponent } from "vue";
+import { nextTick, defineComponent, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { pick, extend, truthProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK, BORDER_BOTTOM } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Popup } from "../popup/index.mjs";

package/es/action-sheet/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ActionSheet: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ActionSheet: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -52,7 +52,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -106,11 +106,11 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     overlay: boolean;
     round: boolean;
     show: boolean;
@@ -124,7 +124,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     safeAreaInsetBottom: boolean;
     actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ActionSheet;
 export { actionSheetProps } from './ActionSheet';
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';

package/es/audio/Audio.d.ts

@@ -0,0 +1,95 @@
+import type { ExtractPropTypes } from 'vue';
+import { AudioType } from './types';
+declare const audioProps: {
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<AudioType>;
+        default: AudioType;
+    };
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+};
+export type AudioProps = ExtractPropTypes<typeof audioProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<AudioType>;
+        default: AudioType;
+    };
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ended" | "play" | "forward" | "mute" | "fastBack" | "changeProgress" | "canPlay")[], "ended" | "play" | "forward" | "mute" | "fastBack" | "changeProgress" | "canPlay", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<AudioType>;
+        default: AudioType;
+    };
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
+    onEnded?: ((...args: any[]) => any) | undefined;
+    onPlay?: ((...args: any[]) => any) | undefined;
+    onForward?: ((...args: any[]) => any) | undefined;
+    onMute?: ((...args: any[]) => any) | undefined;
+    onFastBack?: ((...args: any[]) => any) | undefined;
+    onChangeProgress?: ((...args: any[]) => any) | undefined;
+    onCanPlay?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: AudioType;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    preload: string;
+    src: string;
+    second: number;
+    controlsList: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/audio/Audio.mjs

@@ -0,0 +1,226 @@
+import { defineComponent, onMounted, provide, reactive, ref, watch, createVNode as _createVNode } from "vue";
+import Icon from "../icon/index.mjs";
+import Slider from "../slider/index.mjs";
+import { clamp, createNamespace, formatSeconds, makeArrayProp, makeNumberProp, makeStringProp } from "../utils/index.mjs";
+import { ZT_AUDIO_KEY } from "./types.mjs";
+const [name, bem] = createNamespace("audio");
+const audioProps = {
+  src: makeStringProp(""),
+  muted: Boolean,
+  autoplay: Boolean,
+  loop: Boolean,
+  preload: makeStringProp("auto"),
+  second: makeNumberProp(0),
+  type: makeStringProp("progress"),
+  controlsList: makeArrayProp(["nodownload"])
+};
+var stdin_default = defineComponent({
+  name,
+  props: audioProps,
+  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "canPlay"],
+  setup(props, {
+    emit,
+    slots,
+    expose
+  }) {
+    const audioRef = ref();
+    const audioData = reactive({
+      currentTime: 0,
+      currentDuration: "00:00:00",
+      percent: 0,
+      duration: "00:00:00",
+      second: 0,
+      hanMuted: props.muted,
+      playing: props.autoplay,
+      handPlaying: false
+    });
+    const onCanplay = (e) => {
+      var _a, _b, _c;
+      if (props.autoplay) {
+        if (audioRef.value && audioRef.value.paused) {
+          audioRef.value.play();
+        }
+      }
+      audioData.second = ((_a = audioRef.value) == null ? void 0 : _a.duration) || 0;
+      audioData.duration = formatSeconds(((_c = (_b = audioRef.value) == null ? void 0 : _b.duration) == null ? void 0 : _c.toString()) || "");
+      emit("canPlay", e);
+    };
+    const onTimeupdate = (e) => {
+      audioData.currentTime = parseInt(e.target.currentTime);
+    };
+    const fastBack = (val) => {
+      if (audioData.currentTime > 0) {
+        if (val) {
+          audioData.currentTime = clamp(audioData.currentTime - val, 0, audioData.second);
+        } else {
+          audioData.currentTime--;
+        }
+      }
+      if (audioRef.value) {
+        audioRef.value.currentTime = audioData.currentTime;
+      }
+      emit("fastBack", audioData.currentTime);
+    };
+    const changeStatus = () => {
+      if (audioRef.value) {
+        if (audioData.playing) {
+          audioRef.value.pause();
+          audioData.handPlaying = false;
+        } else {
+          audioRef.value.play();
+          audioData.handPlaying = true;
+        }
+      }
+      audioData.playing = !audioData.playing;
+      emit("play", audioData.playing);
+    };
+    const forward = (val) => {
+      if (val) {
+        audioData.currentTime = clamp(audioData.currentTime + val, 0, audioData.second);
+      } else {
+        audioData.currentTime++;
+      }
+      if (audioRef.value) {
+        audioRef.value.currentTime = audioData.currentTime;
+      }
+      emit("forward", audioData.currentTime);
+    };
+    const handle = (val) => {
+      audioData.currentDuration = formatSeconds(val);
+      audioData.percent = val / audioData.second * 100;
+    };
+    const audioEnd = () => {
+      audioData.playing = false;
+      emit("ended");
+    };
+    const progressChange = (val) => {
+      var _a;
+      audioData.percent = val;
+      if (audioRef.value) {
+        audioRef.value.currentTime = audioData.second * val / 100;
+      }
+      emit("changeProgress", ((_a = audioRef.value) == null ? void 0 : _a.currentTime) || 0);
+    };
+    const handleMute = () => {
+      audioData.hanMuted = !audioData.hanMuted;
+      emit("mute", audioData.hanMuted);
+    };
+    function renderProgress() {
+      if (props.type === "progress") {
+        return _createVNode("div", {
+          "class": bem("progress")
+        }, [_createVNode("div", {
+          "class": bem("time")
+        }, [audioData.currentDuration]), _createVNode("div", {
+          "class": bem("bar")
+        }, [_createVNode(Slider, {
+          "modelValue": audioData.percent,
+          "showPercent": false,
+          "readonly": false,
+          "onUpdate:modelValue": progressChange
+        }, null)]), _createVNode("div", {
+          "class": bem("time")
+        }, [audioData.duration])]);
+      }
+    }
+    function renderIcon() {
+      if (props.type === "icon") {
+        return _createVNode("div", {
+          "class": bem("icon")
+        }, [_createVNode("div", {
+          "class": bem("icon-box", {
+            play: audioData.playing,
+            stop: !audioData.playing
+          }),
+          "onClick": () => changeStatus()
+        }, [_createVNode(Icon, {
+          "name": "audio",
+          "class": bem("", {
+            rotate: audioData.playing
+          })
+        }, null)])]);
+      }
+    }
+    function renderSlots() {
+      var _a, _b;
+      if (props.type === "none") {
+        return _createVNode("div", {
+          "onClick": () => changeStatus()
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      } else {
+        return (_b = slots.default) == null ? void 0 : _b.call(slots);
+      }
+    }
+    watch(() => audioData.currentTime, (value) => {
+      handle(value);
+    });
+    onMounted(() => {
+      const arr = ["webkitVisibilityState", "visibilitychange"];
+      try {
+        for (let i = 0; i < arr.length; i++) {
+          document.addEventListener(arr[i], () => {
+            var _a;
+            if (document.hidden) {
+              (_a = audioRef.value) == null ? void 0 : _a.pause();
+            } else {
+              if (audioData.playing) {
+                setTimeout(() => {
+                  var _a2;
+                  (_a2 = audioRef.value) == null ? void 0 : _a2.play();
+                }, 200);
+              }
+            }
+          });
+        }
+      } catch (e) {
+        console.log(e.message);
+      }
+    });
+    provide(ZT_AUDIO_KEY, {
+      children: [],
+      props,
+      audioData,
+      handleMute,
+      forward,
+      fastBack,
+      changeStatus
+    });
+    expose({
+      audioData,
+      audioRef,
+      handleMute,
+      forward,
+      fastBack,
+      changeStatus
+    });
+    return () => {
+      const {
+        src,
+        type,
+        preload,
+        autoplay,
+        loop,
+        controlsList
+      } = props;
+      return _createVNode("div", {
+        "class": bem()
+      }, [renderProgress(), renderIcon(), renderSlots(), _createVNode("audio", {
+        "ref": audioRef,
+        "class": bem("audio-main"),
+        "controls": type === "controls",
+        "controlslist": controlsList.join(" "),
+        "src": src,
+        "preload": preload,
+        "autoplay": autoplay,
+        "loop": loop,
+        "muted": audioData.hanMuted,
+        "onTimeupdate": onTimeupdate,
+        "onCanplay": onCanplay,
+        "onEnded": audioEnd
+      }, null)]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/audio/index.css

@@ -0,0 +1 @@
+:root{--zt-audio-icon-disabled-background: var(--zt-gray-a4);--zt-audio-icon-size: var(--zt-font-size-xl);--zt-audio-icon-box-shadow: 0 0 8px var(--zt-gray-a4);--zt-audio-icon-playing-duration: 2s;--zt-audio-icon-box-size: 30px}.zt-audio{padding:0}.zt-audio .zt-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.zt-audio .zt-audio__progress .zt-audio__bar{flex:1;margin:0 10px}.zt-audio .zt-audio__progress .zt-audio__time{min-width:50px;font-size:12px;text-align:center}.zt-audio .zt-audio__icon{position:relative;display:inline-block}.zt-audio .zt-audio__icon-box{display:flex;align-items:center;justify-content:center;width:var(--zt-audio-icon-box-size);height:var(--zt-audio-icon-box-size);background:#fff;border-radius:50%;box-shadow:var(--zt-audio-icon-box-shadow)}.zt-audio .zt-audio__icon-box>i{font-size:var(--zt-audio-icon-size)}.zt-audio .zt-audio__icon-box--play>i{animation:rotation var(--zt-audio-icon-playing-duration) linear infinite}.zt-audio .zt-audio__icon-box--stop:after{position:absolute;left:50%;top:50%;content:"";height:2px;width:var(--zt-audio-icon-box-size);background:var(--zt-audio-icon-disabled-background);transform:translate(-50%,-50%) rotate(45deg)}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

package/es/audio/index.d.ts

@@ -0,0 +1,75 @@
+export declare const Audio: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").AudioType>;
+        default: import("./types").AudioType;
+    };
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ended" | "play" | "forward" | "mute" | "fastBack" | "changeProgress" | "canPlay")[], "ended" | "play" | "forward" | "mute" | "fastBack" | "changeProgress" | "canPlay", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").AudioType>;
+        default: import("./types").AudioType;
+    };
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
+    onEnded?: ((...args: any[]) => any) | undefined;
+    onPlay?: ((...args: any[]) => any) | undefined;
+    onForward?: ((...args: any[]) => any) | undefined;
+    onMute?: ((...args: any[]) => any) | undefined;
+    onFastBack?: ((...args: any[]) => any) | undefined;
+    onChangeProgress?: ((...args: any[]) => any) | undefined;
+    onCanPlay?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: import("./types").AudioType;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    preload: string;
+    src: string;
+    second: number;
+    controlsList: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default Audio;
+export type { AudioProps } from './Audio';
+export type { AudioType, AudioOperateType } from './types';
+export { ZT_AUDIO_KEY } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtAudio: typeof Audio;
+    }
+}

package/es/audio/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _Audio from "./Audio.mjs";
+const Audio = withInstall(_Audio);
+var stdin_default = Audio;
+import { ZT_AUDIO_KEY } from "./types.mjs";
+export {
+  Audio,
+  ZT_AUDIO_KEY,
+  stdin_default as default
+};

package/es/audio/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/audio/style/index.mjs

@@ -0,0 +1,5 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../slider/index.css";
+import "../index.css";

package/es/audio/types.d.ts

@@ -0,0 +1,3 @@
+export type AudioType = 'progress' | 'icon' | 'controls' | 'none';
+export type AudioOperateType = 'play' | 'back' | 'forward' | 'mute';
+export declare const ZT_AUDIO_KEY: unique symbol;

package/es/audio/types.mjs

@@ -0,0 +1,4 @@
+const ZT_AUDIO_KEY = Symbol("zt-audio");
+export {
+  ZT_AUDIO_KEY
+};

package/es/avatar/Avatar.d.ts

@@ -18,7 +18,7 @@ declare const avatarProps: {
     border: BooleanConstructor;
 };
 export type AvatarProps = ExtractPropTypes<typeof avatarProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     textBgColor: StringConstructor;
     border: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -50,10 +50,10 @@ declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     textBgColor: StringConstructor;
     border: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     size: AvatarSize;
     shape: AvatarShape;
     src: string;
     border: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/avatar/Avatar.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { createNamespace, makeStringProp } from "../utils/index.mjs";
 import ZtImage from "../image/index.mjs";
 const [name, bem] = createNamespace("avatar");

package/es/avatar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Avatar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Avatar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -14,7 +14,7 @@ export declare const Avatar: import("../utils").WithInstall<import("vue").Define
     text: StringConstructor;
     textBgColor: StringConstructor;
     border: BooleanConstructor;
-}, () => 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<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -30,12 +30,12 @@ export declare const Avatar: import("../utils").WithInstall<import("vue").Define
     text: StringConstructor;
     textBgColor: StringConstructor;
     border: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     size: import("./types").AvatarSize;
     shape: import("./types").AvatarShape;
     src: string;
     border: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Avatar;
 export type { AvatarProps } from './Avatar';
 export type { AvatarShape, AvatarSize, AvatarThemeVars } from './types';

package/es/badge/Badge.d.ts

@@ -23,7 +23,7 @@ declare const badgeProps: {
     };
 };
 export type BadgeProps = ExtractPropTypes<typeof badgeProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BadgePosition>;
         default: BadgePosition;
     };
-}, () => 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<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
@@ -63,10 +63,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BadgePosition>;
         default: BadgePosition;
     };
-}>>, {
+}>> & Readonly<{}>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
     position: BadgePosition;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/badge/Badge.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { isDef, addUnit, isNumeric, truthProp, numericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("badge");
 const badgeProps = {

package/es/badge/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Badge: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Badge: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
@@ -18,7 +18,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
     };
-}, () => 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<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
@@ -38,12 +38,12 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
     };
-}>>, {
+}>> & Readonly<{}>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
     position: import("./Badge").BadgePosition;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Badge;
 export type { BadgeProps, BadgePosition } from './Badge';
 export type { BadgeThemeVars } from './types';