vft 0.0.48 → 0.0.50

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

@@ -0,0 +1,218 @@
+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/index.js

@@ -0,0 +1,28 @@
+import { withInstall as p, withNoopInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./dropdown.vue.js";
+import t from "./dropdown-item.vue.js";
+import r from "./dropdown-menu.vue.js";
+import { default as x } from "./dropdown-item-impl.vue.js";
+import { DROPDOWN_INJECTION_KEY as h } from "./tokens.js";
+import { VftCollection as N, VftCollectionItem as y } from "./types.js";
+import { OnlyChild as M } from "../slot/only-child.js";
+const I = p(m, {
+  DropdownItem: t,
+  DropdownMenu: r
+}), a = o(t), V = o(r);
+export {
+  h as DROPDOWN_INJECTION_KEY,
+  I as VftDropdown,
+  N as VftDropdownCollection,
+  y as VftDropdownCollectionItem,
+  a as VftDropdownItem,
+  x as VftDropdownItemImpl,
+  V as VftDropdownMenu,
+  M as VftOnlyChild,
+  I as default
+};

package/es/packages/components/dropdown/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-dropdown.css";

package/es/packages/components/dropdown/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/dropdown.scss";

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

@@ -0,0 +1,4 @@
+const o = Symbol("vftDropdown");
+export {
+  o as DROPDOWN_INJECTION_KEY
+};

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

@@ -0,0 +1,21 @@
+import { EVENT_CODE as o } from "@vft/constants";
+import { createCollectionWithScope as E } from "../collection/collection.js";
+const I = [
+  o.down,
+  o.pageDown,
+  o.home
+], O = [o.up, o.pageUp, o.end], t = [...I, ...O], {
+  VftCollection: N,
+  VftCollectionItem: T,
+  COLLECTION_INJECTION_KEY: e,
+  COLLECTION_ITEM_INJECTION_KEY: n
+} = E("Dropdown");
+export {
+  e as DROPDOWN_COLLECTION_INJECTION_KEY,
+  n as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,
+  I as FIRST_KEYS,
+  t as FIRST_LAST_KEYS,
+  O as LAST_KEYS,
+  N as VftCollection,
+  T as VftCollectionItem
+};

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

@@ -0,0 +1,57 @@
+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/dropdown-item/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-dropdown-item.css";

package/es/packages/components/dropdown-item/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/dropdown-item.scss";

package/es/packages/components/dropdown-menu/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-dropdown-menu.css";

package/es/packages/components/dropdown-menu/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/dropdown-menu.scss";

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

@@ -0,0 +1,14 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./empty.vue2.js";
+import { EmptyEnum as E } from "./constants.js";
+const s = t(m);
+export {
+  E as EmptyEnum,
+  s as VftEmpty,
+  s as default
+};

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

@@ -0,0 +1,49 @@
+import { defineComponent as f, openBlock as i, createBlock as a, unref as t, withCtx as c, createElementBlock as s, createCommentVNode as p } from "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import { generateCssVars as y } from "../../utils/ns-cover.js";
+import { useRouter as k } from "vue-router";
+import { useRouterHelper as x } from "@vft/router";
+import { useTabs as C } from "@vft/store";
+import { VftResult as R } from "../result/index.js";
+import d from "./exception.png.js";
+const P = /* @__PURE__ */ f({
+  __name: "exception",
+  props: {
+    title: { default: "页面打不开？刷新下试试" },
+    showRefresh: { type: Boolean, default: !0 },
+    showHome: { type: Boolean }
+  },
+  setup(o) {
+    const l = k(), { goRoot: n } = x(l), { refreshPage: m } = C(), u = {
+      ...y({
+        "title-font-size": "16px"
+      }, "result")
+    };
+    return (h, e) => (i(), a(t(R), {
+      title: o.title,
+      icon: { icon: t(d), size: 350 },
+      style: u
+    }, {
+      extra: c(() => [
+        o.showHome ? (i(), s("button", {
+          key: 0,
+          type: "primary",
+          onClick: e[0] || (e[0] = //@ts-ignore
+          (...r) => t(n) && t(n)(...r))
+        }, "返回主页")) : p("", !0),
+        o.showRefresh ? (i(), s("button", {
+          key: 1,
+          type: "primary",
+          onClick: e[1] || (e[1] = //@ts-ignore
+          (...r) => t(m) && t(m)(...r))
+        }, "刷新页面")) : p("", !0)
+      ]),
+      _: 1
+    }, 8, ["title", "icon"]));
+  }
+});
+export {
+  P as default
+};

package/es/packages/components/exception/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./exception.vue2.js";
+const s = t(o);
+export {
+  s as VftException,
+  s as default
+};

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

@@ -0,0 +1,10 @@
+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/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./footer-layout.vue2.js";
+const e = t(o);
+export {
+  e as VftFooterLayout,
+  e as default
+};