vft 0.0.70 → 0.0.72

package/es/components/footer-layout/footer-layout.vue2.js

@@ -1,52 +1,120 @@
-import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as p, createElementVNode as s, renderSlot as l } from "vue";
-import { generateCssVars as d, isNullOrUndefined as u, addUnit as y } from "@vft/utils";
-import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import { defineComponent as s, computed as l, openBlock as a, createBlock as n, unref as t, normalizeClass as r, withCtx as f, createElementVNode as m, renderSlot as p } from "vue";
+import { generateCssVars as c, isNullOrUndefined as d, addUnit as u } from "@vft/utils";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const t = (
+import "../divider/index.js";
+import "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import "../popover/index.js";
+import "../menu/index.js";
+import "../context-menu/context-menu.vue2.js";
+import "../multiple-tabs/index.js";
+import "../header-layout/index.js";
+import "./index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/index.js";
+import { VftFooter as C } from "../container/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
+import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+const o = (
   /* hoist-static*/
-  v("footer-layout")
-), g = a({
-  name: t.b()
-}), S = /* @__PURE__ */ a({
-  ...g,
+  h("footer-layout")
+), _ = s({
+  name: o.b()
+}), Jt = /* @__PURE__ */ s({
+  ..._,
   props: {
     leftDistance: null
   },
-  setup(n) {
-    const i = m(() => d(
-      u(n.leftDistance) ? {} : {
-        left: y(n.leftDistance)
+  setup(e) {
+    return l(() => c(
+      d(e.leftDistance) ? {} : {
+        left: u(e.leftDistance)
       },
       "layout-footer"
-    ));
-    return (r, h) => (c(), f("div", {
-      class: o(e(t).b()),
-      style: p(e(i))
-    }, [
-      s("div", {
-        class: o(e(t).e("left"))
-      }, [
-        l(r.$slots, "left")
-      ], 2),
-      s("div", {
-        class: o(e(t).e("center"))
-      }, [
-        l(r.$slots, "default")
-      ], 2),
-      s("div", {
-        class: o(e(t).e("right"))
-      }, [
-        l(r.$slots, "right")
-      ], 2)
-    ], 6));
+    )), (i, g) => (a(), n(t(C), {
+      class: r(t(o).b())
+    }, {
+      default: f(() => [
+        m("div", {
+          class: r(t(o).e("left"))
+        }, [
+          p(i.$slots, "left")
+        ], 2),
+        m("div", {
+          class: r(t(o).e("center"))
+        }, [
+          p(i.$slots, "default")
+        ], 2),
+        m("div", {
+          class: r(t(o).e("right"))
+        }, [
+          p(i.$slots, "right")
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  S as default
+  Jt as default
 };

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

@@ -9,8 +9,6 @@ import { useNamespace as $e } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useId as Ne } from "../../hooks/use-id/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { useFormSize as Ae } from "./hooks/use-form-common-props.js";
 import { formContextKey as Pe, formItemContextKey as X } from "./constants.js";
 import je from "./form-label-wrap.js";
@@ -19,7 +17,7 @@ const De = ["role", "aria-labelledby"], n = (
   $e("form-item")
 ), Ee = Y({
   name: n.b()
-}), rr = /* @__PURE__ */ Y({
+}), xe = /* @__PURE__ */ Y({
   ...Ee,
   props: {
     label: null,
@@ -242,5 +240,5 @@ const De = ["role", "aria-labelledby"], n = (
   }
 });
 export {
-  rr as default
+  xe as default
 };

package/es/components/form/form-label-wrap.js

@@ -7,10 +7,8 @@ import "../../utils/ns-cover.js";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { formContextKey as R, formItemContextKey as T } from "./constants.js";
-const W = "VftLabelWrap", G = /* @__PURE__ */ N({
+const W = "VftLabelWrap", x = /* @__PURE__ */ N({
   name: W,
   props: {
     isAutoWidth: Boolean,
@@ -21,11 +19,11 @@ const W = "VftLabelWrap", G = /* @__PURE__ */ N({
   }) {
     const t = h(R, void 0), n = h(T);
     n || C(W, "usage: <vft-form-item><label-wrap /></vft-form-item>");
-    const v = K("form"), a = s(), o = s(0), L = () => {
+    const v = K("form"), r = s(), o = s(0), L = () => {
       var e;
-      if ((e = a.value) != null && e.firstElementChild) {
-        const r = window.getComputedStyle(a.value.firstElementChild).width;
-        return Math.ceil(Number.parseFloat(r));
+      if ((e = r.value) != null && e.firstElementChild) {
+        const a = window.getComputedStyle(r.value.firstElementChild).width;
+        return Math.ceil(Number.parseFloat(a));
       } else
         return 0;
     }, m = (e = "update") => {
@@ -37,13 +35,13 @@ const W = "VftLabelWrap", G = /* @__PURE__ */ N({
       u();
     }), E(() => {
       m("remove");
-    }), y(() => u()), M(o, (e, r) => {
-      l.updateAll && (t == null || t.registerLabelWidth(e, r));
+    }), y(() => u()), M(o, (e, a) => {
+      l.updateAll && (t == null || t.registerLabelWidth(e, a));
     }), P(F(() => {
       var e;
-      return ((e = a.value) == null ? void 0 : e.firstElementChild) ?? null;
+      return ((e = r.value) == null ? void 0 : e.firstElementChild) ?? null;
     }), u), () => {
-      var r, f;
+      var a, f;
       if (!i)
         return null;
       const {
@@ -56,17 +54,17 @@ const W = "VftLabelWrap", G = /* @__PURE__ */ N({
           c && (p[w] = `${c}px`);
         }
         return b("div", {
-          ref: a,
+          ref: r,
           class: [v.be("item", "label-wrap")],
           style: p
-        }, [(r = i.default) == null ? void 0 : r.call(i)]);
+        }, [(a = i.default) == null ? void 0 : a.call(i)]);
       } else
         return b(B, {
-          ref: a
+          ref: r
         }, [(f = i.default) == null ? void 0 : f.call(i)]);
     };
   }
 });
 export {
-  G as default
+  x as default
 };

package/es/components/form/form.vue2.js

@@ -7,8 +7,6 @@ import "../../utils/ns-cover.js";
 import { useNamespace as W } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { useFormSize as $ } from "./hooks/use-form-common-props.js";
 import { formContextKey as A } from "./constants.js";
 import { useFormLabelWidth as K, filterFields as d } from "./utils.js";
@@ -17,7 +15,7 @@ const n = (
   W("form")
 ), L = y({
   name: n.b()
-}), oe = /* @__PURE__ */ y({
+}), ee = /* @__PURE__ */ y({
   ...L,
   props: {
     size: null,
@@ -57,7 +55,7 @@ const n = (
         return;
       }
       d(l, e).forEach((t) => t.resetField());
-    }, m = (e = []) => {
+    }, c = (e = []) => {
       d(l, e).forEach((t) => t.clearValidate());
     }, C = h(() => {
       const e = !!i.model;
@@ -67,7 +65,7 @@ const n = (
         return [];
       const t = d(l, e);
       return t.length ? t : (a(n.b(), "please pass correct props!"), []);
-    }, c = async (e) => f(void 0, e), P = async (e = []) => {
+    }, m = async (e) => f(void 0, e), P = async (e = []) => {
       if (!C.value)
         return !1;
       const t = E(e);
@@ -103,7 +101,7 @@ const n = (
     O(
       () => i.rules,
       () => {
-        i.validateOnRuleChange && c().catch((e) => a(e));
+        i.validateOnRuleChange && m().catch((e) => a(e));
       },
       { deep: !0 }
     );
@@ -114,7 +112,7 @@ const n = (
         ...V.props,
         emit: F,
         resetFields: u,
-        clearValidate: m,
+        clearValidate: c,
         validateField: f,
         addField: w,
         removeField: b,
@@ -124,7 +122,7 @@ const n = (
       /**
        * @description Validate the whole form. Receives a callback or returns `Promise`.
        */
-      validate: c,
+      validate: m,
       /**
        * @description Validate specified fields.
        */
@@ -136,7 +134,7 @@ const n = (
       /**
        * @description Clear validation message for specified fields.
        */
-      clearValidate: m,
+      clearValidate: c,
       /**
        * @description Scroll to the specified fields.
        */
@@ -149,5 +147,5 @@ const n = (
   }
 });
 export {
-  oe as default
+  ee as default
 };

package/es/components/form/hooks/use-form-common-props.js

@@ -8,8 +8,6 @@ import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import { useProp as d } from "../../../hooks/use-prop/index.js";
 import { useGlobalSize as a } from "../../../hooks/use-size/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { formContextKey as l, formItemContextKey as f } from "../constants.js";
 const v = (t, o = {}) => {
   const e = u(void 0), n = o.prop ? e : d("size"), c = o.global ? e : a(), i = o.form ? { size: void 0 } : r(l, void 0), s = o.formItem ? { size: void 0 } : r(f, void 0);
@@ -21,10 +19,10 @@ const v = (t, o = {}) => {
   return m(
     () => o.value || p(t) || (e == null ? void 0 : e.disabled) || !1
   );
-}, g = v, h = z;
+}, P = v, R = z;
 export {
-  h as useDisabled,
+  R as useDisabled,
   z as useFormDisabled,
   v as useFormSize,
-  g as useSize
+  P as useSize
 };

package/es/components/form/hooks/use-form-item.js

@@ -7,33 +7,31 @@ import { useId as j } from "../../../hooks/use-id/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { formContextKey as B, formItemContextKey as L } from "../constants.js";
-const Q = () => {
-  const r = h(B, void 0), u = h(L, void 0);
+const O = () => {
+  const v = h(B, void 0), u = h(L, void 0);
   return {
-    form: r,
+    form: v,
     formItem: u
   };
-}, S = (r, {
+}, P = (v, {
   formItemContext: u,
-  disableIdGeneration: c,
+  disableIdGeneration: o,
   disableIdManagement: i
 }) => {
-  c || (c = l(!1)), i || (i = l(!1));
+  o || (o = l(!1)), i || (i = l(!1));
   const p = l();
   let d;
   const w = y(() => {
-    var v;
-    return !!(!r.label && u && u.inputIds && ((v = u.inputIds) == null ? void 0 : v.length) <= 1);
+    var r;
+    return !!(!v.label && u && u.inputIds && ((r = u.inputIds) == null ? void 0 : r.length) <= 1);
   });
   return F(() => {
     d = f(
-      [K(r, "id"), c],
-      ([v, s]) => {
-        const o = v ?? (s ? void 0 : j().value);
-        o !== p.value && (u != null && u.removeInputId && (p.value && u.removeInputId(p.value), !(i != null && i.value) && !s && o && u.addInputId(o)), p.value = o);
+      [K(v, "id"), o],
+      ([r, s]) => {
+        const c = r ?? (s ? void 0 : j().value);
+        c !== p.value && (u != null && u.removeInputId && (p.value && u.removeInputId(p.value), !(i != null && i.value) && !s && c && u.addInputId(c)), p.value = c);
       },
       { immediate: !0 }
     );
@@ -45,6 +43,6 @@ const Q = () => {
   };
 };
 export {
-  Q as useFormItem,
-  S as useFormItemInputId
+  O as useFormItem,
+  P as useFormItemInputId
 };

package/es/components/full-screen/full-screen.vue2.js

@@ -8,29 +8,27 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import { primaryColor as _ } from "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const t = (
   /* hoist-static*/
   f("full-screen")
 ), x = e({
   name: t.b()
-}), V = /* @__PURE__ */ e({
+}), P = /* @__PURE__ */ e({
   ...x,
   props: {},
   setup(c) {
-    const n = c, { toggle: i, isFullscreen: r } = a(), s = _().value;
+    const n = c, { toggle: s, isFullscreen: r } = a(), i = _().value;
     return (d, C) => (l(), p(o(u), m({
       class: o(t).b(),
       distance: 2,
       pointer: "",
-      "hover-color": o(s),
-      onClick: o(i),
+      "hover-color": o(i),
+      onClick: o(s),
       icon: o(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen",
       text: o(r) ? "退出全屏" : "全屏"
     }, n), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {
-  V as default
+  P as default
 };

package/es/components/header/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-header.css";

package/es/components/header/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/header.scss";

package/es/components/header-layout/header-layout.vue2.js

@@ -1,53 +1,136 @@
-import { defineComponent as a, computed as n, openBlock as p, createElementBlock as c, normalizeClass as t, unref as o, createElementVNode as s, createVNode as d, normalizeProps as f, guardReactiveProps as u, renderSlot as l } from "vue";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import { defineComponent as c, openBlock as r, createBlock as s, unref as t, normalizeClass as l, withCtx as i, createVNode as n, createElementVNode as d, createElementBlock as f, normalizeProps as u, mergeProps as g, createCommentVNode as m, renderSlot as a } from "vue";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-import { VftLogo as v } from "../logo/index.js";
-const e = (
+import { VftLogo as C } from "../logo/index.js";
+import "../divider/index.js";
+import "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import "../popover/index.js";
+import "../menu/index.js";
+import "../context-menu/context-menu.vue2.js";
+import "../multiple-tabs/index.js";
+import "./index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../back-top/index.js";
+import { VftHeader as V, VftContainer as _, VftMain as k, VftFooter as $ } from "../container/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
+import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+const y = { class: "content" }, b = {
+  key: 0,
+  class: "left"
+}, N = {
+  key: 1,
+  class: "right"
+}, p = (
   /* hoist-static*/
-  g("header-layout")
-), C = a({
-  name: e.b()
-}), H = /* @__PURE__ */ a({
-  ...C,
+  h("header-layout")
+), v = c({
+  name: p.b()
+}), Xt = /* @__PURE__ */ c({
+  ...v,
   props: {
     logoCfg: null
   },
-  setup(m) {
-    const i = n(() => [
-      e.b(),
-      {
-        [`${e.m("fixed")}`]: !0
-      }
-    ]);
-    return (r, _) => (p(), c("div", {
-      class: t(o(i))
-    }, [
-      s("div", {
-        class: t(o(e).e("top"))
-      }, [
-        s("div", {
-          class: t(o(e).e("left"))
-        }, [
-          d(o(v), f(u(m.logoCfg)), null, 16),
-          l(r.$slots, "left")
-        ], 2),
-        s("div", {
-          class: t(o(e).e("right"))
-        }, [
-          l(r.$slots, "default")
-        ], 2)
-      ], 2),
-      l(r.$slots, "bottom")
-    ], 2));
+  setup(e) {
+    return (o, B) => (r(), s(t(V), {
+      class: l(t(p).b())
+    }, {
+      default: i(() => [
+        n(t(_), null, {
+          default: i(() => [
+            n(t(k), {
+              class: l(t(p).e("top-container"))
+            }, {
+              default: i(() => [
+                d("div", y, [
+                  e.logoCfg || o.$slots.left ? (r(), f("div", b, [
+                    e.logoCfg ? (r(), s(t(C), u(g({ key: 0 }, e.logoCfg)), null, 16)) : m("", !0),
+                    a(o.$slots, "left")
+                  ])) : m("", !0),
+                  o.$slots.right ? (r(), f("div", N, [
+                    a(o.$slots, "right")
+                  ])) : m("", !0)
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"]),
+            o.$slots.bottom ? (r(), s(t($), {
+              key: 0,
+              class: l(t(p).e("footer"))
+            }, {
+              default: i(() => [
+                a(o.$slots, "bottom")
+              ]),
+              _: 3
+            }, 8, ["class"])) : m("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  H as default
+  Xt as default
 };

package/es/components/horizontal-menu/horizontal-menu.vue.js

@@ -0,0 +1,4 @@
+import f from "./horizontal-menu.vue2.js";
+export {
+  f as default
+};