vft 0.0.443 → 0.0.447

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/components/config-provider/config-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DialogConfigContext } from 'vft/es/components';
-import { type ButtonConfigContext } from 'vft/es/components/button';
+import type { ButtonConfigContext } from 'vft/es/components/button';
 import type { MessageConfigContext } from 'vft/es/components/message';
 export interface ConfigProviderProps {
     /** 主题风格 */

package/es/components/config-provider/config-provider.vue2.js

@@ -1,6 +1,5 @@
-import { defineComponent as s, watch as m, computed as d, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, createElementBlock as v, openBlock as b, normalizeStyle as C, normalizeClass as k, unref as V, renderSlot as y } from "vue";
+import { defineComponent as s, watch as m, computed as l, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, createElementBlock as v, openBlock as b, normalizeStyle as k, normalizeClass as C, unref as V, renderSlot as y } from "vue";
 import { inBrowser as S, kebabCase as B } from "@vft/utils";
-import "../button/index.js";
 import "@vueuse/core";
 import { provideGlobalConfig as E } from "./hooks/use-global-config.js";
 import "lodash-es";
@@ -12,7 +11,7 @@ import "../../hooks/use-z-index/index.js";
 import { messageConfig as n } from "./constants.js";
 const z = s({
   name: "vft-config-provider"
-}), P = /* @__PURE__ */ s({
+}), N = /* @__PURE__ */ s({
   ...z,
   props: {
     theme: { default: "light" },
@@ -41,7 +40,7 @@ const z = s({
       },
       { immediate: !0, deep: !0 }
     );
-    const c = d(() => {
+    const c = l(() => {
       const e = t.theme === "dark";
       return f({
         ...t.themeVars,
@@ -68,15 +67,15 @@ const z = s({
         a[`--${t.namespace}-${B(o)}`] = e[o];
       }), a;
     }
-    const l = p();
-    return E(l.props), (e, a) => (b(), v("div", {
-      class: k(V(i).b()),
-      style: C(c.value)
+    const d = p();
+    return E(d.props), (e, a) => (b(), v("div", {
+      class: C([V(i).b(), { "vft-dark": t.theme === "dark" }]),
+      style: k(c.value)
     }, [
       y(e.$slots, "default")
     ], 6));
   }
 });
 export {
-  P as default
+  N as default
 };

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
+import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = g();
+const a = C();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as he } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as nt } from "../form/hooks/use-form-item.js";
 const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = nt(we.props, {
       formItemContext: F
-    }), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

package/es/components/md-container/md-container.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, getCurrentInstance as R, ref as $, computed as v, onMounted as P, nextTick as q, onDeactivated as z, onBeforeMount as A, createElementBlock as u, openBlock as s, normalizeClass as c, unref as e, createBlock as C, createCommentVNode as x, createElementVNode as i, createVNode as m, toDisplayString as k, Fragment as I, renderList as B, withCtx as F, createTextVNode as H, renderSlot as J } from "vue";
+import { defineComponent as T, getCurrentInstance as N, ref as $, computed as y, onMounted as P, nextTick as q, onDeactivated as z, onBeforeMount as A, createElementBlock as f, openBlock as s, normalizeClass as c, unref as e, createBlock as C, createCommentVNode as x, createElementVNode as i, createVNode as m, toDisplayString as k, Fragment as I, renderList as B, withCtx as F, createTextVNode as H, renderSlot as J } from "vue";
 import { VftIcon as b } from "../icon/index.js";
 import { VftIconText as O } from "../icon-text/index.js";
 import { VftMdComment as j } from "../md-comment/index.js";
@@ -26,35 +26,35 @@ const re = { class: "info-container" }, se = {
 }, ce = { class: "infos" }, me = {
   class: "reading",
   title: "阅读量"
-}, de = ["data-path"], ue = T({
+}, ue = ["data-path"], de = T({
   name: "vft-md-container"
 }), qe = /* @__PURE__ */ T({
-  ...ue,
+  ...de,
   props: {
     tocList: {},
     scrollDom: { default: ".layout-content" }
   },
   setup(r) {
-    const l = Z("md-container"), _ = R(), f = $(), d = v(() => r.tocList && r.tocList !== "undefined" ? JSON.parse(r.tocList) : ""), { initPhotoSwipe: D } = oe(`.${l.e("content")} img`);
+    const l = Z("md-container"), _ = N(), u = $(), d = y(() => r.tocList && r.tocList !== "undefined" ? JSON.parse(r.tocList) : ""), { initPhotoSwipe: D } = oe(`.${l.e("content")} img`);
     D(), ae();
     const p = _.appContext.config.globalProperties.$router, a = p.currentRoute.value, L = W(), V = Q ? location.pathname : "", { go: w } = ee(p);
     function E(o) {
       w(`/?classify=${o}`);
     }
-    const M = v(() => a.meta.category?.includes("api")), g = X(
+    const M = y(() => a.meta.category?.includes("api")), g = X(
       () => G({
         scrollDom: ".layout-content",
         contentDom: ".header-anchor",
         selectAttrName: "href",
         offset: 130,
         callback: (o) => {
-          f.value.menuRef.activeIndex = o.slice(1);
+          u.value?.menuRef && (u.value.menuRef.activeIndex = o.slice(1));
         }
       }),
       100
     ), h = (o) => {
       S(`#${o.index}`, r.scrollDom, 120);
-    }, y = () => {
+    }, v = () => {
       const o = document.querySelector(r.scrollDom);
       o && o.removeEventListener("scroll", g);
     };
@@ -75,16 +75,16 @@ const re = { class: "info-container" }, se = {
           });
       });
     }), z(() => {
-      y();
+      v();
     }), A(() => {
-      y();
-    }), (o, n) => (s(), u("div", {
+      v();
+    }), (o, n) => (s(), f("div", {
       class: c([e(l).b(), e(l).is("api", M.value)])
     }, [
       d.value?.length ? (s(), C(e(U), {
         key: 0,
         ref_key: "sideMenuRef",
-        ref: f,
+        ref: u,
         "default-active": d.value[0].slug,
         class: "toc-side-menu",
         menus: d.value,
@@ -105,17 +105,17 @@ const re = { class: "info-container" }, se = {
           class: c(e(l).e("title"))
         }, k(e(a).meta?.title), 3),
         i("div", re, [
-          e(a).meta?.category?.length ? (s(), u("div", se, [
+          e(a).meta?.category?.length ? (s(), f("div", se, [
             m(e(b), {
               size: 14,
               color: e(L),
               icon: "icon-category"
             }, null, 8, ["color"]),
-            (s(!0), u(I, null, B(e(a).meta?.category, (t, N) => (s(), C(e(Y), {
+            (s(!0), f(I, null, B(e(a).meta?.category, (t, R) => (s(), C(e(Y), {
               size: "small",
               class: "tag",
               type: e(K)(e(le), 1)[0],
-              key: N,
+              key: R,
               onClick: (fe) => E(t)
             }, {
               default: F(() => [
@@ -144,7 +144,7 @@ const re = { class: "info-container" }, se = {
               i("div", {
                 class: "waline-pageview-count lh-1",
                 "data-path": e(V)
-              }, "0", 8, de)
+              }, "0", 8, ue)
             ])
           ])
         ])

package/es/components/message/message.vue.d.ts

@@ -1,21 +1,4 @@
-import type { VNode } from 'vue';
-import type { MessageType } from './types';
-export interface MessageProps {
-    customClass?: string;
-    center?: boolean;
-    dangerouslyUseHTMLString?: boolean;
-    duration: number;
-    icon?: string;
-    id: string;
-    message?: string | VNode | (() => VNode);
-    onClose?: Function;
-    showClose?: boolean;
-    type: MessageType;
-    offset: number;
-    zIndex?: number;
-    grouping?: boolean;
-    repeatNum?: number;
-}
+import type { MessageProps } from './types';
 declare function close(): void;
 declare function __VLS_template(): {
     default?(_: {}): any;

package/es/components/message/message.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as N, ref as d, computed as i, onMounted as R, watch as V, createBlock as H, openBlock as c, Transition as $, unref as o, withCtx as D, withDirectives as F, createElementVNode as j, normalizeStyle as P, normalizeClass as r, createElementBlock as u, createCommentVNode as w, renderSlot as U, createVNode as k, normalizeProps as Z, guardReactiveProps as A, toDisplayString as G, withModifiers as q, vShow as J } from "vue";
-import { EVENT_CODE as K } from "@vft/constants";
-import { useEventListener as Q } from "@vft/use";
-import { isObject as W } from "@vft/utils";
+import { defineComponent as V, ref as f, computed as i, onMounted as H, watch as $, createBlock as w, openBlock as c, Transition as D, unref as o, withCtx as F, withDirectives as P, createElementVNode as j, normalizeStyle as A, normalizeClass as a, createElementBlock as d, createCommentVNode as k, renderSlot as U, createVNode as Z, normalizeProps as G, guardReactiveProps as q, toDisplayString as J, mergeProps as K, withModifiers as Q, vShow as W } from "vue";
 import { VftIcon as B } from "../icon/index.js";
-import { useResizeObserver as X, useTimeoutFn as Y } from "@vueuse/core";
+import { EVENT_CODE as X } from "@vft/constants";
+import { useEventListener as Y } from "@vft/use";
+import { singleAttrToObj as T } from "@vft/utils";
+import { useResizeObserver as _, useTimeoutFn as ee } from "@vueuse/core";
 import "../config-provider/index.js";
-import { getLastOffset as _, getOffsetOrSpace as ee } from "./instance.js";
-import { useGlobalComponentSettings as te } from "../config-provider/hooks/use-global-config.js";
-const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
+import { getLastOffset as oe, getOffsetOrSpace as te } from "./instance.js";
+import { useGlobalComponentSettings as ne } from "../config-provider/hooks/use-global-config.js";
+const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
   __name: "message",
   props: {
     customClass: {},
@@ -15,6 +15,7 @@ const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
     dangerouslyUseHTMLString: { type: Boolean },
     duration: {},
     icon: {},
+    closeIcon: {},
     id: {},
     message: { type: [String, Object, Function] },
     onClose: { type: Function },
@@ -27,95 +28,102 @@ const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
   },
   emits: ["destroy"],
   setup(e, { expose: b }) {
-    const t = e, { ns: n, zIndex: M } = te("message"), { currentZIndex: S, nextZIndex: T } = M, m = d(), l = d(!1), g = d(0);
+    const t = e, { ns: n, zIndex: M } = ne("message"), { currentZIndex: S, nextZIndex: x } = M, u = f(), l = f(!1), g = f(0);
     let v;
-    const x = /* @__PURE__ */ new Map([
+    const L = /* @__PURE__ */ new Map([
       ["success", { icon: "icon-success-filled" }],
       ["error", { icon: "icon-circle-close-filled" }],
       ["warning", { icon: "icon-warning-filled" }]
-    ]), y = i(() => (t.icon ? W(t.icon) ? t.icon : { icon: t.icon } : "") || x.get(t.type) || ""), L = i(() => {
+    ]), y = i(
+      () => T(t.icon, "icon", {
+        icon: L.get(t.type)?.icon
+      })
+    ), I = i(
+      () => T(t.icon, "icon", {
+        icon: "icon-close"
+      })
+    ), O = i(() => {
       const s = t.type;
       return { [n.bm("icon", s)]: s };
-    }), O = i(() => _(t.id)), p = i(
-      () => ee(t.id, t.offset) + O.value
-    ), z = i(() => g.value + p.value), E = i(() => ({
+    }), z = i(() => oe(t.id)), p = i(
+      () => te(t.id, t.offset) + z.value
+    ), E = i(() => g.value + p.value), N = i(() => ({
       top: `${p.value}px`,
       zIndex: S.value
     }));
-    function f() {
-      t.duration !== 0 && ({ stop: v } = Y(() => {
-        a();
+    function m() {
+      t.duration !== 0 && ({ stop: v } = ee(() => {
+        r();
       }, t.duration));
     }
     function C() {
       v?.();
     }
-    function a() {
+    function r() {
       l.value = !1;
     }
-    function I({ code: s }) {
-      s === K.esc && a();
+    function R({ code: s }) {
+      s === X.esc && r();
     }
-    return R(() => {
-      f(), T(), l.value = !0;
-    }), V(
+    return H(() => {
+      m(), x(), l.value = !0;
+    }), $(
       () => t.repeatNum,
       () => {
-        C(), f();
+        C(), m();
       }
-    ), Q(document, "keydown", I), X(m, () => {
-      g.value = m.value.getBoundingClientRect().height;
+    ), Y(document, "keydown", R), _(u, () => {
+      g.value = u.value.getBoundingClientRect().height;
     }), b({
       visible: l,
-      bottom: z,
-      close: a
-    }), (s, h) => (c(), H($, {
+      bottom: E,
+      close: r
+    }), (s, h) => (c(), w(D, {
       name: o(n).b("fade"),
       onBeforeLeave: e.onClose,
-      onAfterLeave: h[0] || (h[0] = (se) => s.$emit("destroy"))
+      onAfterLeave: h[0] || (h[0] = (ce) => s.$emit("destroy"))
     }, {
-      default: D(() => [
-        F(j("div", {
+      default: F(() => [
+        P(j("div", {
           id: e.id,
           ref_key: "messageRef",
-          ref: m,
-          class: r([
+          ref: u,
+          class: a([
             o(n).b(),
             { [o(n).m(e.type)]: e.type && !e.icon },
             o(n).is("center", e.center),
             o(n).is("closable", e.showClose),
             e.customClass
           ]),
-          style: P(E.value),
+          style: A(N.value),
           role: "alert",
           onMouseenter: C,
-          onMouseleave: f
+          onMouseleave: m
         }, [
-          y.value?.icon ? (c(), u("div", {
+          y.value?.icon ? (c(), d("div", {
             key: 0,
-            class: r([o(n).e("icon"), L.value])
+            class: a([o(n).e("icon"), O.value])
           }, [
-            k(o(B), Z(A(y.value)), null, 16)
-          ], 2)) : w("", !0),
+            Z(o(B), G(q(y.value)), null, 16)
+          ], 2)) : k("", !0),
           U(s.$slots, "default", {}, () => [
-            e.dangerouslyUseHTMLString ? (c(), u("p", {
+            e.dangerouslyUseHTMLString ? (c(), d("p", {
               key: 1,
-              class: r(o(n).e("content")),
+              class: a(o(n).e("content")),
               innerHTML: e.message
-            }, null, 10, ne)) : (c(), u("p", {
+            }, null, 10, ie)) : (c(), d("p", {
               key: 0,
-              class: r(o(n).e("content"))
-            }, G(e.message), 3))
+              class: a(o(n).e("content"))
+            }, J(e.message), 3))
           ]),
-          e.showClose ? (c(), u("div", {
+          e.showClose ? (c(), w(o(B), K({
             key: 1,
-            class: r(o(n).e("closeBtn")),
-            onClick: q(a, ["stop"])
-          }, [
-            k(o(B), { icon: "icon-circle-close" })
-          ], 2)) : w("", !0)
-        ], 46, oe), [
-          [J, l.value]
+            class: o(n).e("closeBtn")
+          }, I.value, {
+            onClick: Q(r, ["stop"])
+          }), null, 16, ["class"])) : k("", !0)
+        ], 46, se), [
+          [W, l.value]
         ])
       ]),
       _: 3
@@ -123,5 +131,5 @@ const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
   }
 });
 export {
-  ge as default
+  ye as default
 };

package/es/components/message/types.d.ts

@@ -45,20 +45,36 @@ export declare const messageDefaults: {
     appendTo: HTMLElement;
 };
 export interface MessageProps {
+    /** 自定义类名 */
     customClass?: string;
+    /** 是否居中布局 */
     center?: boolean;
+    /** 是否将 message 属性作为 HTML 片段处理 */
     dangerouslyUseHTMLString?: boolean;
-    duration?: number;
-    icon?: string;
-    id?: string;
+    /** 显示时间，单位毫秒。设为 0 则不会自动关闭 */
+    duration: number;
+    /** 自定义图标，该属性会覆盖 type 的图标 */
+    icon?: any;
+    /** 自定义关闭图标 */
+    closeIcon?: any;
+    /** 消息的唯一标识 */
+    id: string;
+    /** 消息文字 */
     message?: string | VNode | (() => VNode);
-    onClose?: Function;
+    /** 关闭时的回调函数 */
+    onClose?: () => void;
+    /** 是否显示关闭按钮 */
     showClose?: boolean;
-    type?: MessageType;
-    offset?: number;
+    /** 消息类型 */
+    type: MessageType;
+    /** 消息距离窗口顶部的偏移量 */
+    offset: number;
+    /** 消息的层级 */
     zIndex?: number;
+    /** 合并内容相同的消息，不支持 VNode 类型的消息 */
     grouping?: boolean;
-    repeatNum: number;
+    /** 重复次数，类似于 Badge。当和 grouping 属性一起使用时作为初始数量使用 */
+    repeatNum?: number;
 }
 export type MessageOptions = Partial<Omit<MessageProps, 'id'> & {
     appendTo?: HTMLElement | string;

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as j, ref as re, unref as c, useSlots as oe, createVNode as a, mergeProps as q, withDirectives as ie, vShow as ne, createTextVNode as O, isVNode as le, resolveComponent as N } from "vue";
+import { defineComponent as X, computed as j, ref as re, unref as c, useSlots as oe, createVNode as a, mergeProps as q, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as O, resolveComponent as N } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";

package/es/components/verify-code/useImageVerify.js

@@ -32,7 +32,7 @@ function g(l, e, n) {
     const s = a[o(0, a.length)];
     f += s;
     const i = o(18, 41), d = o(-30, 30);
-    t.font = `${i}px Simhei`, t.textBaseline = "top", t.fillStyle = c(80, 150), t.save(), t.translate(30 * r + 23, 15), t.rotate(d * Math.PI / 180), t.fillText(s, -10, -15), t.restore();
+    t.font = `${i}px Simhei`, t.textBaseline = "top", t.fillStyle = c(80, 150), t.save(), t.translate(30 * r + 23, 15), t.rotate(d * Math.PI / 180), t.fillText(s, 0, -10), t.restore();
   }
   for (let r = 0; r < 5; r += 1)
     t.beginPath(), t.moveTo(o(0, e), o(0, n)), t.lineTo(o(0, e), o(0, n)), t.strokeStyle = c(180, 230), t.closePath(), t.stroke();

package/es/components/verify-code/verify-code.vue2.js

@@ -1,38 +1,38 @@
-import { defineComponent as d, computed as s, createElementBlock as f, openBlock as u, normalizeStyle as o, createElementVNode as g, unref as p } from "vue";
+import { defineComponent as d, computed as s, createElementBlock as f, openBlock as u, normalizeStyle as o, createElementVNode as g, unref as k } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import { addUnit as t } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import k from "./useImageVerify.js";
-const y = ["width", "height"], w = d({
+import w from "./useImageVerify.js";
+const y = ["width", "height"], v = d({
   name: "vft-verify-code"
-}), z = /* @__PURE__ */ d({
-  ...w,
+}), I = /* @__PURE__ */ d({
+  ...v,
   props: {
     height: { default: 40 },
     width: { default: 150 },
     radius: { default: 5 }
   },
   emits: ["click"],
-  setup(e, { expose: r, emit: c }) {
-    const n = c, m = s(() => ({
+  setup(e, { expose: c, emit: r }) {
+    const n = r, h = s(() => ({
       width: t(e.width),
       height: t(e.height)
-    })), { domRef: l, imgCode: a, getCode: i } = k(), h = () => {
+    })), { domRef: m, imgCode: l, getCode: i } = w(e.width, e.height), a = () => {
       i(), n("click");
     };
-    return r({
+    return c({
       getCode: i,
-      code: a
-    }), (v, C) => (u(), f("div", {
-      style: o(m.value),
-      onClick: h
+      code: l
+    }), (C, p) => (u(), f("div", {
+      style: o(h.value),
+      onClick: a
     }, [
       g("canvas", {
         ref_key: "domRef",
-        ref: l,
-        style: o({ borderRadius: p(t)(e.radius) }),
+        ref: m,
+        style: o({ borderRadius: k(t)(e.radius) }),
         width: e.width,
         height: e.height,
         class: "cursor-pointer"
@@ -41,5 +41,5 @@ const y = ["width", "height"], w = d({
   }
 });
 export {
-  z as default
+  I as default
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.443",
+  "version": "0.0.447",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.443";
+const o = "0.0.447";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
+import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/components/config-provider/config-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DialogConfigContext } from 'vft/es/components';
-import { type ButtonConfigContext } from 'vft/es/components/button';
+import type { ButtonConfigContext } from 'vft/es/components/button';
 import type { MessageConfigContext } from 'vft/es/components/message';
 export interface ConfigProviderProps {
     /** 主题风格 */

package/lib/components/config-provider/config-provider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils");require("../button/index.cjs");require("@vueuse/core");const d=require("./hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const r=require("./constants.cjs"),g=e.defineComponent({name:"vft-config-provider"}),h=e.defineComponent({...g,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconfontClass:{},iconifyPrefixClass:{default:"ico-"},namespace:{default:"vft"},zIndex:{},message:{},dialog:{},projectCfg:{},button:{},baseUnit:{type:[String,Boolean],default:!1},baseUnitSize:{default:1080}},setup(n){const c=f.useNamespace("config-provider");e.watch(()=>n.message,t=>{Object.keys(r.messageConfig).forEach(s=>{delete r.messageConfig[s]}),Object.assign(r.messageConfig,t??{})},{immediate:!0,deep:!0});const u=e.computed(()=>{const t=n.theme==="dark";return m({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(o.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},s=(a=n.theme)=>{document.documentElement.classList.remove(a)};e.watch(()=>n.theme,(a,i)=>{i&&s(i),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(s),e.onBeforeUnmount(s)}function m(t){const s={};return Object.keys(t).forEach(a=>{s[`--${n.namespace}-${o.kebabCase(a)}`]=t[a]}),s}const l=e.getCurrentInstance();return d.provideGlobalConfig(l.props),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c).b()),style:e.normalizeStyle(u.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils");require("@vueuse/core");const d=require("./hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const r=require("./constants.cjs"),g=e.defineComponent({name:"vft-config-provider"}),h=e.defineComponent({...g,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconfontClass:{},iconifyPrefixClass:{default:"ico-"},namespace:{default:"vft"},zIndex:{},message:{},dialog:{},projectCfg:{},button:{},baseUnit:{type:[String,Boolean],default:!1},baseUnitSize:{default:1080}},setup(n){const c=f.useNamespace("config-provider");e.watch(()=>n.message,t=>{Object.keys(r.messageConfig).forEach(a=>{delete r.messageConfig[a]}),Object.assign(r.messageConfig,t??{})},{immediate:!0,deep:!0});const u=e.computed(()=>{const t=n.theme==="dark";return m({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(o.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},a=(s=n.theme)=>{document.documentElement.classList.remove(s)};e.watch(()=>n.theme,(s,i)=>{i&&a(i),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(a),e.onBeforeUnmount(a)}function m(t){const a={};return Object.keys(t).forEach(s=>{a[`--${n.namespace}-${o.kebabCase(s)}`]=t[s]}),a}const l=e.getCurrentInstance();return d.provideGlobalConfig(l.props),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(c).b(),{"vft-dark":n.theme==="dark"}]),style:e.normalizeStyle(u.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=h;