vft 0.0.50 → 0.0.53

package/es/packages/components/dropdown/dropdown.vue.js

@@ -1,129 +0,0 @@
-import h from "./dropdown.vue2.js";
-import { resolveComponent as r, openBlock as a, createElementBlock as v, normalizeClass as s, createVNode as n, createSlots as w, withCtx as o, renderSlot as t, createBlock as y, mergeProps as p, createCommentVNode as C } from "vue";
-import B from "../../../_virtual/_plugin-vue_export-helper.js";
-function k(e, S, E, z, T, $) {
-  var i;
-  const d = r("dropdown-collection"), f = r("roving-focus-group"), u = r("vft-scrollbar"), g = r("vft-only-child"), b = r("vft-tooltip"), l = r("vft-button"), m = r("vft-icon"), c = r("vft-button-group");
-  return a(), v("div", {
-    class: s([e.ns.b(), e.ns.is("disabled", e.disabled)])
-  }, [
-    n(b, {
-      ref: "popperRef",
-      role: e.role,
-      effect: e.effect,
-      "fallback-placements": ["bottom", "top"],
-      "popper-options": e.popperOptions,
-      "gpu-acceleration": !1,
-      "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
-      "manual-mode": !0,
-      placement: e.placement,
-      "popper-class": [e.ns.e("popper"), e.popperClass],
-      "reference-element": (i = e.referenceElementRef) == null ? void 0 : i.$el,
-      trigger: e.trigger,
-      "trigger-keys": e.triggerKeys,
-      "trigger-target-el": e.contentRef,
-      "show-after": e.trigger === "hover" ? e.showTimeout : 0,
-      "stop-popper-mouse-event": !1,
-      "virtual-ref": e.triggeringElementRef,
-      "virtual-triggering": e.splitButton,
-      disabled: e.disabled,
-      transition: `${e.ns.namespace.value}-zoom-in-top`,
-      teleported: e.teleported,
-      pure: "",
-      persistent: "",
-      onBeforeShow: e.handleBeforeShowTooltip,
-      onShow: e.handleShowTooltip,
-      onBeforeHide: e.handleBeforeHideTooltip
-    }, w({
-      content: o(() => [
-        n(u, {
-          ref: "scrollbar",
-          "wrap-style": e.wrapStyle,
-          tag: "div",
-          "view-class": e.ns.e("list")
-        }, {
-          default: o(() => [
-            n(f, {
-              loop: e.loop,
-              "current-tab-id": e.currentTabId,
-              orientation: "horizontal",
-              onCurrentTabIdChange: e.handleCurrentTabIdChange,
-              onEntryFocus: e.handleEntryFocus
-            }, {
-              default: o(() => [
-                n(d, null, {
-                  default: o(() => [
-                    t(e.$slots, "dropdown")
-                  ]),
-                  _: 3
-                })
-              ]),
-              _: 3
-            }, 8, ["loop", "current-tab-id", "onCurrentTabIdChange", "onEntryFocus"])
-          ]),
-          _: 3
-        }, 8, ["wrap-style", "view-class"])
-      ]),
-      _: 2
-    }, [
-      e.splitButton ? void 0 : {
-        name: "default",
-        fn: o(() => [
-          n(g, {
-            id: e.triggerId,
-            ref: "triggeringElementRef",
-            role: "button",
-            tabindex: e.tabindex
-          }, {
-            default: o(() => [
-              t(e.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["id", "tabindex"])
-        ]),
-        key: "0"
-      }
-    ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
-    e.splitButton ? (a(), y(c, { key: 0 }, {
-      default: o(() => [
-        n(l, p({ ref: "referenceElementRef" }, e.buttonProps, {
-          size: e.dropdownSize,
-          type: e.type,
-          disabled: e.disabled,
-          tabindex: e.tabindex,
-          onClick: e.handlerMainButtonClick
-        }), {
-          default: o(() => [
-            t(e.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["size", "type", "disabled", "tabindex", "onClick"]),
-        n(l, p({
-          id: e.triggerId,
-          ref: "triggeringElementRef"
-        }, e.buttonProps, {
-          role: "button",
-          size: e.dropdownSize,
-          type: e.type,
-          class: e.ns.e("caret-button"),
-          disabled: e.disabled,
-          tabindex: e.tabindex,
-          "aria-label": "切换下拉菜单"
-        }), {
-          default: o(() => [
-            n(m, {
-              class: s(e.ns.e("icon")),
-              icon: "ico-ep:arrow-down"
-            }, null, 8, ["class"])
-          ]),
-          _: 1
-        }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
-      ]),
-      _: 3
-    })) : C("", !0)
-  ], 2);
-}
-const H = /* @__PURE__ */ B(h, [["render", k]]);
-export {
-  H as default
-};

package/es/packages/components/dropdown/dropdown.vue2.js

@@ -1,218 +0,0 @@
-import { defineComponent as P, getCurrentInstance as U, ref as n, computed as f, watch as M, toRef as s, onBeforeUnmount as E, provide as w, unref as J } from "vue";
-import { VftButton as B } from "../button/index.js";
-import { VftTooltip as W } from "../tooltip/index.js";
-import { VftScrollbar as Y } from "../scrollbar/index.js";
-import { VftIcon as q } from "../icon/index.js";
-import Q from "../roving-focus-group/roving-focus-group.vue.js";
-import "../roving-focus-group/roving-focus-item.vue2.js";
-import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import "../roving-focus-group/types.js";
-import { EVENT_CODE as m } from "../../constants/aria.js";
-import { OnlyChild as X } from "../slot/only-child.js";
-import "../form/index.js";
-import { addUnit as Z, isArray as g } from "@vft/utils";
-import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { useId as oe } from "../../hooks/use-id/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import { DROPDOWN_INJECTION_KEY as te } from "./tokens.js";
-import { VftCollection as ne } from "./types.js";
-import { useFormSize as re } from "../form/hooks/use-form-common-props.js";
-const { ButtonGroup: ie } = B, De = P({
-  name: "VftDropdown",
-  components: {
-    VftButton: B,
-    VftButtonGroup: ie,
-    VftScrollbar: Y,
-    DropdownCollection: ne,
-    VftTooltip: W,
-    RovingFocusGroup: Q,
-    VftOnlyChild: X,
-    VftIcon: q
-  },
-  props: {
-    trigger: Object,
-    effect: {
-      type: String,
-      default: "light"
-    },
-    type: {
-      type: String
-    },
-    placement: {
-      type: String,
-      default: "bottom"
-    },
-    popperOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    id: String,
-    size: {
-      type: String,
-      default: ""
-    },
-    splitButton: Boolean,
-    hideOnClick: {
-      type: Boolean,
-      default: !0
-    },
-    loop: {
-      type: Boolean,
-      default: !0
-    },
-    showTimeout: {
-      type: Number,
-      default: 150
-    },
-    hideTimeout: {
-      type: Number,
-      default: 150
-    },
-    tabindex: {
-      type: [Number, String],
-      default: 0
-    },
-    maxHeight: {
-      type: [Number, String],
-      default: ""
-    },
-    popperClass: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    role: {
-      type: String,
-      default: "menu"
-    },
-    buttonProps: {
-      type: Object
-    },
-    teleported: String
-  },
-  emits: ["visible-change", "click", "command"],
-  setup(r, { emit: u }) {
-    const I = U(), h = ee("dropdown"), i = n(), T = n(), c = n(null), l = n(null), V = n(null), p = n(null), v = n(!1), k = [m.enter, m.space, m.down], L = f(() => ({
-      maxHeight: Z(r.maxHeight)
-    })), N = f(() => [h.m(d.value)]), $ = oe().value, y = f(() => r.id || $);
-    M(
-      [i, s(r, "trigger")],
-      ([e, o], [t]) => {
-        var C, S, O;
-        const z = g(o) ? o : [o];
-        (C = t == null ? void 0 : t.$el) != null && C.removeEventListener && t.$el.removeEventListener(
-          "pointerenter",
-          a
-        ), (S = e == null ? void 0 : e.$el) != null && S.removeEventListener && e.$el.removeEventListener(
-          "pointerenter",
-          a
-        ), (O = e == null ? void 0 : e.$el) != null && O.addEventListener && z.includes("hover") && e.$el.addEventListener(
-          "pointerenter",
-          a
-        );
-      },
-      { immediate: !0 }
-    ), E(() => {
-      var e, o;
-      (o = (e = i.value) == null ? void 0 : e.$el) != null && o.removeEventListener && i.value.$el.removeEventListener(
-        "pointerenter",
-        a
-      );
-    });
-    function D() {
-      b();
-    }
-    function b() {
-      var e;
-      (e = c.value) == null || e.onClose();
-    }
-    function R() {
-      var e;
-      (e = c.value) == null || e.onOpen();
-    }
-    const d = re();
-    function F(...e) {
-      u("command", ...e);
-    }
-    function a() {
-      var e, o;
-      (o = (e = i.value) == null ? void 0 : e.$el) == null || o.focus();
-    }
-    function _() {
-    }
-    function x() {
-      const e = J(l);
-      e == null || e.focus(), p.value = null;
-    }
-    function A(e) {
-      p.value = e;
-    }
-    function H(e) {
-      v.value || (e.preventDefault(), e.stopImmediatePropagation());
-    }
-    function G() {
-      u("visible-change", !0);
-    }
-    function K(e) {
-      var o;
-      (e == null ? void 0 : e.type) === "keydown" && ((o = l.value) == null || o.focus());
-    }
-    function j() {
-      u("visible-change", !1);
-    }
-    return w(te, {
-      contentRef: l,
-      role: f(() => r.role),
-      triggerId: y,
-      isUsingKeyboard: v,
-      onItemEnter: _,
-      onItemLeave: x
-    }), w("elDropdown", {
-      instance: I,
-      dropdownSize: d,
-      handleClick: D,
-      commandHandler: F,
-      trigger: s(r, "trigger"),
-      hideOnClick: s(r, "hideOnClick")
-    }), {
-      ns: h,
-      scrollbar: V,
-      wrapStyle: L,
-      dropdownTriggerKls: N,
-      dropdownSize: d,
-      triggerId: y,
-      triggerKeys: k,
-      currentTabId: p,
-      handleCurrentTabIdChange: A,
-      handlerMainButtonClick: (e) => {
-        u("click", e);
-      },
-      handleEntryFocus: H,
-      handleClose: b,
-      handleOpen: R,
-      handleBeforeShowTooltip: G,
-      handleShowTooltip: K,
-      handleBeforeHideTooltip: j,
-      onFocusAfterTrapped: (e) => {
-        var o, t;
-        e.preventDefault(), (t = (o = l.value) == null ? void 0 : o.focus) == null || t.call(o, {
-          preventScroll: !0
-        });
-      },
-      popperRef: c,
-      contentRef: l,
-      triggeringElementRef: i,
-      referenceElementRef: T
-    };
-  }
-});
-export {
-  De as default
-};

package/es/packages/components/dropdown/useDropdown.js

@@ -1,57 +0,0 @@
-import { inject as k, computed as T, ref as l } from "vue";
-import { buildShortUUID as O, addClass as S } from "@vft/utils";
-import { EVENT_CODE as o } from "../../constants/aria.js";
-import { useNamespace as z } 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";
-const V = () => {
-  const u = k("elDropdown", {}), e = T(() => u == null ? void 0 : u.dropdownSize);
-  return {
-    elDropdown: u,
-    _elDropdownSize: e
-  };
-}, $ = (u, e, i) => {
-  const A = z("dropdown"), s = l(null), a = l(null), c = l(null), f = l(`dropdown-menu-${O()}`);
-  c.value = u == null ? void 0 : u.subTree.el;
-  function p() {
-    var t;
-    e.setAttribute("tabindex", "-1"), (t = a.value) == null || t.forEach((n) => {
-      n.setAttribute("tabindex", "-1");
-    });
-  }
-  function b(t) {
-    p(), t == null || t.setAttribute("tabindex", "0");
-  }
-  function D(t) {
-    const n = t.code;
-    [o.up, o.down].includes(n) ? (p(), b(s.value[0]), s.value[0].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? i.handleClick() : [o.tab, o.esc].includes(n) && i.hide();
-  }
-  function w(t) {
-    const n = t.code, m = t.target, d = a.value.indexOf(m), x = a.value.length - 1;
-    let r;
-    [o.up, o.down].includes(n) ? (n === o.up ? r = d !== 0 ? d - 1 : 0 : r = d < x ? d + 1 : x, p(), b(s.value[r]), s.value[r].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? (v(), m.click(), i.props.hideOnClick && i.hide()) : [o.tab, o.esc].includes(n) && (i.hide(), v());
-  }
-  function h() {
-    c.value.setAttribute("id", f.value), e.setAttribute("aria-haspopup", "list"), e.setAttribute("aria-controls", f.value), i.props.splitButton || (e.setAttribute("role", "button"), e.setAttribute("tabindex", i.props.tabindex), S(e, A.b("selfdefine")));
-  }
-  function y() {
-    var t;
-    e == null || e.addEventListener("keydown", D), (t = c.value) == null || t.addEventListener("keydown", w, !0);
-  }
-  function I() {
-    s.value = c.value.querySelectorAll(
-      "[tabindex='-1']"
-    ), a.value = Array.from(s.value), y(), h();
-  }
-  function v() {
-    e.focus();
-  }
-  I();
-};
-export {
-  $ as initDropdownDomEvent,
-  V as useDropdown
-};

package/es/packages/components/empty/empty.vue2.js

@@ -1,101 +0,0 @@
-import { defineComponent as f, getCurrentInstance as z, computed as d, openBlock as i, createElementBlock as n, normalizeClass as l, unref as e, createElementVNode as C, normalizeStyle as T, renderSlot as u, createVNode as A, createCommentVNode as N } from "vue";
-import { renderTNode as E, setSize as _, VNode as O } from "@vft/utils";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { getSizeType as S } from "../../utils/helper.js";
-import "../../utils/ns-cover.js";
-import { EmptyEnum as o } from "./constants.js";
-import D from "./assets/no-collect.png.js";
-import x from "./assets/no-data.png.js";
-import V from "./assets/no-filter.png.js";
-import $ from "./assets/no-page-data.png.js";
-import b from "./assets/no-search.png.js";
-const h = ["src"], m = (
-  /* hoist-static*/
-  k("empty")
-), v = f({
-  name: m.b()
-}), Y = /* @__PURE__ */ f({
-  ...v,
-  props: {
-    img: null,
-    type: { default: o.NO_DATA },
-    size: null,
-    desc: null
-  },
-  setup(r) {
-    const g = z(), t = (/* @__PURE__ */ new Map([
-      [
-        o.NO_COLLECT,
-        {
-          text: "暂无收藏记录",
-          img: D
-        }
-      ],
-      [
-        o.NO_PAGE_DATA,
-        {
-          text: "没有找到相关信息",
-          size: 300,
-          img: $
-        }
-      ],
-      [
-        o.NO_DATA,
-        {
-          text: "暂无数据",
-          img: x
-        }
-      ],
-      [
-        o.NO_FILTER,
-        {
-          text: "此筛选条件下无结果",
-          img: V
-        }
-      ],
-      [
-        o.NO_SEARCH,
-        {
-          text: "没有搜索结果",
-          img: b
-        }
-      ]
-    ])).get(r.type), y = d(() => r.img || (t == null ? void 0 : t.img)), c = d(() => E(g, "desc", { defaultNode: t == null ? void 0 : t.text })), a = S(r.size);
-    return (s, M) => {
-      var p;
-      return i(), n("div", {
-        class: l([e(m).b(), e(a) ? e(m).m(e(a)) : ""])
-      }, [
-        C("div", {
-          class: l(e(m).e("image")),
-          style: T(e(a) ? {} : e(_)(((p = e(t)) == null ? void 0 : p.size) || r.size))
-        }, [
-          s.$slots.img ? u(s.$slots, "img", { key: 0 }) : (i(), n("img", {
-            key: 1,
-            src: e(y),
-            alt: ""
-          }, null, 8, h))
-        ], 6),
-        e(c) ? (i(), n("span", {
-          key: 0,
-          class: l(e(m).e("desc"))
-        }, [
-          A(e(O), { content: e(c) }, null, 8, ["content"])
-        ], 2)) : N("", !0),
-        s.$slots.default ? (i(), n("div", {
-          key: 1,
-          class: l(e(m).e("bottom"))
-        }, [
-          u(s.$slots, "default")
-        ], 2)) : N("", !0)
-      ], 2);
-    };
-  }
-});
-export {
-  Y as default
-};

package/es/packages/components/focus-trap/focus-trap.vue.js

@@ -1,10 +0,0 @@
-import r from "./focus-trap.vue2.js";
-import { renderSlot as e } from "vue";
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-function n(o, s, f, p, a, d) {
-  return e(o.$slots, "default", { handleKeydown: o.onKeydown });
-}
-const u = /* @__PURE__ */ t(r, [["render", n]]);
-export {
-  u as default
-};

package/es/packages/components/footer-layout/footer-layout.vue2.js

@@ -1,50 +0,0 @@
-import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as d, createElementVNode as l, renderSlot as r } from "vue";
-import { generateCssVars as p, isNullOrUndefined as u, addUnit as y } from "@vft/utils";
-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 "../../utils/ns-cover.js";
-const t = (
-  /* hoist-static*/
-  v("footer-layout")
-), g = a({
-  name: t.b()
-}), B = /* @__PURE__ */ a({
-  ...g,
-  props: {
-    leftDistance: null
-  },
-  setup(n) {
-    const i = m(() => p(
-      u(n.leftDistance) ? {} : {
-        left: y(n.leftDistance)
-      },
-      "layout-footer"
-    ));
-    return (s, h) => (c(), f("div", {
-      class: o(e(t).b()),
-      style: d(e(i))
-    }, [
-      l("div", {
-        class: o(e(t).e("left"))
-      }, [
-        r(s.$slots, "left")
-      ], 2),
-      l("div", {
-        class: o(e(t).e("center"))
-      }, [
-        r(s.$slots, "default")
-      ], 2),
-      l("div", {
-        class: o(e(t).e("right"))
-      }, [
-        r(s.$slots, "right")
-      ], 2)
-    ], 6));
-  }
-});
-export {
-  B as default
-};