vft 0.0.119 → 0.0.121

package/es/component.js

@@ -60,50 +60,52 @@ import { VftPopconfirm as To } from "./components/popconfirm/index.js";
 import { VftAlert as go } from "./components/alert/index.js";
 import { VftDrawer as Io } from "./components/drawer/index.js";
 import { VftProgress as So } from "./components/progress/index.js";
-import { VftSkeleton as bo, VftSkeletonItem as Po } from "./components/skeleton/index.js";
-import { VftAside as ko, VftContainer as Do, VftFooter as wo, VftHeader as yo, VftMain as ho } from "./components/container/index.js";
-import { VftSelect as xo } from "./components/select/index.js";
-import { VftInputNumber as Fo } from "./components/input-number/index.js";
-import { VftAutocomplete as Lo } from "./components/autocomplete/index.js";
-import { VftSlider as Ro } from "./components/slider/index.js";
-import { VftUpload as vo } from "./components/upload/index.js";
-import { VftSuperForm as Bo } from "./components/super-form/index.js";
-import { VftMdComment as Ao } from "./components/md-comment/index.js";
-import { VftMdTabs as Go } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as Ho } from "./components/md-vue-playground/index.js";
-import { VftMdCodeDemo as Eo } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as zo } from "./components/md-code-tabs/index.js";
-import { VftMdContainer as No } from "./components/md-container/index.js";
-const ar = [
+import { VftModal as bo } from "./components/modal/index.js";
+import { VftSkeleton as Po, VftSkeletonItem as ko } from "./components/skeleton/index.js";
+import { VftAside as Do, VftContainer as wo, VftFooter as yo, VftHeader as ho, VftMain as xo } from "./components/container/index.js";
+import { VftSelect as Fo } from "./components/select/index.js";
+import { VftInputNumber as Lo } from "./components/input-number/index.js";
+import { VftAutocomplete as Ro } from "./components/autocomplete/index.js";
+import { VftSlider as vo } from "./components/slider/index.js";
+import { VftUpload as Bo } from "./components/upload/index.js";
+import { VftSuperForm as Ao } from "./components/super-form/index.js";
+import { VftMdComment as Go } from "./components/md-comment/index.js";
+import { VftMdTabs as Ho } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as Eo } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as zo } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as No } from "./components/md-code-tabs/index.js";
+import { VftMdContainer as Oo } from "./components/md-container/index.js";
+const lr = [
+  Ao,
   Bo,
-  vo,
   So,
-  Fo,
   Lo,
   Ro,
+  vo,
+  bo,
   // VftRate,
   Io,
   go,
-  xo,
+  Fo,
   To,
   Mo,
   so,
-  bo,
   Po,
+  ko,
   Co,
   co,
+  Oo,
   No,
   zo,
   Eo,
   Ho,
-  Go,
   uo,
-  Ao,
-  ko,
+  Go,
   Do,
   wo,
   yo,
   ho,
+  xo,
   eo,
   ao,
   lo,
@@ -172,5 +174,5 @@ const ar = [
   N
 ];
 export {
-  ar as default
+  lr as default
 };

package/es/components/backtop/backtop.vue2.js

@@ -76,6 +76,7 @@ import "../autocomplete/index.js";
 import "../super-form/index.js";
 import "../progress/index.js";
 import "../upload/index.js";
+import "../modal/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -95,7 +96,7 @@ const m = (
   _("backtop")
 ), N = c({
   name: "vft-backtop"
-}), go = /* @__PURE__ */ c({
+}), vo = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -138,5 +139,5 @@ const m = (
   }
 });
 export {
-  go as default
+  vo as default
 };

package/es/components/button/button.vue2.js

@@ -1,23 +1,23 @@
-import { defineComponent as B, computed as I, openBlock as n, createBlock as a, resolveDynamicComponent as _, mergeProps as m, unref as e, withCtx as j, createElementBlock as y, Fragment as A, renderSlot as f, normalizeClass as k, normalizeProps as F, createCommentVNode as b } from "vue";
+import { defineComponent as B, computed as I, openBlock as n, createBlock as a, resolveDynamicComponent as _, mergeProps as m, unref as e, withCtx as A, createElementBlock as y, Fragment as N, renderSlot as f, normalizeClass as k, normalizeProps as P, createCommentVNode as b } from "vue";
 import { VftIcon as g } from "../icon/index.js";
-import { useNamespace as N } from "../../hooks/use-namespace/index.js";
+import { useNamespace as T } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as O } from "@vft/utils";
+import { singleAttrToObj as V } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import { useButton as P } from "./use-button.js";
-import { useButtonCustomStyle as T } from "./button-custom.js";
+import { useButton as j } from "./use-button.js";
+import { useButtonCustomStyle as w } from "./button-custom.js";
 const t = (
   /* hoist-static*/
-  N("button")
-), V = B({
+  T("button")
+), D = B({
   name: "vft-button"
 }), U = /* @__PURE__ */ B({
-  ...V,
+  ...D,
   props: {
-    tag: { type: [String, Object, Function], default: "button" },
+    tag: { default: "button" },
     size: {},
     disabled: { type: Boolean },
     type: {},
@@ -38,9 +38,9 @@ const t = (
     block: { type: Boolean }
   },
   emits: ["click"],
-  setup(C, { expose: S, emit: h }) {
-    const l = C, s = I(() => O(l.icon, "icon")), v = T(l), { _ref: i, _size: r, _type: p, _disabled: c, _props: z, shouldAddSpace: u, handleClick: $ } = P(l, h);
-    return S({
+  setup(C, { expose: h, emit: v }) {
+    const l = C, s = I(() => V(l.icon, "icon")), z = w(l), { _ref: i, _size: r, _type: p, _disabled: c, _props: S, shouldAddSpace: d, handleClick: $ } = j(l, v);
+    return h({
       /** @description button html element */
       ref: i,
       /** @description button size */
@@ -50,11 +50,11 @@ const t = (
       /** @description button disabled */
       disabled: c,
       /** @description whether adding space */
-      shouldAddSpace: u
-    }), (o, w) => (n(), a(_(o.tag), m({
+      shouldAddSpace: d
+    }), (o, E) => (n(), a(_(o.tag), m({
       ref_key: "_ref",
       ref: i
-    }, e(z), {
+    }, e(S), {
       class: [
         e(t).b(),
         e(t).m(e(p)),
@@ -69,23 +69,23 @@ const t = (
         e(t).is("has-bg", o.bg),
         e(t).is("block", o.block)
       ],
-      style: e(v),
+      style: e(z),
       onClick: e($)
     }), {
-      default: j(() => {
-        var d;
+      default: A(() => {
+        var u;
         return [
-          o.loading ? (n(), y(A, { key: 0 }, [
+          o.loading ? (n(), y(N, { key: 0 }, [
             o.$slots.loading ? f(o.$slots, "loading", { key: 0 }) : (n(), a(e(g), {
               key: 1,
               rotate: "",
               class: k(e(t).is("loading")),
               icon: "ico-ep:loading"
             }, null, 8, ["class"]))
-          ], 64)) : (d = s.value) != null && d.icon ? (n(), a(e(g), F(m({ key: 1 }, s.value)), null, 16)) : b("", !0),
+          ], 64)) : (u = s.value) != null && u.icon ? (n(), a(e(g), P(m({ key: 1 }, s.value)), null, 16)) : b("", !0),
           o.$slots.default ? (n(), y("span", {
             key: 2,
-            class: k({ [e(t).em("text", "expand")]: e(u) })
+            class: k({ [e(t).em("text", "expand")]: e(d) })
           }, [
             f(o.$slots, "default")
           ], 2)) : b("", !0)

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

@@ -82,6 +82,7 @@ import "../autocomplete/index.js";
 import "../super-form/index.js";
 import "../progress/index.js";
 import "../upload/index.js";
+import "../modal/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -94,7 +95,7 @@ const L = { class: "vft-sub-menu" }, N = (
   A("context-menu")
 ), R = f({
   name: "vft-context-menu"
-}), Co = /* @__PURE__ */ f({
+}), bo = /* @__PURE__ */ f({
   ...R,
   props: {
     axis: {},
@@ -168,5 +169,5 @@ const L = { class: "vft-sub-menu" }, N = (
   }
 });
 export {
-  Co as default
+  bo as default
 };

package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as f, computed as j, watch as Y, nextTick as $, openBlock as u, createElementBlock as p, normalizeClass as C, unref as N, createElementVNode as g, Fragment as O, renderList as M, withKeys as I, withModifiers as R, toDisplayString as q } from "vue";
+import { defineComponent as j, ref as f, computed as L, watch as Y, nextTick as $, openBlock as u, createElementBlock as p, normalizeClass as N, unref as O, createElementVNode as g, Fragment as C, renderList as M, withKeys as I, withModifiers as R, toDisplayString as q } from "vue";
 import b from "dayjs";
 import { useNamespace as G } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -12,30 +12,26 @@ import { castArray as T } from "../utils.js";
 import { basicMonthTableProps as J } from "../props/basic-month-table.js";
 import { datePickerConfig as Q } from "../constants.js";
 import { rangeArr as U } from "../../time-picker/utils.js";
-const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe = /* @__PURE__ */ P({
+const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe = /* @__PURE__ */ j({
   __name: "basic-month-table",
   props: J,
   emits: ["changerange", "pick", "select"],
   setup(A, { expose: E, emit: d }) {
-    const e = A, B = (a, t, o) => {
-      const r = b().locale(o).startOf("month").month(t).year(a), n = r.daysInMonth();
-      return U(n).map((s) => r.add(s, "day").toDate());
-    }, K = G("month-table"), x = f("zh-cn"), v = f(), h = f();
-    f(
-      e.date.locale("en").localeData().monthsShort().map((a) => a.toLowerCase())
-    );
-    const V = f([
+    const t = A, B = (n, e, o) => {
+      const r = b().locale(o).startOf("month").month(e).year(n), a = r.daysInMonth();
+      return U(a).map((s) => r.add(s, "day").toDate());
+    }, K = G("month-table"), x = f("zh-cn"), v = f(), h = f(), V = f([
       [],
       [],
       []
-    ]), w = f(), S = f(), k = j(() => {
+    ]), w = f(), S = f(), k = L(() => {
       var o, r;
-      const a = V.value, t = b().locale(x.value).startOf("month");
-      for (let n = 0; n < 3; n++) {
-        const s = a[n];
+      const n = V.value, e = b().locale(x.value).startOf("month");
+      for (let a = 0; a < 3; a++) {
+        const s = n[a];
         for (let i = 0; i < 4; i++) {
           const c = s[i] || (s[i] = {
-            row: n,
+            row: a,
             column: i,
             type: "normal",
             inRange: !1,
@@ -45,83 +41,83 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
             disabled: !1
           });
           c.type = "normal";
-          const _ = n * 4 + i, l = e.date.startOf("year").month(_), m = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
-          c.inRange = !!(e.minDate && l.isSameOrAfter(e.minDate, "month") && m && l.isSameOrBefore(m, "month")) || !!(e.minDate && l.isSameOrBefore(e.minDate, "month") && m && l.isSameOrAfter(m, "month")), (o = e.minDate) != null && o.isSameOrAfter(m) ? (c.start = !!(m && l.isSame(m, "month")), c.end = e.minDate && l.isSame(e.minDate, "month")) : (c.start = !!(e.minDate && l.isSame(e.minDate, "month")), c.end = !!(m && l.isSame(m, "month"))), t.isSame(l) && (c.type = "today"), c.text = _, c.disabled = ((r = e.disabledDate) == null ? void 0 : r.call(e, l.toDate())) || !1;
+          const _ = a * 4 + i, l = t.date.startOf("year").month(_), m = t.rangeState.endDate || t.maxDate || t.rangeState.selecting && t.minDate || null;
+          c.inRange = !!(t.minDate && l.isSameOrAfter(t.minDate, "month") && m && l.isSameOrBefore(m, "month")) || !!(t.minDate && l.isSameOrBefore(t.minDate, "month") && m && l.isSameOrAfter(m, "month")), (o = t.minDate) != null && o.isSameOrAfter(m) ? (c.start = !!(m && l.isSame(m, "month")), c.end = t.minDate && l.isSame(t.minDate, "month")) : (c.start = !!(t.minDate && l.isSame(t.minDate, "month")), c.end = !!(m && l.isSame(m, "month"))), e.isSame(l) && (c.type = "today"), c.text = _, c.disabled = ((r = t.disabledDate) == null ? void 0 : r.call(t, l.toDate())) || !1;
         }
       }
-      return a;
+      return n;
     }), z = () => {
-      var a;
-      (a = h.value) == null || a.focus();
-    }, F = (a) => {
-      const t = {}, o = e.date.year(), r = /* @__PURE__ */ new Date(), n = a.text;
-      return t.disabled = e.disabledDate ? B(o, n, x.value).every(e.disabledDate) : !1, t.current = T(e.parsedValue).findIndex(
-        (s) => b.isDayjs(s) && s.year() === o && s.month() === n
-      ) >= 0, t.today = r.getFullYear() === o && r.getMonth() === n, a.inRange && (t["in-range"] = !0, a.start && (t["start-date"] = !0), a.end && (t["end-date"] = !0)), t;
-    }, D = (a) => {
-      const t = e.date.year(), o = a.text;
-      return T(e.date).findIndex(
-        (r) => r.year() === t && r.month() === o
-      ) >= 0;
-    }, L = (a) => {
       var n;
-      if (!e.rangeState.selecting)
+      (n = h.value) == null || n.focus();
+    }, F = (n) => {
+      const e = {}, o = t.date.year(), r = /* @__PURE__ */ new Date(), a = n.text;
+      return e.disabled = t.disabledDate ? B(o, a, x.value).every(t.disabledDate) : !1, e.current = T(t.parsedValue).findIndex(
+        (s) => b.isDayjs(s) && s.year() === o && s.month() === a
+      ) >= 0, e.today = r.getFullYear() === o && r.getMonth() === a, n.inRange && (e["in-range"] = !0, n.start && (e["start-date"] = !0), n.end && (e["end-date"] = !0)), e;
+    }, y = (n) => {
+      const e = t.date.year(), o = n.text;
+      return T(t.date).findIndex(
+        (r) => r.year() === e && r.month() === o
+      ) >= 0;
+    }, P = (n) => {
+      var a;
+      if (!t.rangeState.selecting)
         return;
-      let t = a.target;
-      if (t.tagName === "A" && (t = (n = t.parentNode) == null ? void 0 : n.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD")
+      let e = n.target;
+      if (e.tagName === "A" && (e = (a = e.parentNode) == null ? void 0 : a.parentNode), e.tagName === "DIV" && (e = e.parentNode), e.tagName !== "TD")
         return;
-      const o = t.parentNode.rowIndex, r = t.cellIndex;
+      const o = e.parentNode.rowIndex, r = e.cellIndex;
       k.value[o][r].disabled || (o !== w.value || r !== S.value) && (w.value = o, S.value = r, d("changerange", {
         selecting: !0,
-        endDate: e.date.startOf("year").month(o * 4 + r)
+        endDate: t.date.startOf("year").month(o * 4 + r)
       }));
-    }, y = (a) => {
+    }, D = (n) => {
       var i;
-      const t = (i = a.target) == null ? void 0 : i.closest(
+      const e = (i = n.target) == null ? void 0 : i.closest(
         "td"
       );
-      if ((t == null ? void 0 : t.tagName) !== "TD" || H(t, "disabled"))
+      if ((e == null ? void 0 : e.tagName) !== "TD" || H(e, "disabled"))
         return;
-      const o = t.cellIndex, n = t.parentNode.rowIndex * 4 + o, s = e.date.startOf("year").month(n);
-      e.selectionMode === "range" ? e.rangeState.selecting ? (e.minDate && s >= e.minDate ? d("pick", { minDate: e.minDate, maxDate: s }) : d("pick", { minDate: s, maxDate: e.minDate }), d("select", !1)) : (d("pick", { minDate: s, maxDate: null }), d("select", !0)) : d("pick", n);
+      const o = e.cellIndex, a = e.parentNode.rowIndex * 4 + o, s = t.date.startOf("year").month(a);
+      t.selectionMode === "range" ? t.rangeState.selecting ? (t.minDate && s >= t.minDate ? d("pick", { minDate: t.minDate, maxDate: s }) : d("pick", { minDate: s, maxDate: t.minDate }), d("select", !1)) : (d("pick", { minDate: s, maxDate: null }), d("select", !0)) : d("pick", a);
     };
     return Y(
-      () => e.date,
+      () => t.date,
       async () => {
-        var a, t;
-        (a = v.value) != null && a.contains(document.activeElement) && (await $(), (t = h.value) == null || t.focus());
+        var n, e;
+        (n = v.value) != null && n.contains(document.activeElement) && (await $(), (e = h.value) == null || e.focus());
       }
     ), E({
       /**
        * @description focus current cell
        */
       focus: z
-    }), (a, t) => (u(), p("table", {
+    }), (n, e) => (u(), p("table", {
       role: "grid",
       "aria-label": "使用方向键与 Enter 键以选择月份",
-      class: C(N(K).b()),
-      onClick: y,
-      onMousemove: L
+      class: N(O(K).b()),
+      onClick: D,
+      onMousemove: P
     }, [
       g("tbody", {
         ref_key: "tbodyRef",
         ref: v
       }, [
-        (u(!0), p(O, null, M(k.value, (o, r) => (u(), p("tr", { key: r }, [
-          (u(!0), p(O, null, M(o, (n, s) => (u(), p("td", {
+        (u(!0), p(C, null, M(k.value, (o, r) => (u(), p("tr", { key: r }, [
+          (u(!0), p(C, null, M(o, (a, s) => (u(), p("td", {
             key: s,
             ref_for: !0,
-            ref: (i) => D(n) && (h.value = i),
-            class: C(F(n)),
-            "aria-selected": `${D(n)}`,
-            tabindex: D(n) ? 0 : -1,
+            ref: (i) => y(a) && (h.value = i),
+            class: N(F(a)),
+            "aria-selected": `${y(a)}`,
+            tabindex: y(a) ? 0 : -1,
             onKeydown: [
-              I(R(y, ["prevent", "stop"]), ["space"]),
-              I(R(y, ["prevent", "stop"]), ["enter"])
+              I(R(D, ["prevent", "stop"]), ["space"]),
+              I(R(D, ["prevent", "stop"]), ["enter"])
             ]
           }, [
             g("div", null, [
-              g("span", X, q(N(Q)["month" + (n.text + 1)]), 1)
+              g("span", X, q(O(Q)["month" + (a.text + 1)]), 1)
             ])
           ], 42, W))), 128))
         ]))), 128))

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

@@ -82,6 +82,7 @@ import "../autocomplete/index.js";
 import "../super-form/index.js";
 import "../progress/index.js";
 import "../upload/index.js";
+import "../modal/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -94,7 +95,7 @@ const r = (
   n("footer-layout")
 ), c = e({
   name: "vft-footer-layout"
-}), Yt = /* @__PURE__ */ e({
+}), Zt = /* @__PURE__ */ e({
   ...c,
   setup(u) {
     return (i, d) => (s(), l(t(f), {
@@ -122,5 +123,5 @@ const r = (
   }
 });
 export {
-  Yt as default
+  Zt as default
 };

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

@@ -82,6 +82,7 @@ import "../autocomplete/index.js";
 import "../super-form/index.js";
 import "../progress/index.js";
 import "../upload/index.js";
+import "../modal/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -100,7 +101,7 @@ const y = { class: "content" }, $ = {
   g("header-layout")
 ), N = f({
   name: "vft-header-layout"
-}), ft = /* @__PURE__ */ f({
+}), ct = /* @__PURE__ */ f({
   ...N,
   props: {
     logoCfg: {}
@@ -146,5 +147,5 @@ const y = { class: "content" }, $ = {
   }
 });
 export {
-  ft as default
+  ct as default
 };