vft 0.0.312 → 0.0.313

package/es/components/list-cell/index.d.ts

@@ -4,10 +4,10 @@ export declare const VftListCell: import("vft/es/utils").SFCWithInstall<import("
         required: true;
     };
     cellHeight: {
-        type: import("vue").PropType<string | number>;
+        type: import("vue").PropType<number>;
     };
     leftTextDistance: {
-        type: import("vue").PropType<string | number>;
+        type: import("vue").PropType<number>;
     };
     activeIndex: {
         type: import("vue").PropType<number>;
@@ -20,10 +20,10 @@ export declare const VftListCell: import("vft/es/utils").SFCWithInstall<import("
         required: true;
     };
     cellHeight: {
-        type: import("vue").PropType<string | number>;
+        type: import("vue").PropType<number>;
     };
     leftTextDistance: {
-        type: import("vue").PropType<string | number>;
+        type: import("vue").PropType<number>;
     };
     activeIndex: {
         type: import("vue").PropType<number>;

package/es/components/list-cell/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./list-cell.vue2.js";
-const a = t(o);
+const e = t(o);
 export {
-  a as VftListCell,
-  a as default
+  e as VftListCell,
+  e as default
 };

package/es/components/list-cell/list-cell.vue.d.ts

@@ -8,8 +8,8 @@ export type ListItem = {
 };
 export interface ListCellProps {
     list: Array<ListItem>;
-    cellHeight?: string | number;
-    leftTextDistance?: string | number;
+    cellHeight?: number;
+    leftTextDistance?: number;
     activeIndex?: number;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ListCellProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/es/components/list-cell/list-cell.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as g, ref as I, computed as f, createElementBlock as a, openBlock as o, normalizeClass as l, normalizeStyle as x, unref as e, Fragment as y, renderList as z, createElementVNode as m, toDisplayString as N, createBlock as V, createCommentVNode as _ } from "vue";
-import "../icon/index.js";
+import { defineComponent as I, ref as z, computed as p, createElementBlock as a, openBlock as l, normalizeClass as c, normalizeStyle as V, unref as e, Fragment as N, renderList as B, createElementVNode as f, createVNode as D, mergeProps as g, toDisplayString as T, createBlock as h } from "vue";
+import { VftIcon as v } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as d, addUnit as p, VNode as B } from "@vft/utils";
-import { generateCssVars as D } from "../../utils/ns-cover.js";
+import { singleAttrToObj as m, VNode as b } from "@vft/utils";
+import { addUnit as k } from "../../utils/helper.js";
+import { generateCssVars as E } from "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as T } from "../../hooks/use-namespace/index.js";
+import { useNamespace as H } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const b = ["onClick"], E = g({
+const S = ["onClick"], j = I({
   name: "vft-list-cell"
-}), G = /* @__PURE__ */ g({
-  ...E,
+}), M = /* @__PURE__ */ I({
+  ...j,
   props: {
     list: { default: () => [] },
     cellHeight: { default: 50 },
@@ -19,50 +20,58 @@ const b = ["onClick"], E = g({
     activeIndex: {}
   },
   emits: ["item-click"],
-  setup(i, { emit: v }) {
-    const n = T("list-cell"), h = v, u = I(i.activeIndex);
-    f(() => i.list.map((t) => (t.leftIcon = d(t.leftIcon, "icon", { size: 16 }), t.rightIcon = d(t.rightIcon, "icon", {
+  setup(i, { emit: C }) {
+    const n = H("list-cell"), y = C, u = z(i.activeIndex);
+    p(() => i.list.map((t) => (t.leftIcon = m(t.leftIcon, "icon", { size: 16 }), t.rightIcon = m(t.rightIcon, "icon", {
       icon: "icon-arrow-right",
       size: 16
     }), t)));
-    const k = f(() => D(
+    const x = p(() => E(
       {
-        height: p(i.cellHeight),
-        "left-text-distance": p(i.leftTextDistance)
+        height: k(i.cellHeight),
+        "left-text-distance": k(i.leftTextDistance)
       },
       "list-cell"
     ));
-    function C(t, r) {
-      u.value = r, h("item-click", t, r);
+    function _(t, r) {
+      u.value = r, y("item-click", t, r);
     }
-    return (t, r) => (o(), a("div", {
-      style: x(k.value),
-      class: l(e(n).b())
+    const d = (t, r = {}) => m(t, "icon", {
+      size: 16,
+      ...r
+    });
+    return (t, r) => (l(), a("div", {
+      style: V(x.value),
+      class: c(e(n).b())
     }, [
-      (o(!0), a(y, null, z(t.list, (c, s) => (o(), a("div", {
-        onClick: (H) => C(c, s),
+      (l(!0), a(N, null, B(t.list, (o, s) => (l(), a("div", {
+        onClick: (w) => _(o, s),
         key: s,
-        class: l([e(n).e("item"), e(n).is("active", u.value === s)])
+        class: c([e(n).e("item"), e(n).is("active", u.value === s)])
       }, [
-        m("div", {
-          class: l(e(n).m("left"))
+        f("div", {
+          class: c(e(n).m("left"))
         }, [
-          m("span", {
-            class: l(e(n).e("text"))
-          }, N(c.text), 3)
+          D(e(v), g({ ref_for: !0 }, d(o.leftIcon)), null, 16),
+          f("span", {
+            class: c(e(n).e("text"))
+          }, T(o.text), 3)
         ], 2),
-        m("div", {
-          class: l(e(n).m("right"))
+        f("div", {
+          class: c(e(n).m("right"))
         }, [
-          c?.rightContent ? (o(), V(e(B), {
+          o?.rightContent ? (l(), h(e(b), {
             key: 0,
-            content: c.rightContent
-          }, null, 8, ["content"])) : _("", !0)
+            content: o.rightContent
+          }, null, 8, ["content"])) : (l(), h(e(v), g({
+            key: 1,
+            ref_for: !0
+          }, d(o.rightIcon)), null, 16))
         ], 2)
-      ], 10, b))), 128))
+      ], 10, S))), 128))
     ], 6));
   }
 });
 export {
-  G as default
+  M as default
 };

package/es/components/loading/loading.js

@@ -1,6 +1,7 @@
 import { removeClass as p, singleAttrToObj as w } from "@vft/utils";
 import { VftIcon as A } from "../icon/index.js";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { ref as T, reactive as V, watch as I, createApp as N, toRefs as $, h as o, Transition as k, withCtx as y, withDirectives as B, createVNode as S, vShow as O } from "vue";
@@ -8,7 +9,7 @@ import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { useZIndex as z } from "../../hooks/use-z-index/index.js";
-function J(r) {
+function K(r) {
   let c;
   const n = j("loading"), a = T(!1), e = V({
     ...r,
@@ -128,5 +129,5 @@ function J(r) {
   };
 }
 export {
-  J as createLoadingComponent
+  K as createLoadingComponent
 };

package/es/components/loading/service.js

@@ -1,5 +1,6 @@
 import { isString as g, getStyle as i, addClass as c, removeClass as u } from "@vft/utils";
 import { isClient as b } from "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { nextTick as f, unref as n } from "vue";
@@ -9,7 +10,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { createLoadingComponent as p } from "./loading.js";
 let d;
-const P = function(t = {}) {
+const A = function(t = {}) {
   if (!b) return;
   const e = y(t);
   if (e.fullscreen && d)
@@ -66,5 +67,5 @@ const P = function(t = {}) {
   ["absolute", "fixed", "sticky"].includes(r.originalPosition.value) ? u(e, o.bm("parent", "relative")) : c(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? c(e, o.bm("parent", "hidden")) : u(e, o.bm("parent", "hidden"));
 };
 export {
-  P as Loading
+  A as Loading
 };

package/es/components/logo/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import t from "./logo.vue2.js";
-const l = o(t);
+const n = o(t);
 export {
-  l as VftLogo,
-  l as default
+  n as VftLogo,
+  n as default
 };

package/es/components/logo/logo.vue2.js

@@ -1,7 +1,8 @@
-import { defineComponent as i, computed as r, getCurrentInstance as g, createElementBlock as f, openBlock as d, normalizeStyle as C, normalizeClass as e, createElementVNode as s, unref as l, toDisplayString as h } from "vue";
+import { defineComponent as i, computed as n, getCurrentInstance as g, createElementBlock as f, openBlock as d, normalizeStyle as C, normalizeClass as e, createElementVNode as s, unref as l, toDisplayString as h } from "vue";
 import { useRouterHelper as k } from "@vft/router";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
@@ -10,7 +11,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const P = ["src"], _ = i({
   name: "vft-logo"
-}), H = /* @__PURE__ */ i({
+}), I = /* @__PURE__ */ i({
   ..._,
   props: {
     title: {},
@@ -18,29 +19,29 @@ const P = ["src"], _ = i({
     jumpPath: {}
   },
   setup(o) {
-    const t = v("logo"), a = r(() => [t.b()]), c = g().appContext.config.globalProperties.$router, { go: m } = k(c);
+    const t = v("logo"), a = n(() => [t.b()]), c = g().appContext.config.globalProperties.$router, { go: m } = k(c);
     function p() {
       o.jumpPath && m(o.jumpPath);
     }
-    const u = r(
+    const u = n(
       () => o.jumpPath ? {} : t.cssVarBlock({ cursor: "inital" })
     );
-    return (n, y) => (d(), f("div", {
+    return (r, y) => (d(), f("div", {
       class: e(a.value),
       onClick: p,
       style: C(u.value)
     }, [
       s("img", {
         class: e(l(t).e("img")),
-        src: n.logo,
+        src: r.logo,
         alt: ""
       }, null, 10, P),
       s("div", {
         class: e(l(t).e("title"))
-      }, h(n.title), 3)
+      }, h(r.title), 3)
     ], 6));
   }
 });
 export {
-  H as default
+  I as default
 };

package/es/components/md-code-demo/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import t from "./md-code-demo.js";
-const a = o(t);
+const l = o(t);
 export {
-  a as VftMdCodeDemo,
-  a as default
+  l as VftMdCodeDemo,
+  l as default
 };

package/es/components/md-code-demo/md-code-demo.js

@@ -2,6 +2,7 @@ import { VftIcon as j } from "../icon/index.js";
 import { vLoading as C } from "../loading/directive.js";
 import "@vft/utils";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { defineComponent as L, ref as l, computed as i, onMounted as S, withDirectives as _, h as t } from "vue";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import { getCode as N, getReactCode as w, getVueCode as x, getNormalCode as D } from "./code-demo/code.js";
 import { loadNormal as E, loadVue as M, loadReact as R } from "./code-demo/loadScript.js";
 import { atou as g, injectCSS as k, injectScript as J } from "./utils.js";
-const O = 800, B = L({
+const O = 800, G = L({
   name: "VftMdCodeDemo",
   props: {
     /**
@@ -233,5 +234,5 @@ const O = 800, B = L({
   }
 });
 export {
-  B as default
+  G as default
 };

package/es/components/md-code-tabs/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import t from "./md-code-tabs.js";
-const e = o(t);
+const f = o(t);
 export {
-  e as VftMdCodeTabs,
-  e as default
+  f as VftMdCodeTabs,
+  f as default
 };

package/es/components/md-comment/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import m from "./md-comment.vue2.js";
-const s = t(m);
+const e = t(m);
 export {
-  s as VftMdComment,
-  s as default
+  e as VftMdComment,
+  e as default
 };

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

@@ -1,20 +1,21 @@
-import { defineComponent as i, onMounted as n, createElementBlock as m, openBlock as t, normalizeClass as r, unref as o, createElementVNode as a } from "vue";
+import { defineComponent as i, onMounted as m, createElementBlock as n, openBlock as t, normalizeClass as r, unref as o, createElementVNode as p } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import { useNamespace as a } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { init as c } from "@waline/client";
 const l = ["id"], s = i({
   name: "vft-md-comment"
-}), B = /* @__PURE__ */ i({
+}), C = /* @__PURE__ */ i({
   ...s,
   setup(u) {
-    const e = p("md-comment");
-    return n(() => {
+    const e = a("md-comment");
+    return m(() => {
       c({
         el: `#${e.e("waline")}`,
         serverURL: "https://waline.wflynn.cn/",
@@ -29,15 +30,15 @@ const l = ["id"], s = i({
           "//unpkg.com/@waline/emojis@1.1.0/tw-emoji"
         ]
       });
-    }), (w, d) => (t(), m("div", {
+    }), (w, d) => (t(), n("div", {
       class: r(o(e).b())
     }, [
-      a("div", {
+      p("div", {
         id: o(e).e("waline")
       }, null, 8, l)
     ], 2));
   }
 });
 export {
-  B as default
+  C as default
 };

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

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./md-container.vue2.js";
-const s = t(o);
+const e = t(o);
 export {
-  s as VftMdContainer,
-  s as default
+  e as VftMdContainer,
+  e as default
 };

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

@@ -5,6 +5,7 @@ import { VftTag as $ } from "../tag/index.js";
 import { VftMdComment as B } from "../md-comment/index.js";
 import "@vueuse/core";
 import { jumpElement as H, getRandomElementForArr as M, isClient as q } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import { primaryColor as F } from "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as J } from "../../hooks/use-namespace/index.js";
@@ -27,7 +28,7 @@ const Z = { class: "info-container" }, tt = {
   title: "阅读量"
 }, it = ["data-path"], nt = _({
   name: "vft-md-container"
-}), Lt = /* @__PURE__ */ _({
+}), Dt = /* @__PURE__ */ _({
   ...nt,
   props: {
     tocList: {}
@@ -132,5 +133,5 @@ const Z = { class: "info-container" }, tt = {
   }
 });
 export {
-  Lt as default
+  Dt as default
 };

package/es/components/md-tabs/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./md-tabs.js";
-const d = t(o);
+const l = t(o);
 export {
-  d as VftMdTabs,
-  d as default
+  l as VftMdTabs,
+  l as default
 };

package/es/components/md-vue-playground/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./md-vue-playground.vue2.js";
-const n = t(o);
+const s = t(o);
 export {
-  n as VftMdVuePlayground,
-  n as default
+  s as VftMdVuePlayground,
+  s as default
 };

package/es/components/md-vue-playground/md-vue-playground.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent as i, ref as s, shallowRef as m, computed as v, onMount
 import { VftIcon as g } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as h } from "../../hooks/use-namespace/index.js";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import { getVuePlaygroundSettings as V } from "./playground.js";
 const y = i({
   name: "vft-md-vue-playground"
-}), M = /* @__PURE__ */ i({
+}), P = /* @__PURE__ */ i({
   ...y,
   props: {
     title: {},
@@ -53,5 +54,5 @@ const y = i({
   }
 });
 export {
-  M as default
+  P as default
 };

package/es/components/menu/index.js

@@ -1,22 +1,23 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
-import { withInstall as n, withNoopInstall as t } from "../../utils/vue/install.js";
+import { withInstall as i, withNoopInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
-import i from "./menu.vue2.js";
+import n from "./menu.vue2.js";
 import o from "./menu-item.vue2.js";
 import m from "./menu-item-group.vue2.js";
 import r from "./sub-menu.vue2.js";
-const l = n(i, {
+const V = i(n, {
   MenuItem: o,
   MenuItemGroup: m,
   SubMenu: r
-}), V = t(o), $ = t(m), b = t(r);
+}), $ = t(o), b = t(m), h = t(r);
 export {
-  l as VftMenu,
-  V as VftMenuItem,
-  $ as VftMenuItemGroup,
-  b as VftSubMenu,
-  l as default
+  V as VftMenu,
+  $ as VftMenuItem,
+  b as VftMenuItemGroup,
+  h as VftSubMenu,
+  V as default
 };

package/es/components/menu/menu-collapse-transition.vue2.js

@@ -1,13 +1,14 @@
 import { defineComponent as i } from "vue";
 import "@vueuse/core";
 import { addClass as s, hasClass as r, removeClass as a } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as n } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const w = i({
+const W = i({
   setup() {
     const o = n("menu");
     return {
@@ -30,5 +31,5 @@ const w = i({
   }
 });
 export {
-  w as default
+  W as default
 };

package/es/components/menu/menu-item-group.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent as n, createElementBlock as o, openBlock as r, normalizeClass as l, unref as s, createElementVNode as i, renderSlot as m, Fragment as p, createTextVNode as a, toDisplayString as u } from "vue";
+import { defineComponent as n, createElementBlock as o, openBlock as r, normalizeClass as l, unref as i, createElementVNode as m, renderSlot as s, Fragment as p, createTextVNode as a, toDisplayString as u } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as c } from "../../hooks/use-namespace/index.js";
@@ -9,7 +10,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const f = n({
   name: "vft-menu-item-group"
-}), S = /* @__PURE__ */ n({
+}), V = /* @__PURE__ */ n({
   ...f,
   props: {
     title: {}
@@ -17,21 +18,21 @@ const f = n({
   setup(d) {
     const t = c("menu-item-group");
     return (e, _) => (r(), o("li", {
-      class: l(s(t).b())
+      class: l(i(t).b())
     }, [
-      i("div", {
-        class: l(s(t).e("title"))
+      m("div", {
+        class: l(i(t).e("title"))
       }, [
-        e.$slots.title ? m(e.$slots, "title", { key: 1 }) : (r(), o(p, { key: 0 }, [
+        e.$slots.title ? s(e.$slots, "title", { key: 1 }) : (r(), o(p, { key: 0 }, [
           a(u(e.title), 1)
         ], 64))
       ], 2),
-      i("ul", null, [
-        m(e.$slots, "default")
+      m("ul", null, [
+        s(e.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  S as default
+  V as default
 };

package/es/components/menu/menu-item.vue2.js

@@ -5,6 +5,7 @@ import { VftDivider as j } from "../divider/index.js";
 import { VftTooltip as R } from "../tooltip/index.js";
 import "@vueuse/core";
 import { throwError as P } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as A } from "../../hooks/use-namespace/index.js";
@@ -16,7 +17,7 @@ import W from "./use-menu.js";
 const X = ["title"], Y = E({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), fe = /* @__PURE__ */ E({
+}), ve = /* @__PURE__ */ E({
   ...Y,
   props: {
     index: {},
@@ -110,5 +111,5 @@ const X = ["title"], Y = E({
   }
 });
 export {
-  fe as default
+  ve as default
 };