vft 0.0.43 → 0.0.44

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

@@ -0,0 +1,128 @@
+import { defineComponent as E, ref as g, computed as i, onMounted as x, watch as O, openBlock as l, createBlock as R, Transition as V, unref as e, withCtx as H, withDirectives as I, createElementVNode as $, normalizeClass as c, normalizeStyle as D, createElementBlock as m, createVNode as w, normalizeProps as F, guardReactiveProps as P, createCommentVNode as k, renderSlot as U, toDisplayString as j, withModifiers as A, vShow as q } from "vue";
+import { EVENT_CODE as G } from "@vft/constants";
+import { isObject as J } from "@vft/utils";
+import { useResizeObserver as K, useTimeoutFn as Q } from "@vueuse/core";
+import { useEventListener as W } from "@vft/use";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "../../utils/ns-cover.js";
+import { getLastOffset as Y } from "./instance.js";
+import { VftIcon as B } from "../icon/index.js";
+const Z = ["id"], _ = ["innerHTML"], ee = ["onClick"], ge = /* @__PURE__ */ E({
+  __name: "message",
+  props: {
+    customClass: null,
+    center: { type: Boolean },
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: null,
+    icon: null,
+    id: null,
+    message: { type: [String, null, Function] },
+    onClose: { type: Function },
+    showClose: { type: Boolean },
+    type: null,
+    offset: null,
+    zIndex: null,
+    grouping: { type: Boolean },
+    repeatNum: null
+  },
+  emits: ["destroy"],
+  setup(t, { expose: M }) {
+    const o = t, n = X("message"), f = g(), r = g(!1), p = g(0);
+    let a;
+    const L = /* @__PURE__ */ new Map([
+      ["success", { icon: "i-ep:success-filled" }],
+      ["error", { icon: "i-ep:circle-close-filled" }],
+      ["warning", { icon: "i-ep:warning-filled" }]
+    ]), y = i(() => (o.icon ? J(o.icon) ? o.icon : { icon: o.icon } : "") || L.get(o.type) || ""), b = i(() => {
+      const s = o.type;
+      return { [n.bm("icon", s)]: s };
+    }), S = i(() => Y(o.id)), v = i(() => o.offset + S.value), T = i(() => p.value + v.value), z = i(() => ({
+      top: `${v.value}px`,
+      zIndex: o.zIndex
+    }));
+    function d() {
+      o.duration !== 0 && ({ stop: a } = Q(() => {
+        u();
+      }, o.duration));
+    }
+    function C() {
+      a == null || a();
+    }
+    function u() {
+      r.value = !1;
+    }
+    function N({ code: s }) {
+      s === G.esc && u();
+    }
+    return x(() => {
+      d(), r.value = !0;
+    }), O(
+      () => o.repeatNum,
+      () => {
+        C(), d();
+      }
+    ), W(document, "keydown", N), K(f, () => {
+      p.value = f.value.getBoundingClientRect().height;
+    }), M({
+      visible: r,
+      bottom: T,
+      close: u
+    }), (s, h) => (l(), R(V, {
+      name: e(n).b("fade"),
+      onBeforeLeave: t.onClose,
+      onAfterLeave: h[0] || (h[0] = (te) => s.$emit("destroy"))
+    }, {
+      default: H(() => [
+        I($("div", {
+          id: t.id,
+          ref_key: "messageRef",
+          ref: f,
+          class: c([
+            e(n).b(),
+            { [e(n).m(t.type)]: t.type && !t.icon },
+            e(n).is("center", t.center),
+            e(n).is("closable", t.showClose),
+            t.customClass
+          ]),
+          style: D(e(z)),
+          role: "alert",
+          onMouseenter: C,
+          onMouseleave: d
+        }, [
+          e(y) ? (l(), m("div", {
+            key: 0,
+            class: c([e(n).e("icon"), e(b)])
+          }, [
+            w(e(B), F(P(e(y))), null, 16)
+          ], 2)) : k("", !0),
+          U(s.$slots, "default", {}, () => [
+            t.dangerouslyUseHTMLString ? (l(), m("p", {
+              key: 1,
+              class: c(e(n).e("content")),
+              innerHTML: t.message
+            }, null, 10, _)) : (l(), m("p", {
+              key: 0,
+              class: c(e(n).e("content"))
+            }, j(t.message), 3))
+          ]),
+          t.showClose ? (l(), m("div", {
+            key: 1,
+            class: c(e(n).e("closeBtn")),
+            onClick: A(u, ["stop"])
+          }, [
+            w(e(B), { icon: "i-ep:circle-close" })
+          ], 10, ee)) : k("", !0)
+        ], 46, Z), [
+          [q, r.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onBeforeLeave"]));
+  }
+});
+export {
+  ge as default
+};

package/es/components/message/method.js

@@ -0,0 +1,98 @@
+import { render as u, createVNode as v } from "vue";
+import { isClient as b } from "@vueuse/core";
+import { isNumber as y, isString as g, isVNode as h, isFunction as a, isElement as z } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import { useZIndex as C } from "../../hooks/use-z-index/index.js";
+import { debugWarn as E } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import _ from "./message.vue2.js";
+import { messageTypes as I, messageDefaults as M } from "./types.js";
+import { instances as r } from "./instance.js";
+import "../config-provider/index.js";
+import { messageConfig as x } from "../config-provider/constants.js";
+let N = 1;
+const T = (e) => {
+  const n = !e || g(e) || h(e) || a(e) ? { message: e } : e, o = {
+    ...M,
+    ...n
+  };
+  if (!o.appendTo)
+    o.appendTo = document.body;
+  else if (g(o.appendTo)) {
+    let t = document.querySelector(o.appendTo);
+    z(t) || (E("VftMessage", "the appendTo option is not an HTMLElement. Falling back to document.body."), t = document.body), o.appendTo = t;
+  }
+  return o;
+}, V = (e) => {
+  const n = r.indexOf(e);
+  if (n === -1)
+    return;
+  r.splice(n, 1);
+  const { handler: o } = e;
+  o.close();
+}, A = ({ appendTo: e, ...n }, o) => {
+  const { nextZIndex: t } = C(), s = `message_${N++}`, m = n.onClose, i = document.createElement("div"), c = {
+    ...n,
+    zIndex: t() + n.zIndex,
+    id: s,
+    onClose: () => {
+      m == null || m(), V(f);
+    },
+    // 清除 message element 防止内存泄漏
+    onDestroy: () => {
+      u(null, i);
+    }
+  }, p = v(_, c, a(c.message) || h(c.message) ? { default: a(c.message) ? c.message : () => c.message } : null);
+  p.appContext = o || l._context, u(p, i), e.appendChild(i.firstElementChild);
+  const d = p.component, f = {
+    id: s,
+    vnode: p,
+    vm: d,
+    handler: {
+      // instead of calling the onClose function directly,
+      // setting this value so that we can have the full lifecycle
+      // for out component, so that all closing steps will not be skipped.
+      close: () => {
+        d.exposed.visible.value = !1;
+      }
+    },
+    props: p.component.props
+  };
+  return f;
+}, l = (e = {}, n) => {
+  if (!b)
+    return { close: () => {
+    } };
+  if (y(x.max) && r.length >= x.max)
+    return { close: () => {
+    } };
+  const o = T(e);
+  if (o.grouping && r.length) {
+    const s = r.find(({ vnode: m }) => {
+      var i;
+      return ((i = m.props) == null ? void 0 : i.message) === o.message;
+    });
+    if (s)
+      return s.props.repeatNum += 1, s.props.type = o.type, s.handler;
+  }
+  const t = A(o, n);
+  return r.push(t), t.handler;
+};
+I.forEach((e) => {
+  l[e] = (n = {}, o) => {
+    const t = T(n);
+    return l({ ...t, type: e }, o);
+  };
+});
+function D(e) {
+  for (const n of r)
+    (!e || e === n.props.type) && n.handler.close();
+}
+l.closeAll = D;
+l._context = null;
+export {
+  D as closeAll,
+  l as default
+};

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

@@ -0,0 +1,11 @@
+import o from "./multiple-tabs.vue2.js";
+import { useTabDropdown as s } from "./use/use-tab-dropdown.js";
+import { initAffixTabs as i, useTabsDrag as p } from "./use/use-multiple-tabs.js";
+const t = o;
+export {
+  t as VftMultipleTabs,
+  t as default,
+  i as initAffixTabs,
+  s as useTabDropdown,
+  p as useTabsDrag
+};

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

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

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

@@ -0,0 +1,179 @@
+import { defineComponent as _, ref as b, computed as h, watchEffect as D, unref as r, openBlock as x, createElementBlock as T, normalizeClass as E, normalizeStyle as H, createVNode as R, withCtx as C, Fragment as K, renderList as F, createBlock as U } from "vue";
+import { useRouterHelper as $, getRouterKeyPath as c, listenerRouteChange as j } from "@vft/router";
+import { useMultipleTabStore as q, useTabs as G } from "@vft/store";
+import { useRefs as J } from "@vft/use";
+import { generateCssVars as S } from "@vft/utils";
+import L from "hotkeys-js";
+import { useRouter as O, onBeforeRouteLeave as Q } from "vue-router";
+import { useNamespace as W } 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 "../divider/index.js";
+import "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import { VftTabs as X, VftTabPane as Y } from "../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 { initAffixTabs as Z, useTabsDrag as tt } from "./use/use-multiple-tabs.js";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/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 "../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";
+import et from "./tab-content.vue2.js";
+const P = (
+  /* hoist-static*/
+  W("multiple-tabs")
+), ot = _({
+  name: P.b()
+}), ie = /* @__PURE__ */ _({
+  ...ot,
+  props: {
+    tabsStyle: null,
+    contextMenuStyle: null,
+    canDrag: { type: Boolean }
+  },
+  setup(f) {
+    const n = Z();
+    f.canDrag && tt(n);
+    const p = q(), i = b(""), m = b(0), d = b(), v = O(), { go: g } = $(), s = h(() => p.getTabList.filter((t) => {
+      var e;
+      return !((e = t.meta) != null && e.hideTab);
+    }));
+    D(() => {
+      var t;
+      if (i.value) {
+        const e = s.value.findIndex((o) => c(o) === i.value);
+        e === -1 ? m.value = ((t = s.value) == null ? void 0 : t.length) - 1 : m.value = e, m.value = m.value < (n == null ? void 0 : n.length) ? (n == null ? void 0 : n.length) - 1 : m.value;
+      }
+    }), Q(() => {
+      d.value = r(v.currentRoute);
+    }), j((t) => {
+      if (!t)
+        return;
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: a } = e, l = a ? o : null, u = c(t);
+      if (i.value !== u && (i.value = u), l) {
+        let y = v.getRoutes().find((z) => z.path === o);
+        y && p.addTab(y, r(d), m.value, t);
+      } else
+        p.addTab(r(t), r(d), m.value);
+    });
+    function M(t) {
+      var a, l;
+      if (i.value === t.paneName)
+        return;
+      const e = s.value[t.attrs.index];
+      i.value = t.paneName;
+      const o = (l = (a = e == null ? void 0 : e.meta) == null ? void 0 : a.hideActiveRoute) == null ? void 0 : l.fullPath;
+      g(o || e.fullPath || e.path);
+    }
+    function k(t) {
+      p.closeTabByKey(t, v);
+    }
+    const [B, I] = J();
+    function N(t) {
+      const e = t.pane.attrs.index, o = t.event;
+      B.value[e].handleContext(o);
+    }
+    const w = h(() => ({ ...S({
+      padding: "4px 0 0",
+      "header-height": "26px",
+      "item-color": "#5C5C5C",
+      "item-bg-color": "#f8f8f8",
+      "font-size": "13px",
+      "item-padding": "0 10px",
+      "close-icon-left": "8px",
+      "item-distance": "10px",
+      "item-max-width": "348px",
+      "header-margin": "0 0 0 8px"
+    }, "tabs", "vft"), ...f.tabsStyle })), { closeCurrent: V } = G();
+    L("command+e, ctrl+e", function() {
+      return V(), !1;
+    });
+    const A = h(() => ({
+      ...S({
+        border: "1px solid #dcdfe6",
+        "sub-item-height": "40px",
+        "item-min-width": "150px"
+      }, "menu", "vft"),
+      ...f.contextMenuStyle
+    }));
+    return (t, e) => (x(), T("div", {
+      class: E(r(P).b()),
+      style: H(r(w))
+    }, [
+      R(r(X), {
+        "model-value": i.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => i.value = o),
+        type: "card",
+        onTabClick: M,
+        onTabRemove: k,
+        onTabContextMenu: N,
+        closeIconCfg: { color: "white" }
+      }, {
+        default: C(() => [
+          (x(!0), T(K, null, F(r(s), (o, a) => {
+            var l;
+            return x(), U(r(Y), {
+              key: r(c)(o) + a,
+              closable: !((l = o.meta) != null && l.affix),
+              index: a,
+              name: r(c)(o)
+            }, {
+              label: C(() => {
+                var u;
+                return [
+                  R(et, {
+                    contextMenuStyle: r(A),
+                    affixNum: (u = r(n)) == null ? void 0 : u.length,
+                    ref_for: !0,
+                    ref: r(I)(a),
+                    tabItem: o
+                  }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
+                ];
+              }),
+              _: 2
+            }, 1032, ["closable", "index", "name"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value"])
+    ], 6));
+  }
+});
+export {
+  ie as default
+};

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

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

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

@@ -0,0 +1,83 @@
+import { defineComponent as l, computed as u, openBlock as c, createElementBlock as s, unref as r, withModifiers as f, toDisplayString as x } from "vue";
+import "@vft/utils";
+import "@vft/use";
+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 "./multiple-tabs.vue2.js";
+import { useTabDropdown as b } from "./use/use-tab-dropdown.js";
+import "vue-router";
+import "@vft/store";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/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 "../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";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useContextMenu as d } from "../context-menu/useContextMenu.js";
+const C = ["title", "onContextmenu"], It = /* @__PURE__ */ l({
+  __name: "tab-content",
+  props: {
+    tabItem: null,
+    affixNum: null,
+    contextMenuStyle: null
+  },
+  setup(t, { expose: e }) {
+    const [p] = d(), m = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: n, handleContextMenu: a } = b(t.tabItem, t.affixNum);
+    function i(o) {
+      a(t.tabItem)(o), p({
+        event: o,
+        styles: t.contextMenuStyle,
+        items: n.value
+      });
+    }
+    return e({
+      handleContext: i
+    }), (o, M) => (c(), s("span", {
+      title: r(m),
+      class: "vft-multiple-tabs__title",
+      onContextmenu: f(i, ["stop"])
+    }, x(r(m)), 41, C));
+  }
+});
+export {
+  It as default
+};

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

@@ -0,0 +1,7 @@
+import { useTabDropdown as a } from "./use-tab-dropdown.js";
+import { initAffixTabs as f, useTabsDrag as s } from "./use-multiple-tabs.js";
+export {
+  f as initAffixTabs,
+  a as useTabDropdown,
+  s as useTabsDrag
+};

package/es/components/overlay/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./overlay.vue2.js";
+const f = t(o);
+export {
+  f as VftOverlay,
+  f as default
+};

package/es/components/overlay/overlay.vue.js

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

package/es/components/overlay/overlay.vue2.js

@@ -0,0 +1,76 @@
+import { defineComponent as c, useSlots as x, createVNode as y, renderSlot as u, h as r } from "vue";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { noop as a } from "@vft/utils";
+import "../../utils/ns-cover.js";
+const i = (
+  /* hoist-static*/
+  v("overlay")
+), C = c({
+  name: i.b()
+}), V = /* @__PURE__ */ c({
+  ...C,
+  props: {
+    mask: { type: Boolean },
+    onlyNode: { type: Boolean },
+    customMaskEvent: { type: Boolean },
+    overlayClass: null,
+    zIndex: null
+  },
+  emits: ["click"],
+  setup(o, { emit: d }) {
+    const m = (n) => {
+      if (!n)
+        return { onClick: a, onMousedown: a, onMouseup: a };
+      let s = !1, l = !1;
+      return { onClick: (e) => {
+        s && l && n(e), s = l = !1;
+      }, onMousedown: (e) => {
+        s = e.target === e.currentTarget;
+      }, onMouseup: (e) => {
+        l = e.target === e.currentTarget;
+      } };
+    }, t = x(), p = (n) => {
+      d("click", n);
+    }, { onClick: f, onMousedown: M, onMouseup: k } = m(o.customMaskEvent ? void 0 : p);
+    return () => o.mask ? y(
+      "div",
+      {
+        class: [i.b(), o.overlayClass],
+        style: {
+          zIndex: o.zIndex
+        },
+        onClick: f,
+        onMousedown: M,
+        onMouseup: k
+      },
+      [u(t, "default")],
+      14,
+      ["onClick", "onMouseup", "onMousedown"]
+    ) : o.onlyNode ? r(
+      "div",
+      {},
+      [u(t, "default")]
+    ) : r(
+      "div",
+      {
+        class: o.overlayClass,
+        style: {
+          zIndex: o.zIndex,
+          position: "fixed",
+          top: "0px",
+          right: "0px",
+          bottom: "0px",
+          left: "0px"
+        }
+      },
+      [u(t, "default")]
+    );
+  }
+});
+export {
+  V as default
+};

package/es/components/page-wrapper/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import r from "./page-wrapper.vue2.js";
+const f = t(r);
+export {
+  f as VftPageWrapper,
+  f as default
+};

package/es/components/page-wrapper/page-wrapper.vue.js

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

package/es/components/page-wrapper/page-wrapper.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as s, openBlock as p, createElementBlock as i, normalizeClass as o, unref as e, createElementVNode as r, toDisplayString as m, renderSlot as c } from "vue";
+import { useNamespace as u } 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 { useRouterHelper as d } from "@vft/router";
+const t = (
+  /* hoist-static*/
+  u("page-wrapper")
+), f = s({
+  name: t.b()
+}), S = /* @__PURE__ */ s({
+  ...f,
+  props: {
+    title: null
+  },
+  setup(l) {
+    const { getTitle: n } = d();
+    return (a, _) => (p(), i("div", {
+      class: o(e(t).b())
+    }, [
+      r("div", {
+        class: o(e(t).e("header"))
+      }, [
+        r("span", {
+          class: o(e(t).e("title"))
+        }, m(l.title || e(n)), 3)
+      ], 2),
+      r("div", {
+        class: o(e(t).e("content"))
+      }, [
+        c(a.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/es/components/pagination/components/jumper.vue.js

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