vft 0.0.48 → 0.0.50

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

@@ -0,0 +1,116 @@
+import { defineComponent as l, getCurrentInstance as d, useSlots as f, computed as v, h as o } from "vue";
+import { singleAttrToObj as _, renderTNode as b } from "@vft/utils";
+import { useNamespace as x } 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";
+import "../divider/index.js";
+import { VftIcon as C } from "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "./index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import "../popover/index.js";
+import "../menu/index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/router";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+const i = (
+  /* hoist-static*/
+  x("result")
+), I = l({
+  name: i.b()
+}), Et = /* @__PURE__ */ l({
+  ...I,
+  props: {
+    title: null,
+    subTitle: null,
+    icon: null
+  },
+  setup(s) {
+    var e, n;
+    const u = d(), t = f(), m = v(() => _(s.icon, "icon")), a = (e = m.value) != null && e.icon ? o("div", {
+      class: i.e("icon")
+    }, [o(C, { ...m.value })]) : (n = t.default) == null ? void 0 : n.call(t), p = (r) => {
+      const c = b(u, r);
+      return c ? o(
+        "div",
+        {
+          class: i.e(r)
+        },
+        [o("p", {}, { default: () => c })]
+      ) : null;
+    };
+    return () => o(
+      "div",
+      { class: i.b() },
+      {
+        default: () => [
+          a,
+          p("title"),
+          p("sub-title"),
+          t.extra ? o("div", { class: i.e("extra") }, { default: () => {
+            var r;
+            return (r = t.extra) == null ? void 0 : r.call(t);
+          } }) : null
+        ]
+      }
+    );
+  }
+});
+export {
+  Et as default
+};

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

package/es/packages/components/roving-focus-group/index.js

@@ -0,0 +1,23 @@
+import t from "./roving-focus-group.vue.js";
+import { default as I } from "./roving-focus-item.vue.js";
+import { default as C } from "./roving-focus-group-impl.vue.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as _, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as l, VftCollection as N, VftCollectionItem as c, VftCollection as s, VftCollectionItem as u } from "./types.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as i, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as m } from "./tokens.js";
+import { focusFirst as E, getFocusIntent as p, reorderArray as F } from "./utils.js";
+export {
+  _ as ROVING_FOCUS_COLLECTION_INJECTION_KEY,
+  i as ROVING_FOCUS_GROUP_INJECTION_KEY,
+  m as ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,
+  l as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,
+  N as VftCollection,
+  c as VftCollectionItem,
+  s as VftFocusGroupCollection,
+  u as VftRovingFocusCollectionItem,
+  t as VftRovingFocusGroup,
+  C as VftRovingFocusGroupImpl,
+  I as VftRovingFocusItem,
+  t as default,
+  E as focusFirst,
+  p as getFocusIntent,
+  F as reorderArray
+};

package/es/packages/components/roving-focus-group/roving-focus-group-impl.vue.js

@@ -0,0 +1,10 @@
+import r from "./roving-focus-group-impl.vue2.js";
+import { renderSlot as t } from "vue";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+function p(o, s, n, f, c, m) {
+  return t(o.$slots, "default");
+}
+const _ = /* @__PURE__ */ e(r, [["render", p]]);
+export {
+  _ as default
+};

package/es/packages/components/roving-focus-group/roving-focus-group-impl.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent as V, ref as u, inject as w, computed as v, provide as L, readonly as U, toRef as d, unref as i, watch as A } from "vue";
+import { useEventListener as K } from "@vueuse/core";
+import "@vft/utils";
+import "lodash";
+import { composeEventHandlers as f } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as Y } from "./types.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as J } from "./tokens.js";
+import { focusFirst as M } from "./utils.js";
+const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles: !1, cancelable: !0 }, Z = V({
+  name: "VftRovingFocusGroupImpl",
+  inheritAttrs: !1,
+  props: {
+    style: { type: [String, Array, Object] },
+    currentTabId: {
+      type: String
+    },
+    defaultCurrentTabId: String,
+    loop: Boolean,
+    dir: {
+      type: String,
+      // left for direction support
+      values: ["ltr", "rtl"],
+      default: "ltr"
+    },
+    orientation: {
+      // left for orientation support
+      type: String
+    },
+    onBlur: Function,
+    onFocus: Function,
+    onMousedown: Function
+  },
+  emits: [E, "entryFocus"],
+  setup(t, { emit: m }) {
+    const a = u(
+      (t.currentTabId || t.defaultCurrentTabId) ?? null
+    ), c = u(!1), s = u(!1), I = u(null), { getItems: b } = w(
+      Y,
+      void 0
+    ), _ = v(() => [
+      {
+        outline: "none"
+      },
+      t.style
+    ]), C = (n) => {
+      m(E, n);
+    }, O = () => {
+      c.value = !0;
+    }, y = f(
+      (n) => {
+        var e;
+        (e = t.onMousedown) == null || e.call(t, n);
+      },
+      () => {
+        s.value = !0;
+      }
+    ), N = f(
+      (n) => {
+        var e;
+        (e = t.onFocus) == null || e.call(t, n);
+      },
+      (n) => {
+        const e = !i(s), { target: R, currentTarget: r } = n;
+        if (R === r && e && !i(c)) {
+          const F = new Event(T, P);
+          if (r == null || r.dispatchEvent(F), !F.defaultPrevented) {
+            const l = b().filter((o) => o.focusable), G = l.find((o) => o.active), B = l.find(
+              (o) => o.id === i(a)
+            ), h = [G, B, ...l].filter(
+              Boolean
+            ).map((o) => o.ref);
+            M(h);
+          }
+        }
+        s.value = !1;
+      }
+    ), g = f(
+      (n) => {
+        var e;
+        (e = t.onBlur) == null || e.call(t, n);
+      },
+      () => {
+        c.value = !1;
+      }
+    ), S = (...n) => {
+      m("entryFocus", ...n);
+    };
+    L(J, {
+      currentTabbedId: U(a),
+      loop: d(t, "loop"),
+      tabIndex: v(() => i(c) ? -1 : 0),
+      rovingFocusGroupRef: I,
+      rovingFocusGroupRootStyle: _,
+      orientation: d(t, "orientation"),
+      dir: d(t, "dir"),
+      onItemFocus: C,
+      onItemShiftTab: O,
+      onBlur: g,
+      onFocus: N,
+      onMousedown: y
+    }), A(
+      () => t.currentTabId,
+      (n) => {
+        a.value = n ?? null;
+      }
+    ), K(I, T, S);
+  }
+});
+export {
+  Z as default
+};

package/es/packages/components/roving-focus-group/roving-focus-group.vue.js

@@ -0,0 +1,21 @@
+import c from "./roving-focus-group.vue2.js";
+import { resolveComponent as r, openBlock as p, createBlock as s, withCtx as e, createVNode as u, normalizeProps as l, guardReactiveProps as _, renderSlot as f } from "vue";
+import i from "../../../_virtual/_plugin-vue_export-helper.js";
+function a(o, m, d, g, $, v) {
+  const t = r("roving-focus-group-impl"), n = r("focus-group-collection");
+  return p(), s(n, null, {
+    default: e(() => [
+      u(t, l(_(o.$attrs)), {
+        default: e(() => [
+          f(o.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  });
+}
+const B = /* @__PURE__ */ i(c, [["render", a]]);
+export {
+  B as default
+};

package/es/packages/components/roving-focus-group/roving-focus-group.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as o } from "vue";
+import n from "./roving-focus-group-impl.vue.js";
+import { VftCollection as t } from "./types.js";
+const e = o({
+  name: "VftRovingFocusGroup",
+  components: {
+    FocusGroupCollection: t,
+    RovingFocusGroupImpl: n
+  }
+});
+export {
+  e as default
+};

package/es/packages/components/roving-focus-group/roving-focus-item.vue.js

@@ -0,0 +1,20 @@
+import t from "./roving-focus-item.vue2.js";
+import { resolveComponent as c, openBlock as r, createBlock as i, withCtx as n, renderSlot as s } from "vue";
+import a from "../../../_virtual/_plugin-vue_export-helper.js";
+function f(o, l, m, p, u, d) {
+  const e = c("roving-focus-collection-item");
+  return r(), i(e, {
+    id: o.id,
+    focusable: o.focusable,
+    active: o.active
+  }, {
+    default: n(() => [
+      s(o.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["id", "focusable", "active"]);
+}
+const b = /* @__PURE__ */ a(t, [["render", f]]);
+export {
+  b as default
+};

package/es/packages/components/roving-focus-group/roving-focus-item.vue2.js

@@ -0,0 +1,104 @@
+import { defineComponent as y, inject as l, ref as w, computed as d, unref as n, provide as R, nextTick as g } from "vue";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useId as h } from "../../hooks/use-id/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { composeEventHandlers as i } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import { EVENT_CODE as k } from "../../constants/aria.js";
+import { VftCollectionItem as x, ROVING_FOCUS_COLLECTION_INJECTION_KEY as G } from "./types.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as K, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as U } from "./tokens.js";
+import { getFocusIntent as V, reorderArray as J, focusFirst as L } from "./utils.js";
+const $ = y({
+  components: {
+    RovingFocusCollectionItem: x
+  },
+  props: {
+    focusable: {
+      type: Boolean,
+      default: !0
+    },
+    active: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["mousedown", "focus", "keydown"],
+  setup(I, { emit: s }) {
+    const { currentTabbedId: O, loop: _, onItemFocus: m, onItemShiftTab: C } = l(
+      K,
+      void 0
+    ), { getItems: v } = l(
+      G,
+      void 0
+    ), r = h(), E = w(null), a = i(
+      (e) => {
+        s("mousedown", e);
+      },
+      (e) => {
+        I.focusable ? m(n(r)) : e.preventDefault();
+      }
+    ), f = i(
+      (e) => {
+        s("focus", e);
+      },
+      () => {
+        m(n(r));
+      }
+    ), u = i(
+      (e) => {
+        s("keydown", e);
+      },
+      (e) => {
+        const { key: T, shiftKey: b, target: F, currentTarget: p } = e;
+        if (T === k.tab && b) {
+          C();
+          return;
+        }
+        if (F !== p)
+          return;
+        const c = V(e);
+        if (c) {
+          e.preventDefault();
+          let o = v().filter(
+            (t) => t.focusable
+          ).map((t) => t.ref);
+          switch (c) {
+            case "last": {
+              o.reverse();
+              break;
+            }
+            case "prev":
+            case "next": {
+              c === "prev" && o.reverse();
+              const t = o.indexOf(p);
+              o = _.value ? J(o, t + 1) : o.slice(t + 1);
+              break;
+            }
+          }
+          g(() => {
+            L(o);
+          });
+        }
+      }
+    ), N = d(() => O.value === n(r));
+    return R(U, {
+      rovingFocusGroupItemRef: E,
+      tabIndex: d(() => n(N) ? 0 : -1),
+      handleMousedown: a,
+      handleFocus: f,
+      handleKeydown: u
+    }), {
+      id: r,
+      handleKeydown: u,
+      handleFocus: f,
+      handleMousedown: a
+    };
+  }
+});
+export {
+  $ as default
+};

package/es/packages/components/roving-focus-group/tokens.js

@@ -0,0 +1,5 @@
+const o = Symbol("vftRovingFocusGroup"), _ = Symbol("vftRovingFocusGroupItem");
+export {
+  o as ROVING_FOCUS_GROUP_INJECTION_KEY,
+  _ as ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY
+};

package/es/packages/components/roving-focus-group/types.js

@@ -0,0 +1,13 @@
+import { createCollectionWithScope as C } from "../collection/collection.js";
+const {
+  VftCollection: O,
+  VftCollectionItem: o,
+  COLLECTION_INJECTION_KEY: E,
+  COLLECTION_ITEM_INJECTION_KEY: N
+} = C("RovingFocusGroup");
+export {
+  E as ROVING_FOCUS_COLLECTION_INJECTION_KEY,
+  N as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,
+  O as VftCollection,
+  o as VftCollectionItem
+};

package/es/packages/components/roving-focus-group/utils.js

@@ -0,0 +1,36 @@
+import { EVENT_CODE as r } from "../../constants/aria.js";
+const c = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+}, i = (t, e) => {
+  if (e !== "rtl")
+    return t;
+  switch (t) {
+    case r.right:
+      return r.left;
+    case r.left:
+      return r.right;
+    default:
+      return t;
+  }
+}, u = (t, e, n) => {
+  const o = i(t.key, n);
+  if (!(e === "vertical" && [r.left, r.right].includes(o)) && !(e === "horizontal" && [r.up, r.down].includes(o)))
+    return c[o];
+}, f = (t, e) => t.map((n, o) => t[(o + e) % t.length]), l = (t) => {
+  const { activeElement: e } = document;
+  for (const n of t)
+    if (n === e || (n.focus(), e !== document.activeElement))
+      return;
+};
+export {
+  l as focusFirst,
+  u as getFocusIntent,
+  f as reorderArray
+};

package/es/packages/components/scrollbar/bar.vue.js

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

package/es/packages/components/scrollbar/bar.vue2.js

@@ -0,0 +1,41 @@
+import { defineComponent as u, ref as n, openBlock as h, createElementBlock as d, Fragment as v, createVNode as r } from "vue";
+import { GAP as s } from "./util.js";
+import c from "./thumb.vue2.js";
+const X = /* @__PURE__ */ u({
+  __name: "bar",
+  props: {
+    always: { type: Boolean, default: !0 },
+    width: null,
+    height: null,
+    ratioX: { default: 1 },
+    ratioY: { default: 1 }
+  },
+  setup(e, { expose: f }) {
+    const o = e, a = n(0), l = n(0);
+    return f({
+      handleScroll: (t) => {
+        if (t) {
+          const i = t.offsetHeight - s, m = t.offsetWidth - s;
+          l.value = t.scrollTop * 100 / i * o.ratioY, a.value = t.scrollLeft * 100 / m * o.ratioX;
+        }
+      }
+    }), (t, i) => (h(), d(v, null, [
+      r(c, {
+        move: a.value,
+        ratio: e.ratioX,
+        size: e.width,
+        always: e.always
+      }, null, 8, ["move", "ratio", "size", "always"]),
+      r(c, {
+        move: l.value,
+        ratio: e.ratioY,
+        size: e.height,
+        vertical: "",
+        always: e.always
+      }, null, 8, ["move", "ratio", "size", "always"])
+    ], 64));
+  }
+});
+export {
+  X as default
+};

package/es/packages/components/scrollbar/constants.js

@@ -0,0 +1,6 @@
+const o = Symbol(
+  "scrollbarContextKey"
+);
+export {
+  o as scrollbarContextKey
+};

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

@@ -0,0 +1,21 @@
+import { withInstall as r } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./scrollbar.vue2.js";
+import { BAR_MAP as A, GAP as _, renderThumbStyle as d } from "./util.js";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { scrollbarContextKey as u } from "./constants.js";
+const c = r(o);
+export {
+  A as BAR_MAP,
+  _ as GAP,
+  c as VftScrollbar,
+  c as default,
+  d as renderThumbStyle,
+  u as scrollbarContextKey
+};

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

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