vft 0.0.43 → 0.0.44

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

@@ -0,0 +1,154 @@
+import { defineComponent as y, getCurrentInstance as g, useSlots as M, ref as h, watch as p, nextTick as D, computed as l, createVNode as s, provide as F } from "vue";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { isNumberish as f, isUndefined as I } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import { useOrderedChildren as U } from "../../hooks/use-ordered-children/index.js";
+import { UPDATE_MODEL_EVENT as $ } from "@vft/constants";
+import K from "./tab-nav.vue2.js";
+import { TabsRootContextKey as S } from "./types.js";
+const r = (
+  /* hoist-static*/
+  O("tabs")
+), j = y({
+  name: r.b()
+}), ne = /* @__PURE__ */ y({
+  ...j,
+  props: {
+    type: {
+      default: ""
+    },
+    closable: {
+      type: Boolean
+    },
+    addable: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: null,
+    editable: {
+      type: Boolean
+    },
+    tabPosition: {
+      default: "top"
+    },
+    beforeLeave: {
+      type: Function
+    },
+    stretch: {
+      type: Boolean
+    },
+    closeIconCfg: null,
+    addIconCfg: null,
+    arrowLeftIconCfg: null,
+    arrowRightIconCfg: null
+  },
+  emits: {
+    [$]: (t) => f(t),
+    /** 点击 */
+    tabClick: (t, d) => d instanceof Event,
+    /** 右键点击 */
+    tabContextMenu: (t, d, a) => a instanceof Event,
+    tabChange: (t) => f(t),
+    edit: (t, d) => ["remove", "add"].includes(d),
+    /** 移除 */
+    tabRemove: (t) => f(t),
+    /** 增加 */
+    tabAdd: () => !0
+  },
+  setup(t, {
+    expose: d,
+    emit: a
+  }) {
+    const w = g(), i = M(), u = h(), c = h(t.modelValue ?? "0"), T = (e) => {
+      c.value = e, a("update:modelValue", e), a("tabChange", e);
+    }, m = async (e) => {
+      var n, o, v;
+      if (!(c.value === e || I(e)))
+        try {
+          await ((n = t.beforeLeave) == null ? void 0 : n.call(t, e, c.value)) !== !1 && (T(e), (v = (o = u.value) == null ? void 0 : o.removeFocus) == null || v.call(o));
+        } catch {
+        }
+    }, R = (e, n, o) => {
+      e.props.disabled || (m(n), a("tabClick", e, o));
+    }, L = (e, n) => {
+      e.props.disabled || I(e.props.name) || (n.stopPropagation(), a("edit", e.props.name, "remove"), a("tabRemove", e.props.name));
+    };
+    p(() => t.modelValue, (e) => m(e)), p(c, async () => {
+      var e;
+      await D(), (e = u.value) == null || e.scrollToActiveTab();
+    });
+    const N = () => {
+      a("edit", void 0, "add"), a("tabAdd");
+    }, x = (e, n, o) => {
+      a("tabContextMenu", e, n, o);
+    }, b = l(() => {
+      var e;
+      return s("div", {
+        class: r.e("content")
+      }, [(e = i.default) == null ? void 0 : e.call(i)]);
+    }), {
+      children: P,
+      addChild: A,
+      removeChild: E
+    } = U(g(), "vft-tab-pane");
+    F(S, {
+      props: w.props,
+      currentName: c,
+      registerPane: A,
+      unregisterPane: E
+    }), d({
+      currentName: c
+    });
+    const V = l(() => ({
+      icon: "i-ep:plus",
+      size: 12,
+      ...t.addIconCfg
+    })), k = l(() => ({
+      icon: "i-ep:close",
+      size: 14,
+      ...t.closeIconCfg
+    })), z = l(() => ({
+      icon: "i-ep:arrow-left",
+      size: 18,
+      ...t.arrowLeftIconCfg
+    })), B = l(() => ({
+      icon: "i-ep:arrow-right",
+      size: 18,
+      ...t.arrowRightIconCfg
+    })), C = l(() => {
+      var e;
+      return s("div", {
+        class: [r.e("header"), r.is(t.tabPosition)]
+      }, [s(K, {
+        ref: u,
+        currentName: c.value,
+        panes: P.value,
+        stretch: t.stretch,
+        closeIconCfg: k.value,
+        addIconCfg: V.value,
+        arrowRightIconCfg: B.value,
+        arrowLeftIconCfg: z.value,
+        editable: t.editable,
+        addable: t.addable,
+        type: t.type,
+        onTabClick: R,
+        onTabRemove: L,
+        onTabAdd: N,
+        onTabContextmenu: x
+      }, null), (e = i.headerRight) == null ? void 0 : e.call(i)]);
+    });
+    return () => s("div", {
+      class: [r.b(), r.m(t.tabPosition), {
+        [r.m("card")]: t.type === "card",
+        [r.m("border-card")]: t.type === "border-card"
+      }]
+    }, [...t.tabPosition !== "bottom" ? [C.value, b.value] : [b.value, C.value]]);
+  }
+});
+export {
+  ne as default
+};

package/es/components/tag/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 "./tag.vue2.js";
+const f = t(o);
+export {
+  f as VftTag,
+  f as default
+};

package/es/components/tag/tag.vue.js

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

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

@@ -0,0 +1,75 @@
+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: "vi-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/content.vue.js

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

package/es/components/tooltip/content.vue2.js

@@ -0,0 +1,174 @@
+import { defineComponent as E, ref as v, inject as U, computed as o, onBeforeUnmount as W, unref as t, watch as y, openBlock as b, createBlock as h, Teleport as Y, createVNode as q, Transition as F, withCtx as C, withDirectives as G, mergeProps as Q, renderSlot as X, createCommentVNode as B, vShow as Z } from "vue";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { onClickOutside as ee } from "@vueuse/core";
+import "@vft/utils";
+import { composeEventHandlers as T } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import { usePopperContainerId as te } from "../../hooks/use-popper-container/index.js";
+import "../popper/index.js";
+import { TOOLTIP_INJECTION_KEY as ne } from "./constants.js";
+import oe from "../popper/content.vue2.js";
+const ae = E({
+  name: "VftTooltipContent",
+  inheritAttrs: !1
+}), be = /* @__PURE__ */ E({
+  ...ae,
+  props: {
+    boundariesPadding: { default: 0 },
+    fallbackPlacements: null,
+    gpuAcceleration: { type: Boolean, default: !0 },
+    offset: { default: 12 },
+    placement: { default: "bottom" },
+    popperOptions: { default: {} },
+    strategy: { default: "absolute" },
+    style: null,
+    className: null,
+    effect: { default: "dark" },
+    enterable: { type: Boolean, default: !0 },
+    pure: { type: Boolean },
+    focusOnShow: { type: Boolean, default: !1 },
+    trapping: { type: Boolean, default: !1 },
+    popperClass: null,
+    popperStyle: null,
+    referenceEl: null,
+    triggerTargetEl: null,
+    stopPopperMouseEvent: { type: Boolean, default: !0 },
+    virtualTriggering: { type: Boolean },
+    zIndex: null,
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    appendTo: null,
+    content: { default: "" },
+    rawContent: { type: Boolean, default: !1 },
+    persistent: { type: Boolean },
+    ariaLabel: null,
+    visible: { type: Boolean, default: null },
+    transition: { default: "vft-fade-in-linear" },
+    teleported: { type: Boolean, default: !0 },
+    disabled: { type: Boolean }
+  },
+  setup(e, { expose: k }) {
+    const { selector: P } = te(), w = _("tooltip"), l = v(null), c = v(!1), {
+      controlled: p,
+      id: O,
+      open: r,
+      trigger: u,
+      onClose: i,
+      onOpen: A,
+      onShow: N,
+      onHide: S,
+      onBeforeShow: f,
+      onBeforeHide: d
+    } = U(ne, void 0), L = o(() => e.transition || `${w.namespace.value}-fade-in-linear`), I = o(() => process.env.NODE_ENV === "test" ? !0 : e.persistent);
+    W(() => {
+      c.value = !0;
+    });
+    const $ = o(() => t(I) ? !0 : t(r)), m = o(() => e.disabled ? !1 : t(r)), x = o(() => e.appendTo || P.value), M = o(() => e.style ?? {}), R = o(() => !t(r)), z = () => {
+      S();
+    }, g = () => {
+      if (t(p))
+        return !0;
+    }, V = T(g, () => {
+      e.enterable && t(u) === "hover" && A();
+    }), D = T(g, () => {
+      t(u) === "hover" && i();
+    }), j = () => {
+      var n, a;
+      (a = (n = l.value) == null ? void 0 : n.updatePopper) == null || a.call(n), f == null || f();
+    }, H = () => {
+      d == null || d();
+    }, J = () => {
+      N(), s = ee(
+        o(() => {
+          var n;
+          return (n = l.value) == null ? void 0 : n.popperContentRef;
+        }),
+        () => {
+          if (t(p))
+            return;
+          t(u) !== "hover" && i();
+        }
+      );
+    }, K = () => {
+      e.virtualTriggering || i();
+    };
+    let s;
+    return y(
+      () => t(r),
+      (n) => {
+        n || s == null || s();
+      },
+      {
+        flush: "post"
+      }
+    ), y(
+      () => e.content,
+      () => {
+        var n, a;
+        (a = (n = l.value) == null ? void 0 : n.updatePopper) == null || a.call(n);
+      }
+    ), k({
+      /**
+       * @description el-popper-content component instance
+       */
+      contentRef: l
+    }), (n, a) => (b(), h(Y, {
+      disabled: !e.teleported,
+      to: t(x)
+    }, [
+      q(F, {
+        name: t(L),
+        onAfterLeave: z,
+        onBeforeEnter: j,
+        onAfterEnter: J,
+        onBeforeLeave: H
+      }, {
+        default: C(() => [
+          t($) ? G((b(), h(t(oe), Q({
+            key: 0,
+            id: t(O),
+            ref_key: "contentRef",
+            ref: l
+          }, n.$attrs, {
+            "aria-label": e.ariaLabel,
+            "aria-hidden": t(R),
+            "boundaries-padding": e.boundariesPadding,
+            "fallback-placements": e.fallbackPlacements,
+            "gpu-acceleration": e.gpuAcceleration,
+            offset: e.offset,
+            placement: e.placement,
+            "popper-options": e.popperOptions,
+            strategy: e.strategy,
+            effect: e.effect,
+            enterable: e.enterable,
+            pure: e.pure,
+            "popper-class": e.popperClass,
+            "popper-style": [e.popperStyle, t(M)],
+            "reference-el": e.referenceEl,
+            "trigger-target-el": e.triggerTargetEl,
+            visible: t(m),
+            "z-index": e.zIndex,
+            onMouseenter: t(V),
+            onMouseleave: t(D),
+            onBlur: K,
+            onClose: t(i)
+          }), {
+            default: C(() => [
+              c.value ? B("", !0) : X(n.$slots, "default", { key: 0 })
+            ]),
+            _: 3
+          }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
+            [Z, t(m)]
+          ]) : B("", !0)
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ], 8, ["disabled", "to"]));
+  }
+});
+export {
+  be as default
+};

package/es/components/tooltip/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 "./tooltip.vue2.js";
+const a = t(o);
+export {
+  a as VftTooltip,
+  a as default
+};

package/es/components/tooltip/tooltip.vue.js

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

package/es/components/tooltip/tooltip.vue2.js

@@ -0,0 +1,224 @@
+import { defineComponent as k, ref as r, computed as P, provide as I, readonly as S, unref as i, watch as M, onDeactivated as N, openBlock as f, createBlock as h, withCtx as g, createVNode as b, renderSlot as w, createCommentVNode as v, createElementBlock as B, toDisplayString as $ } from "vue";
+import { EVENT_CODE as C } from "@vft/constants";
+import { VftPopper as x } from "../popper/index.js";
+import { isBoolean as H } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useId as L } from "../../hooks/use-id/index.js";
+import { usePopperContainer as z } from "../../hooks/use-popper-container/index.js";
+import { useDelayedToggle as D } from "../../hooks/use-delayed-toggle/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { TOOLTIP_INJECTION_KEY as K } from "./constants.js";
+import V from "./trigger.vue2.js";
+import J from "./content.vue2.js";
+import { useTooltipModelToggle as U } from "./utils.js";
+import Y from "../popper/arrow.vue2.js";
+const j = ["innerHTML"], q = { key: 1 }, G = k({
+  name: "vft-tooltip"
+}), pe = /* @__PURE__ */ k({
+  ...G,
+  props: {
+    role: { default: "tooltip" },
+    showArrow: { type: Boolean, default: !0 },
+    arrowOffset: { default: 5 },
+    virtualRef: null,
+    virtualTriggering: { type: Boolean },
+    onMouseenter: { type: Function },
+    onMouseleave: { type: Function },
+    onClick: { type: Function },
+    onKeydown: { type: Function },
+    onFocus: { type: Function },
+    onBlur: { type: Function },
+    onContextmenu: { type: Function },
+    id: null,
+    open: { type: Boolean },
+    boundariesPadding: { default: 0 },
+    fallbackPlacements: null,
+    gpuAcceleration: { type: Boolean, default: !0 },
+    offset: { default: 12 },
+    placement: { default: "bottom" },
+    popperOptions: { default: {} },
+    strategy: { default: "absolute" },
+    style: null,
+    className: null,
+    effect: { default: "dark" },
+    visible: { type: Boolean, default: null },
+    enterable: { type: Boolean, default: !0 },
+    pure: { type: Boolean },
+    focusOnShow: { type: Boolean, default: !1 },
+    trapping: { type: Boolean, default: !1 },
+    popperClass: null,
+    popperStyle: null,
+    referenceEl: null,
+    triggerTargetEl: null,
+    stopPopperMouseEvent: { type: Boolean, default: !0 },
+    ariaLabel: null,
+    zIndex: null,
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    appendTo: null,
+    content: { default: "" },
+    rawContent: { type: Boolean, default: !1 },
+    persistent: { type: Boolean },
+    transition: { default: "vft-fade-in-linear" },
+    teleported: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    trigger: { default: "hover" },
+    triggerKeys: { default: [C.enter, C.space] }
+  },
+  emits: ["before-show", "before-hide", "show", "hide", "open", "close"],
+  setup(e, { expose: T, emit: a }) {
+    z();
+    const A = L(), u = r(), d = r(), m = () => {
+      var o;
+      const t = i(u);
+      t && ((o = t.popperInstanceRef) == null || o.update());
+    }, n = r(!1), l = r(), { show: E, hide: s, hasUpdateHandler: O } = U({
+      indicator: n,
+      toggleReason: l
+    }), { onOpen: c, onClose: p } = D({
+      showAfter: e.showAfter,
+      hideAfter: e.hideAfter,
+      open: E,
+      close: s
+    }), R = P(() => H(e.visible) && !O.value);
+    I(K, {
+      controlled: R,
+      id: A,
+      open: S(n),
+      trigger: e.trigger,
+      onOpen: (t) => {
+        c(t);
+      },
+      onClose: (t) => {
+        p(t);
+      },
+      onToggle: (t) => {
+        i(n) ? p(t) : c(t);
+      },
+      onShow: () => {
+        a("show", l.value);
+      },
+      onHide: () => {
+        a("hide", l.value);
+      },
+      onBeforeShow: () => {
+        a("before-show", l.value);
+      },
+      onBeforeHide: () => {
+        a("before-hide", l.value);
+      },
+      updatePopper: m
+    }), M(
+      () => e.disabled,
+      (t) => {
+        t && n.value && (n.value = !1);
+      }
+    );
+    const F = () => {
+      var o, y;
+      const t = (y = (o = d.value) == null ? void 0 : o.contentRef) == null ? void 0 : y.popperContentRef;
+      return t && t.contains(document.activeElement);
+    };
+    return N(() => n.value && s()), T({
+      /**
+       * @description el-popper component instance
+       */
+      popperRef: u,
+      /**
+       * @description el-tooltip-content component instance
+       */
+      contentRef: d,
+      /**
+       * @description validate current focus event is trigger inside el-tooltip-content
+       */
+      isFocusInsideContent: F,
+      /**
+       * @description update el-popper component instance
+       */
+      updatePopper: m,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onOpen: c,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onClose: p,
+      /**
+       * @description expose hide function
+       */
+      hide: s
+    }), (t, o) => (f(), h(i(x), {
+      ref_key: "popperRef",
+      ref: u,
+      role: e.role
+    }, {
+      default: g(() => [
+        b(V, {
+          disabled: e.disabled,
+          trigger: e.trigger,
+          "trigger-keys": e.triggerKeys,
+          "virtual-ref": e.virtualRef,
+          "virtual-triggering": e.virtualTriggering
+        }, {
+          default: g(() => [
+            t.$slots.default ? w(t.$slots, "default", { key: 0 }) : v("", !0)
+          ]),
+          _: 3
+        }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
+        b(J, {
+          ref_key: "contentRef",
+          ref: d,
+          "aria-label": e.ariaLabel,
+          "boundaries-padding": e.boundariesPadding,
+          content: e.content,
+          disabled: e.disabled,
+          effect: e.effect,
+          enterable: e.enterable,
+          "fallback-placements": e.fallbackPlacements,
+          "hide-after": e.hideAfter,
+          "gpu-acceleration": e.gpuAcceleration,
+          offset: e.offset,
+          persistent: e.persistent,
+          "popper-class": e.popperClass,
+          "popper-style": e.popperStyle,
+          placement: e.placement,
+          "popper-options": e.popperOptions,
+          pure: e.pure,
+          "raw-content": e.rawContent,
+          "reference-el": e.referenceEl,
+          "trigger-target-el": e.triggerTargetEl,
+          "show-after": e.showAfter,
+          strategy: e.strategy,
+          teleported: e.teleported,
+          transition: e.transition,
+          "virtual-triggering": e.virtualTriggering,
+          "z-index": e.zIndex,
+          "append-to": e.appendTo
+        }, {
+          default: g(() => [
+            w(t.$slots, "content", {}, () => [
+              e.rawContent ? (f(), B("span", {
+                key: 0,
+                innerHTML: e.content
+              }, null, 8, j)) : (f(), B("span", q, $(e.content), 1))
+            ]),
+            e.showArrow ? (f(), h(i(Y), {
+              key: 0,
+              "arrow-offset": e.arrowOffset
+            }, null, 8, ["arrow-offset"])) : v("", !0)
+          ]),
+          _: 3
+        }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
+      ]),
+      _: 3
+    }, 8, ["role"]));
+  }
+});
+export {
+  pe as default
+};

package/es/components/tooltip/trigger.vue.js

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