vft 0.0.249 → 0.0.252

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

@@ -13,8 +13,8 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
 const nt = ["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 nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", h.value)
     ]), d = Je({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
+    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
       formItemContext: F
-    }), ke = et(), p = tt(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(e.clearIcon, "icon", {
+    }), ke = at(), p = ot(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), k = l(() => F?.validateState || ""), ae = l(

package/es/components/link/index.d.ts

@@ -1,7 +1,7 @@
 export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"default" | "success" | "primary" | "warning" | "info" | "danger">;
+            type: import("vue").PropType<"default" | "success" | "warning" | "info" | "primary" | "danger">;
         };
         underline: {
             type: import("vue").PropType<boolean>;
@@ -31,7 +31,7 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"default" | "success" | "primary" | "warning" | "info" | "danger">;
+            type: import("vue").PropType<"default" | "success" | "warning" | "info" | "primary" | "danger">;
         };
         underline: {
             type: import("vue").PropType<boolean>;
@@ -56,7 +56,7 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"default" | "success" | "primary" | "warning" | "info" | "danger">;
+        type: import("vue").PropType<"default" | "success" | "warning" | "info" | "primary" | "danger">;
     };
     underline: {
         type: import("vue").PropType<boolean>;

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

@@ -1,18 +1,17 @@
-import { VftIcon as g } from "../icon/index.js";
+import { VftIcon as j } from "../icon/index.js";
 import { vLoading as C } from "../loading/directive.js";
 import "@vft/utils";
 import "@vueuse/core";
 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";
-import "../config-provider/hooks/use-global-config.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 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 y, injectCSS as k, injectScript as J } from "./utils.js";
-const O = 800, G = L({
+import { atou as g, injectCSS as k, injectScript as J } from "./utils.js";
+const O = 800, B = L({
   name: "VftMdCodeDemo",
   props: {
     /**
@@ -61,18 +60,18 @@ const O = 800, G = L({
       required: !0
     }
   },
-  setup(a, { slots: b }) {
+  setup(a, { slots: y }) {
     const n = l(!1), m = l(), f = l(), d = l("0"), s = l(!1), u = i(
-      () => JSON.parse(a.config ? y(a.config) : "{}")
+      () => JSON.parse(a.config ? g(a.config) : "{}")
     ), o = i(() => {
-      const r = JSON.parse(y(a.code));
+      const r = JSON.parse(g(a.code));
       return N(r);
     }), e = i(
       () => a.type === "react" ? w(o.value, u.value) : a.type === "vue" ? x(o.value, u.value) : D(o.value, u.value)
     ), h = i(() => e.value.isLegal), c = (r = !1) => {
       const p = m.value.attachShadow({ mode: "open" }), v = document.createElement("div");
       v.classList.add("code-demo-app"), p.appendChild(v), h.value ? (r && (v.innerHTML = e.value.html), k(p, e.value), J(a.id, p, e.value), d.value = "0") : d.value = "auto", s.value = !0;
-    }, j = () => {
+    }, b = () => {
       switch (a.type) {
         case "react":
           return R(e.value).then(() => c());
@@ -84,7 +83,7 @@ const O = 800, G = L({
     };
     return S(() => {
       setTimeout(() => {
-        j();
+        b();
       }, O);
     }), () => _(
       t("div", { class: "vft-md-code-demo", id: a.id }, [
@@ -152,7 +151,7 @@ const O = 800, G = L({
                       "aria-label": "JSFiddle",
                       "data-balloon-pos": "up"
                     },
-                    t(g, {
+                    t(j, {
                       icon: "icon-jsfiddle",
                       class: "jsfiddle-button"
                     })
@@ -196,7 +195,7 @@ const O = 800, G = L({
                       "aria-label": "Codepen",
                       "data-balloon-pos": "up"
                     },
-                    t(g, {
+                    t(Icon, {
                       icon: "icon-codepen",
                       class: "codepen-button"
                     })
@@ -225,7 +224,7 @@ const O = 800, G = L({
               ref: f,
               class: "code-demo-codes"
             },
-            b.default?.()
+            y.default?.()
           )
         )
       ]),
@@ -234,5 +233,5 @@ const O = 800, G = L({
   }
 });
 export {
-  G as default
+  B as default
 };

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

@@ -1,102 +1,16 @@
-import { defineComponent as _, getCurrentInstance as D, computed as f, onMounted as S, nextTick as E, createElementBlock as c, openBlock as n, normalizeClass as a, unref as t, createBlock as g, createCommentVNode as y, createElementVNode as r, createVNode as s, toDisplayString as h, Fragment as N, renderList as z, withCtx as A, createTextVNode as P, renderSlot as I } from "vue";
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import { jumpElement as R, getRandomElementForArr as $, formatToDateTime as B, getDayTimestamp as H, isClient as M } from "@vft/utils";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
+import { defineComponent as _, getCurrentInstance as D, computed as f, onMounted as S, nextTick as E, createElementBlock as d, openBlock as s, normalizeClass as l, unref as t, createBlock as g, createCommentVNode as y, createElementVNode as n, createVNode as c, toDisplayString as h, Fragment as N, renderList as z, withCtx as A, createTextVNode as P, renderSlot as I } from "vue";
 import { VftIcon as v } from "../icon/index.js";
-import { VftIconText as q } from "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import { VftTag as F } from "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import { VftMdComment as J } from "../md-comment/index.js";
-import "./index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
+import { VftIconText as R } from "../icon-text/index.js";
+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, formatToDateTime as q, getDayTimestamp as F, isClient as J } from "@vft/utils";
 import { primaryColor as O } from "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
 import { useRouterHelper as U } from "@vft/router";
 import { usePhotoSwipe as Y, useEventListener as G } from "@vft/use";
 import K from "./toc.js";
@@ -106,105 +20,105 @@ import { COMP_TYPE as X } from "./utils.js";
 const Z = { class: "info-container" }, tt = {
   key: 0,
   class: "left"
-}, ot = { class: "infos" }, it = {
+}, et = { class: "infos" }, ot = {
   class: "reading",
   title: "阅读量"
-}, et = ["data-path"], rt = _({
+}, it = ["data-path"], nt = _({
   name: "vft-md-container"
-}), ri = /* @__PURE__ */ _({
-  ...rt,
+}), bt = /* @__PURE__ */ _({
+  ...nt,
   props: {
     tocList: {}
   },
-  setup(l) {
-    const m = j("md-container"), C = D(), d = f(() => l.tocList && l.tocList !== "undefined" ? JSON.parse(l.tocList) : ""), { initPhotoSwipe: x } = Y(`.${m.e("content")} img`);
+  setup(m) {
+    const a = j("md-container"), C = D(), u = f(() => m.tocList && m.tocList !== "undefined" ? JSON.parse(m.tocList) : ""), { initPhotoSwipe: x } = Y(`.${a.e("content")} img`);
     x(), W({}), Q();
-    const u = C.appContext.config.globalProperties.$router, i = u.currentRoute.value;
+    const p = C.appContext.config.globalProperties.$router, o = p.currentRoute.value;
     S(() => {
       E(() => {
         setTimeout(() => {
-          R(encodeURI(i.hash));
+          H(encodeURI(o.hash));
         });
-        const p = document.querySelectorAll(".item.expand"), e = document.querySelectorAll(
+        const r = document.querySelectorAll(".item.expand"), i = document.querySelectorAll(
           "div.language-vue"
         );
-        for (let o = 0; o < p.length; o++)
-          G(p[o], "click", () => {
-            e[o].offsetHeight === 0 ? (e[o].style.height = "auto", e[o].style.visibility = "visible") : (e[o].style.height = "0px", e[o].style.visibility = "hidden");
+        for (let e = 0; e < r.length; e++)
+          G(r[e], "click", () => {
+            i[e].offsetHeight === 0 ? (i[e].style.height = "auto", i[e].style.visibility = "visible") : (i[e].style.height = "0px", i[e].style.visibility = "hidden");
           });
       });
     });
-    const k = O(), T = M ? location.pathname : "", { go: V } = U(u);
-    function b(p) {
-      V("/?classify=" + p);
+    const k = O(), T = J ? location.pathname : "", { go: V } = U(p);
+    function b(r) {
+      V("/?classify=" + r);
     }
-    const w = f(() => i.meta.category?.includes("api"));
-    return (p, e) => (n(), c("div", {
-      class: a([t(m).b(), t(m).is("api", w.value)])
+    const w = f(() => o.meta.category?.includes("api"));
+    return (r, i) => (s(), d("div", {
+      class: l([t(a).b(), t(a).is("api", w.value)])
     }, [
-      d.value ? (n(), g(t(K), {
+      u.value ? (s(), g(t(K), {
         key: 0,
-        items: d.value,
-        route: t(i)
+        items: u.value,
+        route: t(o)
       }, null, 8, ["items", "route"])) : y("", !0),
-      r("div", {
-        class: a(t(m).e("header"))
+      n("div", {
+        class: l(t(a).e("header"))
       }, [
-        r("h1", {
-          class: a(t(m).e("title"))
-        }, h(t(i).meta?.title), 3),
-        r("div", Z, [
-          t(i).meta?.category?.length ? (n(), c("div", tt, [
-            s(t(v), {
+        n("h1", {
+          class: l(t(a).e("title"))
+        }, h(t(o).meta?.title), 3),
+        n("div", Z, [
+          t(o).meta?.category?.length ? (s(), d("div", tt, [
+            c(t(v), {
               size: 14,
               color: t(k),
               icon: "icon-category"
             }, null, 8, ["color"]),
-            (n(!0), c(N, null, z(t(i).meta?.category, (o, L) => (n(), g(t(F), {
+            (s(!0), d(N, null, z(t(o).meta?.category, (e, L) => (s(), g(t($), {
               size: "small",
               class: "tag",
-              type: t($)(t(X), 1)[0],
+              type: t(M)(t(X), 1)[0],
               key: L,
-              onClick: (mt) => b(o)
+              onClick: (at) => b(e)
             }, {
               default: A(() => [
-                P(h(o), 1)
+                P(h(e), 1)
               ]),
               _: 2
             }, 1032, ["type", "onClick"]))), 128))
           ])) : y("", !0),
-          r("div", ot, [
-            s(t(q), {
+          n("div", et, [
+            c(t(R), {
               title: "发布时间",
               icon: "icon-date",
               size: 12,
               class: "mr-10px",
               distance: 5,
-              text: t(B)(
-                (t(i).meta?.date ? new Date(t(i).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - t(H)()
+              text: t(q)(
+                (t(o).meta?.date ? new Date(t(o).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - t(F)()
               )
             }, null, 8, ["text"]),
-            r("div", it, [
-              s(t(v), {
+            n("div", ot, [
+              c(t(v), {
                 icon: "icon-reading",
                 size: 14,
                 class: "mr-5px"
               }),
-              r("div", {
+              n("div", {
                 class: "waline-pageview-count lh-1",
                 "data-path": t(T)
-              }, "0", 8, et)
+              }, "0", 8, it)
             ])
           ])
         ])
       ], 2),
-      r("div", {
-        class: a(t(m).e("content"))
+      n("div", {
+        class: l(t(a).e("content"))
       }, [
-        I(p.$slots, "default")
+        I(r.$slots, "default")
       ], 2),
-      s(t(J)),
-      e[0] || (e[0] = r("ins", {
+      c(t(B)),
+      i[0] || (i[0] = n("ins", {
         class: "adsbygoogle",
         style: { display: "block", "text-align": "center" },
         "data-ad-layout": "in-article",
@@ -216,5 +130,5 @@ const Z = { class: "info-container" }, tt = {
   }
 });
 export {
-  ri as default
+  bt as default
 };

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

@@ -1,57 +1,57 @@
-import { defineComponent as r, ref as i, shallowRef as v, computed as m, onMounted as f, createVNode as e, withDirectives as w, h as g, resolveDirective as h } from "vue";
-import { VftIcon as V } from "../icon/index.js";
+import { defineComponent as i, ref as s, shallowRef as m, computed as v, onMounted as f, createVNode as e, h as w } from "vue";
+import { VftIcon as g } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as y } 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";
-import { getVuePlaygroundSettings as C } from "./playground.js";
-const R = r({
+import { getVuePlaygroundSettings as V } from "./playground.js";
+const y = i({
   name: "vft-md-vue-playground"
-}), P = /* @__PURE__ */ r({
-  ...R,
+}), M = /* @__PURE__ */ i({
+  ...y,
   props: {
     title: {},
     files: {},
     settings: {}
   },
   setup(t) {
-    const u = y("md-vue-playground"), s = i(!0), a = v(), n = i(), o = m(() => C(t.settings)), l = i(o.value.showCode || !1), c = async () => {
+    const u = h("md-vue-playground"), r = s(!0), n = m(), a = s(), o = v(() => V(t.settings)), l = s(o.value.showCode || !1), c = async () => {
       const {
         ReplStore: p,
         Repl: d
       } = await import("@vue/repl");
-      a.value = d, n.value = new p({
+      n.value = d, a.value = new p({
         serializedState: decodeURIComponent(t.files),
         showOutput: !0
-      }), o.value.vueVersion && await n.value.setVueVersion(o.value.vueVersion);
+      }), o.value.vueVersion && await a.value.setVueVersion(o.value.vueVersion);
     };
     return f(async () => {
-      await c(), s.value = !1;
+      await c(), r.value = !1;
     }), () => e("div", {
       class: u.b()
     }, [e("div", {
       class: "title-wrapper"
     }, [t.title ? e("div", {
       class: "title"
-    }, [decodeURIComponent(t.title)]) : null, e(V, {
+    }, [decodeURIComponent(t.title)]) : null, e(g, {
       cursor: !0,
       icon: l.value ? "icon-collapse-alt" : "icon-expand-alt",
       size: 20,
       onClick: () => {
         l.value = !l.value;
       }
-    }, null)]), w(e("div", {
+    }, null)]), e("div", {
       class: ["repl-container", l.value ? "show-code" : "hide-code"]
-    }, [a.value ? g(a.value, {
-      store: n.value,
+    }, [n.value ? w(n.value, {
+      store: a.value,
       ...o.value
-    }) : null]), [[h("loading"), s.value]])]);
+    }) : null])]);
   }
 });
 export {
-  P as default
+  M as default
 };

package/es/components/menu/index.js

@@ -1,7 +1,7 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import { withNoopInstall as t, withInstall as n } from "../../utils/vue/install.js";
+import { withInstall as n, withNoopInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import i from "./menu.vue2.js";

package/es/components/menu/menu-item.vue.d.ts

@@ -1,4 +1,4 @@
-import { type IconProps } from 'vft/es/components';
+import { type IconProps } from 'vft/es/components/icon';
 import { type RouteLocationRaw } from 'vue-router';
 export interface MenuItemProps {
     /** 唯一标志 */