vft 0.0.47 → 0.0.50

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

@@ -1,236 +0,0 @@
-import { defineComponent as w, useSlots as P, ref as U, computed as m, h as f, onMounted as W, nextTick as $, createVNode as d } from "vue";
-import { listenerRouteChange as j, useRouterHelper as z } from "@vft/router";
-import { useSortable as Y } from "@vft/use";
-import { isUrl as D, generateCssVars as b, addUnit as M, isNullOrUndefined as S } from "@vft/utils";
-import { useNamespace as F } 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 { VftIcon as G } from "../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 { VftMenu as J, VftSubMenu as K, VftMenuItem as k } from "../menu/index.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/store";
-import { useRouter as L } from "vue-router";
-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 "./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";
-const i = (
-  /* hoist-static*/
-  F("side-menu")
-), Q = w({
-  name: i.b()
-}), Xe = /* @__PURE__ */ w({
-  ...Q,
-  props: {
-    menus: null,
-    uniqueOpened: {
-      type: Boolean,
-      default: !0
-    },
-    collapse: {
-      type: Boolean,
-      default: !1
-    },
-    defaultActive: null,
-    width: null,
-    collapseWidth: {
-      default: 50
-    },
-    attrMapping: null,
-    extraHeight: {
-      default: 100
-    },
-    menuTopBottomHeight: {
-      default: 40
-    },
-    showCollapse: {
-      type: Boolean,
-      default: !1
-    },
-    dragOption: null,
-    useMenuSelect: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:collapse", "dragEnd", "select"],
-  setup(o, {
-    emit: h
-  }) {
-    const c = P(), v = U(), a = m(() => ({
-      path: "path",
-      children: "children",
-      title: "title",
-      index: "path",
-      icon: "icon",
-      ...o.attrMapping
-    }));
-    j((e) => {
-      !e || e.meta.hideSide || (v.value = e.path);
-    });
-    const x = (e, r) => {
-      const n = e[a.value.path], u = e[a.value.title], l = e == null ? void 0 : e[a.value.children], p = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon];
-      return l != null && l.length ? f(
-        // @ts-ignore
-        K,
-        {
-          popperAppendToBody: !0,
-          key: p || n,
-          index: p || n,
-          title: u,
-          icon: s,
-          popperClass: i.e("popper")
-        },
-        {
-          default: () => l == null ? void 0 : l.map((t, q) => {
-            var O;
-            const g = t[a.value.path], C = t[a.value.index], R = t[a.value.icon], E = t[a.value.title];
-            return (O = t == null ? void 0 : t[a.value.children]) != null && O.length ? x(t, q) : (
-              // @ts-ignore
-              f(k, {
-                key: C || g,
-                index: C || g,
-                route: g,
-                icon: R,
-                title: E,
-                disabled: t.disabled
-              })
-            );
-          })
-        }
-      ) : f(k, {
-        key: p || n,
-        index: p || n,
-        title: u,
-        route: n,
-        icon: s,
-        disabled: e.disabled
-      }, c.menuItem ? () => {
-        var t;
-        return (t = c.menuItem) == null ? void 0 : t.call(c, {
-          item: e,
-          index: r
-        });
-      } : "");
-    }, B = m(() => {
-      var e, r;
-      return f(J, {
-        onSelect: o.useMenuSelect ? T : () => {
-        },
-        defaultActive: o.defaultActive || v.value,
-        class: [i.e("con"), (e = o.dragOption) != null && e.dragClassName ? i.e((r = o.dragOption) == null ? void 0 : r.dragClassName) : ""],
-        style: {
-          height: `calc(100% - ${o.menuTopBottomHeight}px)`
-        },
-        uniqueOpened: o.uniqueOpened,
-        collapse: o.collapse,
-        "collapse-transition": !1
-      }, () => o.menus.map((n, u) => x(n, u)));
-    }), {
-      go: y
-    } = z(), N = L();
-    async function T(e) {
-      var l, p, s;
-      const r = e.route;
-      let n = e.route;
-      e.indexPath.some((t) => D(t)) && (n = e.indexPath.slice(-2).join("/"));
-      const u = (s = (p = (l = N.getRoutes().filter((t) => t.path === n)) == null ? void 0 : l[0]) == null ? void 0 : p.meta) == null ? void 0 : s.linkTarget;
-      y(u ? {
-        url: r,
-        winOpenOpt: {
-          target: u
-        }
-      } : r), h("select", e);
-    }
-    const A = m(() => ({
-      ...b({
-        "border-right": "none"
-      }, "menu"),
-      ...b({
-        width: o.collapse ? M(o.collapseWidth) : M(o.width)
-      }, "side-menu"),
-      height: `calc(100% - ${o.extraHeight}px)`
-    })), V = m(() => [i.b(), i.m("fixed")]);
-    function H() {
-      h("update:collapse", !o.collapse);
-    }
-    return W(() => {
-      $(() => {
-        var e, r, n;
-        if ((e = o.dragOption) != null && e.dragClassName) {
-          const u = (n = document.querySelectorAll("." + i.e((r = o.dragOption) == null ? void 0 : r.dragClassName))) == null ? void 0 : n[0], {
-            initSortable: l
-          } = Y(u, {
-            draggable: ".vft-menu-item",
-            onEnd: (p) => {
-              const {
-                oldIndex: s,
-                newIndex: t
-              } = p;
-              S(s) || S(t) || s === t || h("dragEnd", s, t);
-            },
-            ...o.dragOption
-          });
-          l();
-        }
-      });
-    }), () => d("div", {
-      class: V.value,
-      style: A.value
-    }, [c.top ? d("div", {
-      class: i.e("top")
-    }, [c.top()]) : null, B.value, c.bottom ? d("div", {
-      class: i.e("bottom")
-    }, [c.bottom()]) : o.showCollapse ? d("div", {
-      onClick: H,
-      class: [i.e("bottom"), i.e("collapse")]
-    }, [d(G, {
-      style: {
-        transform: o.collapse ? "rotateY(180deg)" : ""
-      },
-      size: 20,
-      icon: "ico-iconoir:sidebar-collapse"
-    }, null)]) : null]);
-  }
-});
-export {
-  Xe as default
-};

package/es/components/tabs/index.js

@@ -1,14 +0,0 @@
-import { withInstall as o, withNoopInstall as a } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import m from "./tabs.vue2.js";
-import t from "./tab-pane.vue2.js";
-import { TabsRootContextKey as T } from "./types.js";
-const e = o(m, { TabPane: t }), l = a(t);
-export {
-  T as TabsRootContextKey,
-  l as VftTabPane,
-  e as VftTabs,
-  e as default
-};

package/es/components/tabs/tab-nav.vue2.js

@@ -1,216 +0,0 @@
-import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as et, createVNode as r, nextTick as ot } from "vue";
-import { capitalize as y } from "@vft/utils";
-import { throwError as nt } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
-import "../divider/index.js";
-import { VftIcon as T } from "../icon/index.js";
-import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import "./index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import "../popover/index.js";
-import "../menu/index.js";
-import "@vft/use";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/router";
-import "@vft/store";
-import "vue-router";
-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 { useNamespace as K } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { useDocumentVisibility as it, useWindowFocus as lt, useResizeObserver as at } from "@vueuse/core";
-import { EVENT_CODE as k } from "@vft/constants";
-import { TabsRootContextKey as st } from "./types.js";
-import rt from "./tab-bar.vue2.js";
-const V = (
-  /* hoist-static*/
-  K("tab-nav")
-), ct = E({
-  name: V.b()
-}), de = /* @__PURE__ */ E({
-  ...ct,
-  props: {
-    panes: null,
-    editable: {
-      type: Boolean
-    },
-    addable: {
-      type: Boolean
-    },
-    type: null,
-    stretch: {
-      type: Boolean
-    },
-    closeIconCfg: null,
-    addIconCfg: null,
-    arrowLeftIconCfg: null,
-    arrowRightIconCfg: null
-  },
-  emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
-  setup(i, {
-    expose: D,
-    emit: C
-  }) {
-    var A;
-    const M = Z(), b = _(st);
-    b || nt(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const o = K("tabs"), q = it(), H = lt(), $ = g(), d = g(), h = g(), f = g(!1), m = g(0), S = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(b.props.tabPosition) ? "width" : "height"), W = I(() => ({
-      transform: `translate${w.value === "width" ? "X" : "Y"}(-${m.value}px)`
-    })), j = () => {
-      if (!d.value)
-        return;
-      const e = d.value[`offset${y(w.value)}`], t = m.value;
-      t && (m.value = t > e ? t - e : 0);
-    }, U = () => {
-      if (!d.value || !h.value)
-        return;
-      const e = h.value[`offset${y(w.value)}`], t = d.value[`offset${y(w.value)}`], n = m.value;
-      e - n <= t || (m.value = e - n > t * 2 ? n + t : e - t);
-    }, R = async () => {
-      const e = h.value;
-      if (!f.value || !$.value || !d.value || !e)
-        return;
-      await ot();
-      const t = $.value.querySelector(".is-active");
-      if (!t)
-        return;
-      const n = d.value, p = ["top", "bottom"].includes(b.props.tabPosition), s = t.getBoundingClientRect(), l = n.getBoundingClientRect(), u = p ? e.offsetWidth - l.width : e.offsetHeight - l.height, c = m.value;
-      let a = c;
-      p ? (s.left < l.left && (a = c - (l.left - s.left)), s.right > l.right && (a = c + s.right - l.right)) : (s.top < l.top && (a = c - (l.top - s.top)), s.bottom > l.bottom && (a = c + (s.bottom - l.bottom))), a = Math.max(a, 0), m.value = Math.min(a, u);
-    }, z = () => {
-      if (!h.value || !d.value)
-        return;
-      const e = h.value[`offset${y(w.value)}`], t = d.value[`offset${y(w.value)}`], n = m.value;
-      t < e ? (f.value = f.value || {}, f.value.prev = n, f.value.next = n + t < e, e - n < t && (m.value = e - t)) : (f.value = !1, n > 0 && (m.value = 0));
-    }, X = (e) => {
-      const t = e.code, {
-        up: n,
-        down: p,
-        left: s,
-        right: l
-      } = k;
-      if (![n, p, s, l].includes(t))
-        return;
-      const u = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), c = u.indexOf(e.target);
-      let a;
-      t === s || t === n ? c === 0 ? a = u.length - 1 : a = c - 1 : c < u.length - 1 ? a = c + 1 : a = 0, u[a].focus(), u[a].click(), P();
-    }, P = () => {
-      x.value && (S.value = !0);
-    }, B = () => S.value = !1;
-    O(q, (e) => {
-      e === "hidden" ? x.value = !1 : e === "visible" && setTimeout(() => x.value = !0, 50);
-    }), O(H, (e) => {
-      e ? setTimeout(() => x.value = !0, 50) : x.value = !1;
-    }), at($, z), tt(() => setTimeout(() => R(), 0)), et(() => z()), D({
-      scrollToActiveTab: R,
-      removeFocus: B
-    }), O(() => i.panes, () => M.update(), {
-      flush: "post"
-    });
-    const Y = I(() => {
-      var e, t;
-      return f.value ? [r("span", {
-        class: [o.e("nav-prev"), o.is("disabled", !f.value.prev)],
-        onClick: j
-      }, [(e = i.arrowLeftIconCfg) != null && e.icon ? r(T, i.arrowLeftIconCfg, null) : null]), r("span", {
-        class: [o.e("nav-next"), o.is("disabled", !f.value.next)],
-        onClick: U
-      }, [(t = i.arrowRightIconCfg) != null && t.icon ? r(T, i.arrowRightIconCfg, null) : null])] : null;
-    }), G = I(() => {
-      var e;
-      return (e = i.panes) == null ? void 0 : e.map((t, n) => {
-        var N, F, L;
-        const p = t.uid, s = t.props.disabled, l = t.props.name ?? t.index ?? `${n}`, u = !s && (t.isClosable || i.editable);
-        t.index = `${n}`;
-        const c = u ? r("span", {
-          class: "is-icon-close",
-          onClick: (v) => C("tabRemove", t, v)
-        }, [(N = i.closeIconCfg) != null && N.icon ? r(T, i.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !s && t.active ? 0 : -1;
-        return r("div", {
-          ref: `tab-${p}`,
-          class: [o.e("item"), o.is(b.props.tabPosition), o.is("active", t.active), o.is("disabled", s), o.is("closable", u), o.is("focus", S.value)],
-          id: `tab-${l}`,
-          key: `tab-${p}`,
-          "aria-controls": `pane-${l}`,
-          role: "tab",
-          "aria-selected": t.active,
-          tabindex: Q,
-          onFocus: () => P(),
-          onBlur: () => B(),
-          onClick: (v) => {
-            B(), C("tabClick", t, l, v);
-          },
-          onContextmenu: (v) => {
-            v.preventDefault(), C("tabContextmenu", {
-              pane: t,
-              index: n,
-              event: v
-            });
-          },
-          onKeydown: (v) => {
-            u && (v.code === k.delete || v.code === k.backspace) && C("tabRemove", t, v);
-          }
-        }, [a, c]);
-      });
-    }), J = i.editable || i.addable ? r("span", {
-      class: o.e("new-tab"),
-      tabindex: "0",
-      onClick: () => C("tabAdd"),
-      onKeydown: (e) => {
-        e.code === k.enter && C("tabAdd");
-      }
-    }, [(A = i.addIconCfg) != null && A.icon ? r(T, i.addIconCfg, null) : null]) : null;
-    return () => r("div", {
-      ref: $,
-      class: [o.e("nav-wrap"), o.is("scrollable", !!f.value), o.is(b.props.tabPosition)]
-    }, [Y.value, r("div", {
-      class: o.e("nav-scroll"),
-      ref: d
-    }, [r("div", {
-      class: [o.e("nav"), o.is(b.props.tabPosition), o.is("stretch", i.stretch && ["top", "bottom"].includes(b.props.tabPosition))],
-      ref: h,
-      style: W.value,
-      role: "tablist",
-      onKeydown: X
-    }, [i.type ? null : r(rt, {
-      tabs: [...i.panes]
-    }, null), G.value]), J])]);
-  }
-});
-export {
-  de as default
-};

package/es/components/tabs/tab-pane.vue2.js

@@ -1,62 +0,0 @@
-import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as B, ref as m, computed as d, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as t, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as _, vShow as $, createCommentVNode as E } from "vue";
-import "@vft/utils";
-import { throwError as P } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
-import { TabsRootContextKey as j } from "./types.js";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { eagerComputed as p } from "@vueuse/core";
-const I = ["id", "aria-hidden", "aria-labelledby"], i = (
-  /* hoist-static*/
-  D("tab-pane")
-), K = b({
-  name: i.b()
-}), O = /* @__PURE__ */ b({
-  ...K,
-  props: {
-    label: null,
-    name: null,
-    closable: { type: Boolean },
-    disabled: { type: Boolean },
-    lazy: { type: Boolean }
-  },
-  setup(o) {
-    const n = y(), f = C(), a = B(j);
-    a || P(i.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
-    const r = m(), v = d(() => o.closable || a.props.closable), e = p(() => a.currentName.value === (o.name ?? r.value)), c = m(e.value), l = d(() => o.name ?? r.value), h = p(() => !o.lazy || c.value || e.value);
-    g(e, (s) => {
-      s && (c.value = !0);
-    });
-    const u = w({
-      uid: n.uid,
-      slots: f,
-      props: n.props,
-      paneName: l,
-      active: e,
-      index: r,
-      isClosable: v,
-      attrs: n.attrs
-    });
-    return N(() => {
-      a.registerPane(u);
-    }), k(() => {
-      a.unregisterPane(u.uid);
-    }), (s, M) => t(h) ? x((z(), R("div", {
-      key: 0,
-      id: `pane-${t(l)}`,
-      class: S(t(i).b()),
-      role: "tabpanel",
-      "aria-hidden": !t(e),
-      "aria-labelledby": `tab-${t(l)}`
-    }, [
-      _(s.$slots, "default")
-    ], 10, I)), [
-      [$, t(e)]
-    ]) : E("", !0);
-  }
-});
-export {
-  O as default
-};

package/es/components/tag/index.js

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

package/es/components/tag/tag.vue2.js

@@ -1,75 +0,0 @@
-import { defineComponent as m, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
-import { useSize as y } from "element-plus";
-import { VftIcon as g } from "../icon/index.js";
-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";
-function k(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !b(e);
-}
-const x = /* @__PURE__ */ m({
-  __name: "tag",
-  props: {
-    closable: {
-      type: Boolean
-    },
-    type: null,
-    hit: {
-      type: Boolean
-    },
-    disableTransitions: {
-      type: Boolean,
-      default: !0
-    },
-    color: null,
-    size: null,
-    effect: {
-      default: "light"
-    },
-    round: {
-      type: Boolean
-    }
-  },
-  emits: ["close", "click"],
-  setup(e, {
-    emit: c
-  }) {
-    const l = d(), i = y(), t = h("tag"), s = f(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(i.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), r = (o) => {
-      c("close", o);
-    }, u = (o) => {
-      c("click", o);
-    }, a = () => {
-      var o;
-      return n("span", {
-        class: s.value,
-        style: {
-          backgroundColor: e.color
-        },
-        onClick: u
-      }, [n("span", {
-        class: t.e("content")
-      }, [(o = l.default) == null ? void 0 : o.call(l)]), e.closable ? n("div", {
-        class: t.e("close"),
-        onClick: r
-      }, [n(g, {
-        icon: "vico-close"
-      }, null)]) : ""]);
-    };
-    return () => {
-      let o;
-      return e.disableTransitions ? a() : n(p, {
-        name: `${t.namespace.value}-zoom-in-center`,
-        appear: !0
-      }, k(o = a()) ? o : {
-        default: () => [o]
-      });
-    };
-  }
-});
-export {
-  x as default
-};

package/es/components/tooltip/index.js

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