vft 0.0.48 → 0.0.50

package/es/packages/components/descriptions/description.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as i, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
+import "@vft/utils";
+import { flattedChildren as L } from "../../utils/vue/vnode.js";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import T from "./descriptions-row.vue2.js";
+import { descriptionsKey as j } from "./token.js";
+const o = (
+  /* hoist-static*/
+  R("descriptions")
+), q = N({
+  name: o.b()
+}), Y = /* @__PURE__ */ N({
+  ...q,
+  props: {
+    border: { type: Boolean, default: !1 },
+    column: { default: 3 },
+    direction: { default: "horizontal" },
+    size: null,
+    title: null,
+    extra: null
+  },
+  setup(s) {
+    const f = E(), S = w();
+    z(j, S.props);
+    const $ = V(() => [o.b(), o.m("small")]), h = (t, a, e, l = !1) => (t.props || (t.props = {}), a > e && (t.props.span = e), l && (t.props.span = a), t), x = () => {
+      var y;
+      const t = L((y = f.default) == null ? void 0 : y.call(f)).filter(
+        (r) => {
+          var c;
+          return ((c = r == null ? void 0 : r.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
+        }
+      ), a = [];
+      let e = [], l = s.column, b = 0;
+      return t.forEach((r, c) => {
+        var g;
+        const m = ((g = r == null ? void 0 : r.props) == null ? void 0 : g.span) || 1;
+        if (c < t.length - 1 && (b += m > l ? l : m), c === t.length - 1) {
+          const B = s.column - b % s.column;
+          e.push(h(r, B, l, !0)), a.push(e);
+          return;
+        }
+        m < l ? (l -= m, e.push(r)) : (e.push(h(r, m, l)), a.push(e), l = s.column, e = []);
+      }), a;
+    };
+    return (t, a) => (p(), d("div", {
+      class: n(i($))
+    }, [
+      s.title || s.extra || t.$slots.title || t.$slots.extra ? (p(), d("div", {
+        key: 0,
+        class: n(i(o).e("header"))
+      }, [
+        u("div", {
+          class: n(i(o).e("title"))
+        }, [
+          v(t.$slots, "title", {}, () => [
+            k(C(s.title), 1)
+          ])
+        ], 2),
+        u("div", {
+          class: n(i(o).e("extra"))
+        }, [
+          v(t.$slots, "extra", {}, () => [
+            k(C(s.extra), 1)
+          ])
+        ], 2)
+      ], 2)) : D("", !0),
+      u("div", {
+        class: n(i(o).e("body"))
+      }, [
+        u("table", {
+          class: n([i(o).e("table"), i(o).is("bordered", s.border)])
+        }, [
+          u("tbody", null, [
+            (p(!0), d(I, null, K(x(), (e, l) => (p(), F(T, {
+              key: l,
+              row: e
+            }, null, 8, ["row"]))), 128))
+          ])
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  Y as default
+};

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

@@ -0,0 +1,16 @@
+import { withInstall as o, withNoopInstall as i } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./description.vue2.js";
+import t from "./description-item.vue2.js";
+const l = o(m, {
+  DescriptionsItem: t
+}), I = i(t);
+export {
+  l as VftDescriptions,
+  I as VftDescriptionsItem,
+  l as default
+};

package/es/packages/components/divider/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 i from "./divider.vue2.js";
+const e = t(i);
+export {
+  e as VftDivider,
+  e as default
+};

package/es/packages/components/docs-layout/style/css.js

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

package/es/packages/components/docs-layout/style/index.js

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

package/es/packages/components/dropdown/dropdown-item-impl.vue.js

@@ -0,0 +1,33 @@
+import t from "./dropdown-item-impl.vue2.js";
+import { resolveComponent as m, openBlock as r, createElementBlock as d, Fragment as a, mergeProps as i, createCommentVNode as l, createElementVNode as p, withModifiers as u, createBlock as f, normalizeProps as b, renderSlot as $ } from "vue";
+import v from "../../../_virtual/_plugin-vue_export-helper.js";
+const w = ["aria-disabled", "tabindex", "role"];
+function k(e, o, y, F, M, P) {
+  const s = m("vft-icon");
+  return r(), d(a, null, [
+    e.divided ? (r(), d("li", i({
+      key: 0,
+      role: "separator",
+      class: e.ns.bem("menu", "item", "divided")
+    }, e.$attrs), null, 16)) : l("", !0),
+    p("li", i({ ref: e.itemRef }, { ...e.dataset, ...e.$attrs }, {
+      "aria-disabled": e.disabled,
+      class: [e.ns.be("menu", "item"), e.ns.is("disabled", e.disabled)],
+      tabindex: e.tabIndex,
+      role: e.role,
+      onClick: o[0] || (o[0] = (n) => e.$emit("clickimpl", n)),
+      onFocus: o[1] || (o[1] = (...n) => e.handleFocus && e.handleFocus(...n)),
+      onKeydown: o[2] || (o[2] = u((...n) => e.handleKeydown && e.handleKeydown(...n), ["self"])),
+      onMousedown: o[3] || (o[3] = (...n) => e.handleMousedown && e.handleMousedown(...n)),
+      onPointermove: o[4] || (o[4] = (n) => e.$emit("pointermove", n)),
+      onPointerleave: o[5] || (o[5] = (n) => e.$emit("pointerleave", n))
+    }), [
+      e.icon ? (r(), f(s, b(i({ key: 0 }, e.icon)), null, 16)) : l("", !0),
+      $(e.$slots, "default")
+    ], 16, w)
+  ], 64);
+}
+const K = /* @__PURE__ */ v(t, [["render", k]]);
+export {
+  K as default
+};

package/es/packages/components/dropdown/dropdown-item-impl.vue2.js

@@ -0,0 +1,75 @@
+import { defineComponent as O, inject as e, computed as u } from "vue";
+import "../roving-focus-group/roving-focus-group.vue2.js";
+import "../roving-focus-group/roving-focus-item.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as N } from "../roving-focus-group/types.js";
+import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as C } from "../roving-focus-group/tokens.js";
+import { EVENT_CODE as r } from "../../constants/aria.js";
+import { COLLECTION_ITEM_SIGN as T } from "../collection/collection.js";
+import { VftIcon as v } from "../icon/index.js";
+import { useNamespace as R } 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 { composeRefs as L } from "../../utils/vue/refs.js";
+import { composeEventHandlers as K } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as g } from "./types.js";
+import { DROPDOWN_INJECTION_KEY as w } from "./tokens.js";
+const z = O({
+  name: "DropdownItemImpl",
+  components: {
+    VftIcon: v
+  },
+  props: {
+    command: {
+      type: [Object, String, Number],
+      default: () => ({})
+    },
+    disabled: Boolean,
+    divided: Boolean,
+    textValue: String,
+    icon: String
+  },
+  emits: ["pointermove", "pointerleave", "click", "clickimpl"],
+  setup(D, { emit: m }) {
+    const i = R("dropdown"), { role: t } = e(w, void 0), { collectionItemRef: p } = e(
+      g,
+      void 0
+    ), { collectionItemRef: c } = e(
+      N,
+      void 0
+    ), {
+      rovingFocusGroupItemRef: I,
+      tabIndex: l,
+      handleFocus: s,
+      handleKeydown: a,
+      handleMousedown: d
+    } = e(C, void 0), _ = L(
+      p,
+      c,
+      I
+    ), f = u(() => t.value === "menu" ? "menuitem" : t.value === "navigation" ? "link" : "button"), E = K((o) => {
+      const { code: n } = o;
+      if (n === r.enter || n === r.space)
+        return o.preventDefault(), o.stopImmediatePropagation(), m("clickimpl", o), !0;
+    }, a);
+    return {
+      ns: i,
+      itemRef: _,
+      dataset: {
+        [T]: ""
+      },
+      role: f,
+      tabIndex: l,
+      handleFocus: s,
+      handleKeydown: E,
+      handleMousedown: d
+    };
+  }
+});
+export {
+  z as default
+};

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

@@ -0,0 +1,35 @@
+import d from "./dropdown-item.vue2.js";
+import { resolveComponent as o, openBlock as a, createBlock as p, withCtx as n, createVNode as t, mergeProps as m, renderSlot as s } from "vue";
+import c from "../../../_virtual/_plugin-vue_export-helper.js";
+function f(e, u, _, v, P, b) {
+  const r = o("dropdown-item-impl"), l = o("roving-focus-item"), i = o("dropdown-collection-item");
+  return a(), p(i, {
+    disabled: e.disabled,
+    "text-value": e.textValue ?? e.textContent
+  }, {
+    default: n(() => [
+      t(l, {
+        focusable: !e.disabled
+      }, {
+        default: n(() => [
+          t(r, m(e.propsAndAttrs, {
+            onPointerleave: e.handlePointerLeave,
+            onPointermove: e.handlePointerMove,
+            onClickimpl: e.handleClick
+          }), {
+            default: n(() => [
+              s(e.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
+        ]),
+        _: 3
+      }, 8, ["focusable"])
+    ]),
+    _: 3
+  }, 8, ["disabled", "text-value"]);
+}
+const k = /* @__PURE__ */ c(d, [["render", f]]);
+export {
+  k as default
+};

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

@@ -0,0 +1,81 @@
+import { defineComponent as b, getCurrentInstance as g, ref as k, computed as d, unref as E, inject as O } from "vue";
+import "../roving-focus-group/roving-focus-group.vue2.js";
+import _ from "../roving-focus-group/roving-focus-item.vue.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import "../roving-focus-group/types.js";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import { composeEventHandlers as i, whenMouse as l } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import x from "./dropdown-item-impl.vue.js";
+import { useDropdown as N } from "./useDropdown.js";
+import { VftCollectionItem as y } from "./types.js";
+import { DROPDOWN_INJECTION_KEY as A } from "./tokens.js";
+const W = b({
+  name: "VftDropdownItem",
+  components: {
+    DropdownCollectionItem: y,
+    RovingFocusItem: _,
+    DropdownItemImpl: x
+  },
+  inheritAttrs: !1,
+  props: {
+    command: {
+      type: [Object, String, Number],
+      default: () => ({})
+    },
+    disabled: Boolean,
+    divided: Boolean,
+    textValue: String,
+    icon: String
+  },
+  emits: ["pointermove", "pointerleave", "click"],
+  setup(o, { emit: r, attrs: s }) {
+    const { elDropdown: e } = N(), u = g(), f = k(null), p = d(() => {
+      var t;
+      return ((t = E(f)) == null ? void 0 : t.textContent) ?? "";
+    }), { onItemEnter: v, onItemLeave: m } = O(
+      A,
+      void 0
+    ), I = i(
+      (t) => (r("pointermove", t), t.defaultPrevented),
+      l((t) => {
+        if (o.disabled) {
+          m(t);
+          return;
+        }
+        const n = t.currentTarget;
+        n === document.activeElement || n.contains(document.activeElement) || (v(t), t.defaultPrevented || n == null || n.focus());
+      })
+    ), C = i(
+      (t) => (r("pointerleave", t), t.defaultPrevented),
+      l((t) => {
+        m(t);
+      })
+    ), P = i(
+      (t) => {
+        if (!o.disabled)
+          return r("click", t), t.type !== "keydown" && t.defaultPrevented;
+      },
+      (t) => {
+        var n, c, a;
+        if (o.disabled) {
+          t.stopImmediatePropagation();
+          return;
+        }
+        (n = e == null ? void 0 : e.hideOnClick) != null && n.value && ((c = e.handleClick) == null || c.call(e)), (a = e.commandHandler) == null || a.call(e, o.command, u, t);
+      }
+    ), h = d(() => ({ ...o, ...s }));
+    return {
+      handleClick: P,
+      handlePointerMove: I,
+      handlePointerLeave: C,
+      textContent: p,
+      propsAndAttrs: h
+    };
+  }
+});
+export {
+  W as default
+};

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

@@ -0,0 +1,24 @@
+import l from "./dropdown-menu.vue2.js";
+import { openBlock as s, createElementBlock as d, normalizeClass as i, normalizeStyle as u, withModifiers as n, renderSlot as p } from "vue";
+import a from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["role", "aria-labelledby"];
+function t(o, e, m, w, y, b) {
+  return s(), d("ul", {
+    ref: o.dropdownListWrapperRef,
+    class: i(o.dropdownKls),
+    style: u(o.rovingFocusGroupRootStyle),
+    tabindex: -1,
+    role: o.role,
+    "aria-labelledby": o.triggerId,
+    onBlur: e[0] || (e[0] = (...r) => o.onBlur && o.onBlur(...r)),
+    onFocus: e[1] || (e[1] = (...r) => o.onFocus && o.onFocus(...r)),
+    onKeydown: e[2] || (e[2] = n((...r) => o.handleKeydown && o.handleKeydown(...r), ["self"])),
+    onMousedown: e[3] || (e[3] = n((...r) => o.onMousedown && o.onMousedown(...r), ["self"]))
+  }, [
+    p(o.$slots, "default")
+  ], 46, f);
+}
+const F = /* @__PURE__ */ a(l, [["render", t]]);
+export {
+  F as default
+};

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

@@ -0,0 +1,93 @@
+import { defineComponent as F, inject as t, computed as S, unref as D } from "vue";
+import "@vft/utils";
+import { composeRefs as Y } from "../../utils/vue/refs.js";
+import "lodash";
+import "@vueuse/core";
+import { composeEventHandlers as y } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import { EVENT_CODE as J } from "../../constants/aria.js";
+import "../focus-trap/focus-trap.vue2.js";
+import { FOCUS_TRAP_INJECTION_KEY as G } from "../focus-trap/tokens.js";
+import "../focus-trap/utils.js";
+import "../roving-focus-group/roving-focus-group.vue2.js";
+import "../roving-focus-group/roving-focus-item.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as b } from "../roving-focus-group/types.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as P } from "../roving-focus-group/tokens.js";
+import { focusFirst as U } from "../roving-focus-group/utils.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { DROPDOWN_INJECTION_KEY as A } from "./tokens.js";
+import { DROPDOWN_COLLECTION_INJECTION_KEY as W, FIRST_LAST_KEYS as h, LAST_KEYS as x } from "./types.js";
+import { useDropdown as M } from "./useDropdown.js";
+const Io = F({
+  name: "VftDropdownMenu",
+  props: {
+    onKeydown: {
+      type: Function
+    }
+  },
+  setup(n) {
+    const s = V("dropdown"), { _elDropdownSize: f } = M(), e = f.value, { focusTrapRef: u, onKeydown: a } = t(
+      G,
+      void 0
+    ), { contentRef: p, role: _, triggerId: O } = t(
+      A,
+      void 0
+    ), { collectionRef: I, getItems: l } = t(
+      W,
+      void 0
+    ), {
+      rovingFocusGroupRef: E,
+      rovingFocusGroupRootStyle: N,
+      tabIndex: C,
+      onBlur: T,
+      onFocus: R,
+      onMousedown: K
+    } = t(P, void 0), { collectionRef: w } = t(
+      b,
+      void 0
+    ), v = S(() => [s.b("menu"), s.bm("menu", e == null ? void 0 : e.value)]), L = Y(
+      p,
+      I,
+      u,
+      E,
+      w
+    ), g = y(
+      (o) => {
+        var r;
+        (r = n.onKeydown) == null || r.call(n, o);
+      },
+      (o) => {
+        const { currentTarget: r, code: i, target: c } = o;
+        if (r.contains(
+          c
+        ), J.tab === i && o.stopImmediatePropagation(), o.preventDefault(), c !== D(p) || !h.includes(i))
+          return;
+        const d = l().filter(
+          (m) => !m.disabled
+        ).map((m) => m.ref);
+        x.includes(i) && d.reverse(), U(d);
+      }
+    );
+    return {
+      size: e,
+      rovingFocusGroupRootStyle: N,
+      tabIndex: C,
+      dropdownKls: v,
+      role: _,
+      triggerId: O,
+      dropdownListWrapperRef: L,
+      handleKeydown: (o) => {
+        g(o), a(o);
+      },
+      onBlur: T,
+      onFocus: R,
+      onMousedown: K
+    };
+  }
+});
+export {
+  Io as default
+};

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

@@ -0,0 +1,129 @@
+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
+};