vft 0.0.119 → 0.0.121

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

@@ -84,6 +84,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";
@@ -97,7 +98,7 @@ const ee = ["title"], g = (
 ), te = Y({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), Ot = /* @__PURE__ */ Y({
+}), qt = /* @__PURE__ */ Y({
   ...te,
   props: {
     index: {},
@@ -194,5 +195,5 @@ const ee = ["title"], g = (
   }
 });
 export {
-  Ot as default
+  qt as default
 };

package/es/components/menu/sub-menu.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";
@@ -98,7 +99,7 @@ const q = (
 ), Te = G({
   name: "vft-sub-menu",
   inheritAttrs: !1
-}), ut = /* @__PURE__ */ G({
+}), at = /* @__PURE__ */ G({
   ...Te,
   props: {
     index: {},
@@ -313,5 +314,5 @@ const q = (
   }
 });
 export {
-  ut as default
+  at as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as d, computed as s, onMounted as H, watch as $, openBlock as i, createBlock as D, Transition as F, unref as n, withCtx as j, withDirectives as P, createElementVNode as U, normalizeClass as r, normalizeStyle as Z, createElementBlock as u, createVNode as w, normalizeProps as A, guardReactiveProps as G, createCommentVNode as k, renderSlot as _, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
+import { defineComponent as V, ref as d, computed as s, onMounted as H, watch as $, openBlock as i, createBlock as D, Transition as F, unref as n, withCtx as P, withDirectives as U, createElementVNode as Z, normalizeClass as r, normalizeStyle as j, createElementBlock as u, createVNode as w, normalizeProps as A, guardReactiveProps as G, createCommentVNode as k, renderSlot as _, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
 import { EVENT_CODE as Q } from "@vft/constants";
 import { isObject as W } from "@vft/utils";
 import { useResizeObserver as X, useTimeoutFn as Y } from "@vueuse/core";
@@ -16,7 +16,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
     duration: {},
     icon: {},
     id: {},
-    message: { type: [String, Object, Function] },
+    message: { type: [String, Function] },
     onClose: { type: Function },
     showClose: { type: Boolean },
     type: {},
@@ -26,14 +26,14 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
     repeatNum: {}
   },
   emits: ["destroy"],
-  setup(b, { expose: M }) {
-    const o = b, { ns: t, zIndex: S } = ne("message"), { currentZIndex: L, nextZIndex: O } = S, f = d(), l = d(!1), g = d(0);
+  setup(M, { expose: S }) {
+    const o = M, { ns: t, zIndex: b } = ne("message"), { currentZIndex: L, nextZIndex: T } = b, f = d(), l = d(!1), g = d(0);
     let c;
-    const T = /* @__PURE__ */ new Map([
+    const z = /* @__PURE__ */ new Map([
       ["success", { icon: "ico-ep:success-filled" }],
       ["error", { icon: "ico-ep:circle-close-filled" }],
       ["warning", { icon: "ico-ep:warning-filled" }]
-    ]), v = s(() => (o.icon ? W(o.icon) ? o.icon : { icon: o.icon } : "") || T.get(o.type) || ""), z = s(() => {
+    ]), v = s(() => (o.icon ? W(o.icon) ? o.icon : { icon: o.icon } : "") || z.get(o.type) || ""), O = s(() => {
       const e = o.type;
       return { [t.bm("icon", e)]: e };
     }), E = s(() => ee(o.id)), y = s(
@@ -57,7 +57,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
       e === Q.esc && a();
     }
     return H(() => {
-      m(), O(), l.value = !0;
+      m(), T(), l.value = !0;
     }), $(
       () => o.repeatNum,
       () => {
@@ -65,7 +65,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
       }
     ), x(document, "keydown", R), X(f, () => {
       g.value = f.value.getBoundingClientRect().height;
-    }), M({
+    }), S({
       visible: l,
       bottom: I,
       close: a
@@ -74,10 +74,10 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
       onBeforeLeave: e.onClose,
       onAfterLeave: h[0] || (h[0] = (p) => e.$emit("destroy"))
     }, {
-      default: j(() => {
+      default: P(() => {
         var p;
         return [
-          P(U("div", {
+          U(Z("div", {
             id: e.id,
             ref_key: "messageRef",
             ref: f,
@@ -88,14 +88,14 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
               n(t).is("closable", e.showClose),
               e.customClass
             ]),
-            style: Z(N.value),
+            style: j(N.value),
             role: "alert",
             onMouseenter: C,
             onMouseleave: m
           }, [
             (p = v.value) != null && p.icon ? (i(), u("div", {
               key: 0,
-              class: r([n(t).e("icon"), z.value])
+              class: r([n(t).e("icon"), O.value])
             }, [
               w(n(B), A(G(v.value)), null, 16)
             ], 2)) : k("", !0),

package/es/components/modal/index.js

@@ -0,0 +1,15 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./modal.vue2.js";
+import { useModal as d, useModalInner as u } from "./use/use-modal.js";
+const l = o(t);
+export {
+  l as VftModal,
+  l as default,
+  d as useModal,
+  u as useModalInner
+};

package/es/components/modal/modal.vue.js

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

package/es/components/modal/modal.vue2.js

@@ -0,0 +1,92 @@
+import { defineComponent as C, useAttrs as V, ref as u, getCurrentInstance as v, computed as d, unref as l, watchEffect as M, watch as b, nextTick as f, openBlock as k, createBlock as w, mergeProps as F, withCtx as _, renderSlot as P } from "vue";
+import { VftDialog as x } from "../dialog/index.js";
+import { isFunction as R, deepMerge as T } from "@vft/utils";
+const E = /* @__PURE__ */ C({
+  __name: "modal",
+  props: {
+    closeFunc: {},
+    appendToBody: { type: Boolean, default: !1 },
+    beforeClose: {},
+    destroyOnClose: { type: Boolean, default: !1 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    modal: { type: Boolean, default: !0 },
+    openDelay: { default: 0 },
+    closeDelay: { default: 0 },
+    top: {},
+    modelValue: { type: Boolean, default: !1 },
+    modalClass: {},
+    width: {},
+    zIndex: {},
+    trapFocus: { type: Boolean, default: !1 },
+    center: { type: Boolean, default: !1 },
+    alignCenter: { type: Boolean, default: !1 },
+    closeIcon: {},
+    customClass: { default: "" },
+    draggable: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" }
+  },
+  emits: {
+    "visible-change": [],
+    close: [],
+    ok: [],
+    register: [],
+    "update:modelValue": []
+  },
+  setup(i, { emit: a }) {
+    const o = i, p = V(), n = u(null), t = u(!1), s = u(null), m = {
+      setModalProps: h,
+      emitVisible: void 0,
+      redoModalHeight: () => {
+        f(() => {
+          l(s) && l(s).setModalHeight();
+        });
+      }
+    }, c = v();
+    c && a("register", m, c.uid);
+    const y = d(() => ({
+      ...o,
+      ...l(n)
+    })), g = d(() => ({
+      ...p,
+      ...l(y),
+      modelValue: l(t)
+    }));
+    M(() => {
+      t.value = !!o.modelValue;
+    }), b(
+      () => l(t),
+      (e) => {
+        a("visible-change", e), a("update:modelValue", e), f(() => {
+          o.scrollTop && e && l(s) && l(s).scrollTop();
+        });
+      },
+      {
+        immediate: !1
+      }
+    );
+    async function B(e) {
+      if (e == null || e.stopPropagation(), o.closeFunc && R(o.closeFunc)) {
+        const r = await o.closeFunc();
+        t.value = !r;
+        return;
+      }
+      t.value = !1, a("close", e);
+    }
+    function h(e) {
+      n.value = T(l(n) || {}, e), Reflect.has(e, "modelValue") && (t.value = !!e.modelValue);
+    }
+    return (e, r) => (k(), w(l(x), F(g.value, { onClose: B }), {
+      default: _(() => [
+        P(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,4 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-dialog.css";
+import "vft/theme-style/vft-overlay.css";
+import "vft/theme-style/vft-modal.css";

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

@@ -0,0 +1,4 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/dialog.scss";
+import "vft/theme-style/src/overlay.scss";
+import "vft/theme-style/src/modal.scss";

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

@@ -0,0 +1,95 @@
+import { reactive as m, ref as d, computed as v, unref as n, toRaw as c, getCurrentInstance as P, watchEffect as V, nextTick as w } from "vue";
+import { isFunction as H } from "@vft/utils";
+import { isEqual as I } from "lodash";
+import { onBeforeUnMountedOrDeactivated as h } from "@vft/use";
+const i = m({}), p = m({});
+function x() {
+  const r = d(null), l = d(!1), s = d("");
+  function u(e, o) {
+    if (!P())
+      throw new Error("useModal() can only be used inside setup() or functional components!");
+    s.value = o, h(() => {
+      r.value = null, l.value = !1, i[n(s)] = null;
+    }), !(n(l) && e === n(r)) && (r.value = e, l.value = !0, e.emitVisible = (M, a) => {
+      p[a] = M;
+    });
+  }
+  const t = () => {
+    const e = n(r);
+    return e || console.error("useModal instance is undefined!"), e;
+  }, f = {
+    setModalProps: (e) => {
+      var o;
+      (o = t()) == null || o.setModalProps(e);
+    },
+    getVisible: v(() => p[~~n(s)]),
+    redoModalHeight: () => {
+      var e, o;
+      (o = (e = t()) == null ? void 0 : e.redoModalHeight) == null || o.call(e);
+    },
+    openModal: (e = !0, o, M = !0) => {
+      var g;
+      if ((g = t()) == null || g.setModalProps({
+        modelValue: e
+      }), !o)
+        return;
+      const a = n(s);
+      if (M) {
+        i[a] = null, i[a] = c(o);
+        return;
+      }
+      I(c(i[a]), c(o)) || (i[a] = c(o));
+    },
+    closeModal: () => {
+      var e;
+      (e = t()) == null || e.setModalProps({ modelValue: !1 });
+    }
+  };
+  return [u, f];
+}
+const D = (r) => {
+  const l = d(null), s = P(), u = d(""), t = () => {
+    const e = n(l);
+    return e || console.error("useModalInner instance is undefined!"), e;
+  }, f = (e, o) => {
+    h(() => {
+      l.value = null;
+    }), u.value = o, l.value = e, s == null || s.emit("register", e, o);
+  };
+  return V(() => {
+    const e = i[n(u)];
+    e && (!r || !H(r) || w(() => {
+      r(e);
+    }));
+  }), [
+    f,
+    {
+      changeLoading: (e = !0) => {
+        var o;
+        (o = t()) == null || o.setModalProps({ loading: e });
+      },
+      getVisible: v(() => p[~~n(u)]),
+      changeOkLoading: (e = !0) => {
+        var o;
+        (o = t()) == null || o.setModalProps({ confirmLoading: e });
+      },
+      closeModal: () => {
+        var e;
+        (e = t()) == null || e.setModalProps({ modelValue: !1 });
+      },
+      setModalProps: (e) => {
+        var o;
+        (o = t()) == null || o.setModalProps(e);
+      },
+      redoModalHeight: () => {
+        var o;
+        const e = (o = t()) == null ? void 0 : o.redoModalHeight;
+        e && e();
+      }
+    }
+  ];
+};
+export {
+  x as useModal,
+  D as useModalInner
+};

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as b, getCurrentInstance as D, computed as h, watchEffect as E, unref as r, openBlock as x, createElementBlock as R, normalizeClass as H, normalizeStyle as K, createVNode as S, withCtx as C, Fragment as $, renderList as F, createBlock as U } from "vue";
+import { defineComponent as P, getCurrentInstance as D, ref as b, computed as h, watchEffect as E, unref as r, openBlock as x, createElementBlock as R, normalizeClass as H, normalizeStyle as K, createVNode as S, withCtx as C, Fragment as $, renderList as F, createBlock as U } from "vue";
 import { useRouterHelper as j, getRouterKeyPath as f, listenerRouteChange as q } from "@vft/router";
 import { useMultipleTabStore as G, useTabs as J } from "@vft/store";
 import { useRefs as L } from "@vft/use";
@@ -87,6 +87,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";
@@ -101,7 +102,7 @@ const ot = (
   W("multiple-tabs")
 ), rt = P({
   name: "vft-multiple-tabs"
-}), Qe = /* @__PURE__ */ P({
+}), We = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: {},
@@ -109,9 +110,9 @@ const ot = (
     canDrag: { type: Boolean }
   },
   setup(d) {
-    const i = tt();
+    const l = D().appContext.config.globalProperties.$router, i = tt(l);
     d.canDrag && et(i);
-    const u = G(), m = b(""), a = b(0), v = b(), s = D().appContext.config.globalProperties.$router, { go: g } = j(s), c = h(() => u.getTabList.filter((t) => {
+    const s = G(), m = b(""), a = b(0), v = b(), { go: g } = j(l), c = h(() => s.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
@@ -122,17 +123,17 @@ const ot = (
         e === -1 ? a.value = ((t = c.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
       }
     }), Q(() => {
-      v.value = r(s.currentRoute);
+      v.value = r(l.currentRoute);
     }), q((t) => {
       var T;
       if (!t || (T = t.meta) != null && T.hasTokenToRoot)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, l = f(t);
-      if (m.value !== l && (m.value = l), p) {
-        let y = s.getRoutes().find((z) => z.path === o);
-        y && u.addTab(y, r(v), a.value, t);
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, u = f(t);
+      if (m.value !== u && (m.value = u), p) {
+        let y = l.getRoutes().find((z) => z.path === o);
+        y && s.addTab(y, r(v), a.value, t);
       } else
-        u.addTab(r(t), r(v), a.value);
+        s.addTab(r(t), r(v), a.value);
     });
     function M(t) {
       var n, p;
@@ -144,7 +145,7 @@ const ot = (
       g(o || e.fullPath || e.path);
     }
     function k(t) {
-      u.closeTabByKey(t, s);
+      s.closeTabByKey(t, l);
     }
     const [B, I] = L();
     function N(t) {
@@ -196,11 +197,11 @@ const ot = (
               name: r(f)(o)
             }, {
               label: C(() => {
-                var l;
+                var u;
                 return [
                   S(Z, {
                     contextMenuStyle: A.value,
-                    affixNum: (l = r(i)) == null ? void 0 : l.length,
+                    affixNum: (u = r(i)) == null ? void 0 : u.length,
                     ref_for: !0,
                     ref: r(I)(n),
                     tabItem: o
@@ -217,5 +218,5 @@ const ot = (
   }
 });
 export {
-  Qe as default
+  We as default
 };

package/es/components/multiple-tabs/tab-content.vue2.js

@@ -1,12 +1,11 @@
-import { defineComponent as u, computed as r, openBlock as s, createElementBlock as c, withModifiers as f, toDisplayString as p } from "vue";
+import { defineComponent as u, computed as s, openBlock as c, createElementBlock as r, withModifiers as f, toDisplayString as x } from "vue";
 import "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
-import { useContextMenu as x } from "../context-menu/useContextMenu.js";
+import { useContextMenu as p } from "../context-menu/useContextMenu.js";
 import { useTabDropdown as b } from "./use/use-tab-dropdown.js";
 import "@vft/use";
-import "vue-router";
 import "@vft/store";
-const d = ["title", "onContextmenu"], S = /* @__PURE__ */ u({
+const d = ["title", "onContextmenu"], D = /* @__PURE__ */ u({
   __name: "tab-content",
   props: {
     tabItem: {},
@@ -14,24 +13,24 @@ const d = ["title", "onContextmenu"], S = /* @__PURE__ */ u({
     contextMenuStyle: {},
     visible: { type: Boolean }
   },
-  setup(t, { expose: i }) {
-    const [m] = x(), n = r(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: a, handleContextMenu: l } = b(t.tabItem, t.affixNum);
+  setup(t, { expose: a }) {
+    const [i] = p(), n = s(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: m, handleContextMenu: l } = b(t.tabItem, t.affixNum);
     function o(e) {
-      l(t.tabItem)(e), m({
+      l(t.tabItem)(e), i({
         event: e,
         styles: t.contextMenuStyle,
-        items: a.value
+        items: m.value
       });
     }
-    return i({
+    return a({
       handleContext: o
-    }), (e, C) => (s(), c("span", {
+    }), (e, C) => (c(), r("span", {
       title: n.value,
       class: "vft-multiple-tabs__title",
       onContextmenu: f(o, ["stop"])
-    }, p(n.value), 41, d));
+    }, x(n.value), 41, d));
   }
 });
 export {
-  S as default
+  D as default
 };

package/es/components/multiple-tabs/use/use-multiple-tabs.js

@@ -1,10 +1,9 @@
-import { useSortable as m } from "@vft/use";
-import { isNullOrUndefined as u, arrSort as b } from "@vft/utils";
+import { useSortable as b } from "@vft/use";
+import { isNullOrUndefined as c, arrSort as m } from "@vft/utils";
 import { ref as d, nextTick as x, toRaw as p } from "vue";
-import { useRouter as T } from "vue-router";
-import { useMultipleTabStore as c } from "@vft/store";
-function R() {
-  const o = d([]), n = c(), f = T();
+import { useMultipleTabStore as u } from "@vft/store";
+function h(o) {
+  const r = d([]), f = u();
   function i(e) {
     const t = [];
     return e && e.forEach((s) => {
@@ -12,42 +11,42 @@ function R() {
       (l = s.meta) != null && l.affix && t.push(p(s));
     }), t;
   }
-  function a() {
-    const e = i(f.getRoutes());
-    b(e, ["meta", "order"]), o.value = e;
+  function n() {
+    const e = i(o.getRoutes());
+    m(e, ["meta", "order"]), r.value = e;
     for (const t of e)
-      n.addTab({
+      f.addTab({
         meta: t.meta,
         name: t.name,
         path: t.path
       });
   }
-  let r = !1;
-  return r || (a(), r = !0), o.value.map((e) => {
+  let a = !1;
+  return a || (n(), a = !0), r.value.map((e) => {
     var t;
     return (t = e.meta) == null ? void 0 : t.title;
   }).filter(Boolean);
 }
-function w(o) {
-  const n = c();
+function v(o) {
+  const r = u();
   x(() => {
-    var a;
-    const f = (a = document.querySelectorAll(".vft-tabs__nav")) == null ? void 0 : a[0], { initSortable: i } = m(f, {
+    var n;
+    const f = (n = document.querySelectorAll(".vft-tabs__nav")) == null ? void 0 : n[0], { initSortable: i } = b(f, {
       draggable: ".is-closable",
-      filter: (r) => {
+      filter: (a) => {
         var t;
-        const e = (t = r == null ? void 0 : r.target) == null ? void 0 : t.innerText;
+        const e = (t = a == null ? void 0 : a.target) == null ? void 0 : t.innerText;
         return e ? o.includes(e) : !1;
       },
-      onEnd: (r) => {
-        const { oldIndex: e, newIndex: t } = r;
-        u(e) || u(t) || e === t || n.sortTabs(e, t);
+      onEnd: (a) => {
+        const { oldIndex: e, newIndex: t } = a;
+        c(e) || c(t) || e === t || r.sortTabs(e, t);
       }
     });
     i();
   });
 }
 export {
-  R as initAffixTabs,
-  w as useTabsDrag
+  h as initAffixTabs,
+  v as useTabsDrag
 };

package/es/components/result/result.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 i = (
   x("result")
 ), I = c({
   name: "vft-result"
-}), mo = /* @__PURE__ */ c({
+}), po = /* @__PURE__ */ c({
   ...I,
   props: {
     title: {},
@@ -133,5 +134,5 @@ const i = (
   }
 });
 export {
-  mo as default
+  po as default
 };