vft 0.0.43 → 0.0.45

package/es/components/menu/sub-menu.vue2.mjs

@@ -1,265 +0,0 @@
-import { defineComponent as Z, getCurrentInstance as Y, computed as n, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as ne, useSlots as re, h as a, Fragment as le, withDirectives as ae, vShow as ie } from "vue";
-import "../divider/index.mjs";
-import { VftIcon as H } from "../icon/index.mjs";
-import "../avatar/index.mjs";
-import "../empty/index.mjs";
-import "../result/index.mjs";
-import "../tabs/index.mjs";
-import "../popper/index.mjs";
-import { VftCollapseTransition as ue } from "../collapse-transition/index.mjs";
-import { VftTooltip as se } from "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "./index.mjs";
-import { singleAttrToObj as pe, renderTNode as ce } from "@vft/utils";
-import "@vft/use";
-import "../multiple-tabs/multiple-tabs.vue2.mjs";
-import "@vft/router";
-import "@vft/store";
-import "vue-router";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import "../back-top/index.mjs";
-import "../config-provider/index.mjs";
-import "../descriptions/index.mjs";
-import "../full-screen/index.mjs";
-import "../icon-text/index.mjs";
-import "../image/index.mjs";
-import "../input/index.mjs";
-import "../link/index.mjs";
-import "../pagination/index.mjs";
-import "../tag/index.mjs";
-import "../side-menu/index.mjs";
-import "../qrcode/index.mjs";
-import "../overlay/index.mjs";
-import "../clamp/index.mjs";
-import "../clamp-toggle/index.mjs";
-import "../page-wrapper/index.mjs";
-import "../exception/index.mjs";
-import "../search/index.mjs";
-import "../md-container/index.mjs";
-import "../md-comment/index.mjs";
-import "../md-tabs/index.mjs";
-import "../md-vue-playground/index.mjs";
-import "../md-code-demo/index.mjs";
-import "../md-code-tabs/index.mjs";
-import "../message/index.mjs";
-import { useNamespace as I } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import { useTimeoutFn as L } from "@vueuse/core";
-import { throwError as U } from "../../utils/error.mjs";
-import "../../utils/ns-cover.mjs";
-import me from "./use-menu.mjs";
-import { useMenuCssVar as de } from "./use-menu-css-var.mjs";
-const S = (
-  /* hoist-static*/
-  I("sub-menu")
-), ve = Z({
-  name: S.b()
-}), Co = /* @__PURE__ */ Z({
-  ...ve,
-  props: {
-    index: null,
-    showTimeout: {
-      default: 300
-    },
-    hideTimeout: {
-      default: 300
-    },
-    popperClass: null,
-    disabled: {
-      type: Boolean
-    },
-    popperAppendToBody: {
-      type: Boolean,
-      default: void 0
-    },
-    popperOffset: {
-      default: 6
-    },
-    expandIcon: {
-      default: {}
-    },
-    collapseIcon: {
-      default: {}
-    },
-    title: null,
-    icon: null,
-    showArrow: {
-      type: Boolean,
-      default: !0
-    },
-    toolTipCfg: null
-  },
-  setup(o, {
-    expose: q
-  }) {
-    const v = Y(), {
-      indexPath: h,
-      parentMenu: z
-    } = me(v, n(() => o.index)), u = I("menu"), s = I("sub-menu"), e = D("rootMenu");
-    e || U(S.b(), "can not inject root menu");
-    const i = D(`subMenu:${z.value.uid}`);
-    i || U(S.b(), "can not inject sub menu");
-    const T = x({});
-    let p;
-    const B = x(!1), G = x(), A = x(null), P = n(() => m.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = n(() => i.level === 0), w = n(() => o.popperAppendToBody === void 0 ? M.value : Boolean(o.popperAppendToBody)), J = n(() => e.props.collapse ? `${u.namespace.value}-zoom-in-left` : `${u.namespace.value}-zoom-in-top`), K = n(() => m.value === "horizontal" && M.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), f = n(() => {
-      let t = !1;
-      return Object.values(T.value).forEach((l) => {
-        l.active && (t = !0);
-      }), o.index === e.activeIndex && (t = !0), t;
-    }), j = n(() => e.props.backgroundColor || ""), E = n(() => e.props.activeTextColor || ""), F = n(() => e.props.textColor || ""), m = n(() => e.props.mode), C = _({
-      index: o.index,
-      indexPath: h,
-      active: f
-    }), $ = n(() => m.value !== "horizontal" ? {
-      color: F.value
-    } : {
-      borderBottomColor: f.value ? e.props.activeTextColor ? E.value : "" : "transparent",
-      color: f.value ? E.value : F.value
-    }), Q = () => {
-      var t, l, r;
-      return (r = (l = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : r.destroy();
-    }, W = (t) => {
-      t || Q();
-    }, O = () => {
-      e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled || e.handleSubMenuClick({
-        index: o.index,
-        indexPath: h.value,
-        active: f.value
-      });
-    }, g = (t, l = o.showTimeout) => {
-      var r;
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (i.mouseInChild.value = !0, p == null || p(), {
-        stop: p
-      } = L(() => {
-        e.openMenu(o.index, h.value);
-      }, l), w.value && ((r = z.value.vnode.el) == null || r.dispatchEvent(new MouseEvent("mouseenter")))));
-    }, y = (t = !1) => {
-      var l, r;
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (p == null || p(), i.mouseInChild.value = !1, {
-        stop: p
-      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((l = v.parent) == null ? void 0 : l.type.name) === "vft-sub-menu" && ((r = i.handleMouseleave) == null || r.call(i, !0)));
-    };
-    ee(() => e.props.collapse, (t) => W(Boolean(t)));
-    {
-      const t = (r) => {
-        T.value[r.index] = r;
-      }, l = (r) => {
-        delete T.value[r.index];
-      };
-      oe(`subMenu:${v.uid}`, {
-        addSubMenu: t,
-        removeSubMenu: l,
-        handleMouseleave: y,
-        mouseInChild: B,
-        level: i.level + 1
-      });
-    }
-    q({
-      opened: c
-    }), te(() => {
-      e.addSubMenu(C), i.addSubMenu(C);
-    }), ne(() => {
-      i.removeSubMenu(C), e.removeSubMenu(C);
-    });
-    const d = re(), X = n(() => m.value === "horizontal" && M.value || m.value === "vertical" && !e.props.collapse ? {
-      icon: "i-ep:arrow-down",
-      size: 20,
-      ...o.expandIcon
-    } : {
-      icon: "i-ep:arrow-right",
-      size: 18,
-      ...o.collapseIcon
-    }), V = n(() => pe(o.icon, "icon")), N = n(() => ce(v, "title"));
-    return () => {
-      var R;
-      const t = [(R = V.value) != null && R.icon ? a(H, {
-        ...V.value
-      }) : null, a("span", {
-        class: o.showArrow ? s.e("text") : "",
-        title: v.props.title
-      }, N.value), o.showArrow ? a(H, {
-        class: s.e("icon-arrow"),
-        ...X.value,
-        style: {
-          transform: c.value ? "rotateZ(180deg)" : "none"
-        }
-      }) : !1], l = de(e.props, i.level + 1), r = e.isMenuPopup ? a(se, {
-        ref: A,
-        visible: c.value,
-        effect: "light",
-        pure: !0,
-        offset: o.popperOffset,
-        showArrow: !1,
-        persistent: !0,
-        popperClass: o.popperClass,
-        placement: P.value,
-        teleported: w.value,
-        fallbackPlacements: K.value,
-        transition: J.value,
-        gpuAcceleration: !1,
-        ...o.toolTipCfg
-      }, {
-        content: () => {
-          var b;
-          return a("div", {
-            class: [u.m(m.value), u.m("popup-container"), o.popperClass],
-            onMouseenter: (k) => g(k, 100),
-            onMouseleave: () => y(!0),
-            onFocus: (k) => g(k, 100)
-          }, [a("ul", {
-            class: [u.b(), u.m("popup"), u.m(`popup-${P.value}`)],
-            style: l.value
-          }, [(b = d.default) == null ? void 0 : b.call(d)])]);
-        },
-        default: () => a("div", {
-          class: s.e("title"),
-          style: [$.value, {
-            backgroundColor: j.value
-          }],
-          onClick: O
-        }, t)
-      }) : (
-        /**
-         *  Fragment 碎片化节点，可以让 dom 没有根节点
-         *
-         *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-         */
-        a(le, {}, [N.value ? a("div", {
-          class: s.e("title"),
-          style: [$.value, {
-            backgroundColor: j.value
-          }],
-          ref: G,
-          onClick: O
-        }, t) : null, a(ue, {}, {
-          default: () => {
-            var b;
-            return ae(a("ul", {
-              role: "menu",
-              class: [u.b(), u.m("inline")],
-              style: l.value
-            }, [(b = d.default) == null ? void 0 : b.call(d)]), [[ie, c.value]]);
-          }
-        })])
-      );
-      return a("li", {
-        class: [s.b(), s.is("active", f.value), s.is("opened", c.value), s.is("disabled", o.disabled)],
-        role: "menuitem",
-        ariaHaspopup: !0,
-        ariaExpanded: c.value,
-        onMouseenter: g,
-        onMouseleave: () => y(!0),
-        onFocus: g
-      }, [r]);
-    };
-  }
-});
-export {
-  Co as default
-};

package/es/components/menu/use-menu-css-var.mjs

@@ -1,17 +0,0 @@
-import { computed as t } from "vue";
-import { useNamespace as m } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.mjs";
-const f = (p, r) => {
-  const o = m("menu");
-  return t(() => o.cssVarBlock({
-    level: `${r}`
-  }));
-};
-export {
-  f as useMenuCssVar
-};

package/es/components/menu/utils/menu-bar.mjs

@@ -1,15 +0,0 @@
-import i from "./menu-item.mjs";
-class s {
-  constructor(o, e) {
-    this.domNode = o, this.init(e);
-  }
-  init(o) {
-    const e = this.domNode.childNodes;
-    Array.from(e).forEach((t) => {
-      t.nodeType === 1 && new i(t, o);
-    });
-  }
-}
-export {
-  s as default
-};

package/es/components/menu/utils/menu-item.mjs

@@ -1,41 +0,0 @@
-import { triggerEvent as u } from "@vft/utils";
-import { EVENT_CODE as s } from "@vft/constants";
-import r from "./submenu.mjs";
-class m {
-  constructor(e, t) {
-    this.domNode = e, this.submenu = null, this.submenu = null, this.init(t);
-  }
-  init(e) {
-    this.domNode.setAttribute("tabindex", "0");
-    const t = this.domNode.querySelector(`.${e}-menu`);
-    t && (this.submenu = new r(this, t)), this.addListeners();
-  }
-  addListeners() {
-    this.domNode.addEventListener("keydown", (e) => {
-      let t = !1;
-      switch (e.code) {
-        case s.down: {
-          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
-          break;
-        }
-        case s.up: {
-          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
-          break;
-        }
-        case s.tab: {
-          u(e.currentTarget, "mouseleave");
-          break;
-        }
-        case s.enter:
-        case s.space: {
-          t = !0, e.currentTarget.click();
-          break;
-        }
-      }
-      t && e.preventDefault();
-    });
-  }
-}
-export {
-  m as default
-};

package/es/components/message/index.mjs

@@ -1,14 +0,0 @@
-import { withInstallFunction as s } from "../../utils/vue/install.mjs";
-import "vue";
-import "@vft/utils";
-import "../../utils/ns-cover.mjs";
-import e from "./method.mjs";
-import { messageDefaults as g, messageTypes as l } from "./types.mjs";
-const p = s(e, "$message");
-export {
-  p as Message,
-  p as VftMessage,
-  p as default,
-  g as messageDefaults,
-  l as messageTypes
-};

package/es/components/message/message.vue.mjs

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

package/es/components/message/message.vue2.mjs

@@ -1,128 +0,0 @@
-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.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "../../utils/ns-cover.mjs";
-import { getLastOffset as Y } from "./instance.mjs";
-import { VftIcon as B } from "../icon/index.mjs";
-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.mjs

@@ -1,98 +0,0 @@
-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.mjs";
-import "@popperjs/core";
-import "lodash";
-import { useZIndex as C } from "../../hooks/use-z-index/index.mjs";
-import { debugWarn as E } from "../../utils/error.mjs";
-import "../../utils/ns-cover.mjs";
-import _ from "./message.vue2.mjs";
-import { messageTypes as I, messageDefaults as M } from "./types.mjs";
-import { instances as r } from "./instance.mjs";
-import "../config-provider/index.mjs";
-import { messageConfig as x } from "../config-provider/constants.mjs";
-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.mjs

@@ -1,11 +0,0 @@
-import o from "./multiple-tabs.vue2.mjs";
-import { useTabDropdown as s } from "./use/use-tab-dropdown.mjs";
-import { initAffixTabs as i, useTabsDrag as p } from "./use/use-multiple-tabs.mjs";
-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.mjs

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