zartui 3.1.22 → 3.1.23-beta.2

package/README.md

@@ -1,23 +1,23 @@
-# ZartUI
-
-[ZartUI](https://zartui.egova.com.cn) 是数字政通基于 Vue 研发的一款面向政务场景的移动端组件库。
-
-Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：让城市治理变得更智慧。Zart = zt + smart， zt是政通的首字母缩写，smart代表公司理念中的“智慧”，将smart中间的“ar”字母包裹于zt之间，体现了ZartUI的核心目标：追求极致的用户体验，致力于做灵活智能的组件库。
-
-## 特性
-
-1）【组件重构】【组件审核】提供50多个高质量组件，覆盖移动端各类场景；
-
-2）【UI重构】基于全新的视觉规范；
-
-3）【在线网站】完善的文档、示例、演示效果；
-
-4）支持主题定制、按需引入；
-
-5）支持Vue3.0、TypeScript；
-
-6）性能佳，组件平均体积小(min+gzip);
-
-## 浏览器支持
-
-ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
+# ZartUI
+
+[ZartUI](https://zartui.egova.com.cn) 是数字政通基于 Vue 研发的一款面向政务场景的移动端组件库。
+
+Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：让城市治理变得更智慧。Zart = zt + smart， zt是政通的首字母缩写，smart代表公司理念中的“智慧”，将smart中间的“ar”字母包裹于zt之间，体现了ZartUI的核心目标：追求极致的用户体验，致力于做灵活智能的组件库。
+
+## 特性
+
+1）【组件重构】【组件审核】提供50多个高质量组件，覆盖移动端各类场景；
+
+2）【UI重构】基于全新的视觉规范；
+
+3）【在线网站】完善的文档、示例、演示效果；
+
+4）支持主题定制、按需引入；
+
+5）支持Vue3.0、TypeScript；
+
+6）性能佳，组件平均体积小(min+gzip);
+
+## 浏览器支持
+
+ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。

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

@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

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

@@ -52,7 +52,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/es/audio/Audio.d.ts

@@ -0,0 +1,82 @@
+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;
+    };
+};
+export type AudioProps = ExtractPropTypes<typeof audioProps>;
+declare const _default: import("vue").DefineComponent<{
+    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;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, 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;
+    };
+}>> & {
+    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;
+}, {}>;
+export default _default;

package/es/audio/Audio.mjs

@@ -0,0 +1,224 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent, onMounted, provide, reactive, ref, watch } from "vue";
+import Icon from "../icon/index.mjs";
+import Slider from "../slider/index.mjs";
+import { clamp, createNamespace, formatSeconds, 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")
+};
+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
+      } = props;
+      return _createVNode("div", {
+        "class": bem()
+      }, [renderProgress(), renderIcon(), renderSlots(), _createVNode("audio", {
+        "ref": audioRef,
+        "class": bem("audio-main"),
+        "controls": type === "controls",
+        "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,66 @@
+export declare const Audio: import("../utils").WithInstall<import("vue").DefineComponent<{
+    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;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, 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;
+    };
+}>> & {
+    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;
+}, {}>>;
+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

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     textBgColor: StringConstructor;
     border: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -51,9 +51,9 @@ declare const _default: import("vue").DefineComponent<{
     textBgColor: StringConstructor;
     border: BooleanConstructor;
 }>>, {
+    size: AvatarSize;
     shape: AvatarShape;
     src: string;
-    size: AvatarSize;
     border: boolean;
 }, {}>;
 export default _default;

package/es/avatar/index.d.ts

@@ -14,7 +14,7 @@ export declare const Avatar: import("../utils").WithInstall<import("vue").Define
     text: StringConstructor;
     textBgColor: StringConstructor;
     border: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -31,9 +31,9 @@ export declare const Avatar: import("../utils").WithInstall<import("vue").Define
     textBgColor: StringConstructor;
     border: BooleanConstructor;
 }>>, {
+    size: import("./types").AvatarSize;
     shape: import("./types").AvatarShape;
     src: string;
-    size: import("./types").AvatarSize;
     border: boolean;
 }, {}>>;
 export default Avatar;

package/es/badge/Badge.d.ts

@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BadgePosition>;
         default: BadgePosition;
     };
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {

package/es/badge/index.d.ts

@@ -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;
     };
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {

package/es/button/Button.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import { ButtonSize, ButtonType, ButtonNativeType, ButtonIconPosition } from './types';
 declare const buttonProps: {
-    to: PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -48,7 +48,7 @@ declare const buttonProps: {
 };
 export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
 declare const _default: import("vue").DefineComponent<{
-    to: PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -91,8 +91,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ButtonIconPosition>;
         default: ButtonIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    to: PropType<import("vue-router").RouteLocationRaw>;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -141,10 +141,10 @@ declare const _default: import("vue").DefineComponent<{
     replace: boolean;
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
+    size: ButtonSize;
     disabled: boolean;
     round: boolean;
     block: boolean;
-    size: ButtonSize;
     square: boolean;
     loading: boolean;
     borderLess: boolean;

package/es/button/index.d.ts

@@ -1,5 +1,5 @@
 export declare const Button: import("../utils").WithInstall<import("vue").DefineComponent<{
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -42,8 +42,8 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<import("./types").ButtonIconPosition>;
         default: import("./types").ButtonIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -92,10 +92,10 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     replace: boolean;
     type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
+    size: import("./types").ButtonSize;
     disabled: boolean;
     round: boolean;
     block: boolean;
-    size: import("./types").ButtonSize;
     square: boolean;
     loading: boolean;
     borderLess: boolean;

package/es/calendar/Calendar.d.ts

@@ -181,7 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (val: number) => boolean;
     };
     disabledDate: PropType<(date: Date) => boolean>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     showType: {
         type: PropType<CalendarShowType>;

package/es/calendar/CalendarDay.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     rowHeight: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<CalendarDayItem>;
         required: true;

package/es/calendar/CalendarHeader.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     monthPreEnable: BooleanConstructor;
     yearNextEnable: BooleanConstructor;
     monthNextEnable: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickSubtitle" | "clickPreIcon" | "clickNextIcon")[], "clickSubtitle" | "clickPreIcon" | "clickNextIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickSubtitle" | "clickPreIcon" | "clickNextIcon")[], "clickSubtitle" | "clickPreIcon" | "clickNextIcon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;

package/es/calendar/CalendarMonth.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
     disabledDate: PropType<(date: Date) => boolean>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;