vft 0.0.43 → 0.0.44

package/es/components/divider/divider.vue2.js

@@ -0,0 +1,49 @@
+import { defineComponent as a, computed as m, openBlock as n, createElementBlock as i, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
+import { useNamespace as f } 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";
+const t = (
+  /* hoist-static*/
+  f("divider")
+), b = a({
+  name: t.b()
+}), h = /* @__PURE__ */ a({
+  ...b,
+  props: {
+    direction: { default: "horizontal" },
+    contentPosition: { default: "center" },
+    borderStyle: { default: "solid" },
+    borderColor: null,
+    marginY: null,
+    marginX: null
+  },
+  setup(e) {
+    const d = m(() => ({
+      ...t.cssVarBlock({
+        "border-style": e.borderStyle,
+        "border-color": e.borderColor,
+        "margin-y": e.marginY,
+        "margin-x": e.marginX
+      })
+    }));
+    return (o, y) => (n(), i("div", {
+      class: l([r(t).b(), r(t).m(e.direction)]),
+      style: c(r(d)),
+      role: "separator"
+    }, [
+      o.$slots.default && e.direction !== "vertical" ? (n(), i("div", {
+        key: 0,
+        class: l([r(t).e("text"), r(t).is(e.contentPosition)])
+      }, [
+        s(o.$slots, "default")
+      ], 2)) : u("", !0)
+    ], 6));
+  }
+});
+export {
+  h as default
+};

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

package/es/components/empty/empty.vue.js

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

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

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

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

package/es/components/exception/exception.vue.js

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

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

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

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

package/es/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/components/focus-trap/focus-trap.vue2.js

@@ -0,0 +1,159 @@
+import { EVENT_CODE as w } from "@vft/constants";
+import { useEscapeKeydown as j } from "@vft/use";
+import { isString as q } from "@vft/utils";
+import { isNil as x } from "lodash";
+import { defineComponent as J, ref as M, provide as Y, watch as O, unref as E, onMounted as z, onBeforeUnmount as G, nextTick as I } from "vue";
+import { ON_TRAP_FOCUS_EVT as U, ON_RELEASE_FOCUS_EVT as K, FOCUS_TRAP_INJECTION_KEY as H, FOCUS_AFTER_TRAPPED as b, FOCUS_AFTER_TRAPPED_OPTS as k, FOCUS_AFTER_RELEASED as y } from "./tokens.js";
+import { useFocusReason as Q, tryFocus as f, createFocusOutPreventedEvent as m, getEdges as W, focusableStack as N, focusFirstDescendant as X, obtainAllFocusableElements as Z, isFocusCausedByUserEvent as $ } from "./utils.js";
+const ce = J({
+  name: "VftFocusTrap",
+  inheritAttrs: !1,
+  props: {
+    loop: Boolean,
+    trapped: Boolean,
+    focusTrapEl: Object,
+    focusStartEl: {
+      type: [Object, String],
+      default: "first"
+    }
+  },
+  emits: [
+    U,
+    K,
+    "focusin",
+    "focusout",
+    "focusout-prevented",
+    "release-requested"
+  ],
+  setup(n, { emit: r }) {
+    const c = M();
+    let l, T;
+    const { focusReason: d } = Q();
+    j((e) => {
+      n.trapped && !i.paused && r("release-requested", e);
+    });
+    const i = {
+      paused: !1,
+      pause() {
+        this.paused = !0;
+      },
+      resume() {
+        this.paused = !1;
+      }
+    }, v = (e) => {
+      if (!n.loop && !n.trapped || i.paused)
+        return;
+      const { key: t, altKey: s, ctrlKey: o, metaKey: a, currentTarget: R, shiftKey: h } = e, { loop: D } = n, V = t === w.tab && !s && !o && !a, p = document.activeElement;
+      if (V && p) {
+        const P = R, [_, C] = W(P);
+        if (_ && C) {
+          if (!h && p === C) {
+            const u = m({
+              focusReason: d.value
+            });
+            r("focusout-prevented", u), u.defaultPrevented || (e.preventDefault(), D && f(_, !0));
+          } else if (h && [_, P].includes(p)) {
+            const u = m({
+              focusReason: d.value
+            });
+            r("focusout-prevented", u), u.defaultPrevented || (e.preventDefault(), D && f(C, !0));
+          }
+        } else if (p === P) {
+          const u = m({
+            focusReason: d.value
+          });
+          r("focusout-prevented", u), u.defaultPrevented || e.preventDefault();
+        }
+      }
+    };
+    Y(H, {
+      focusTrapRef: c,
+      onKeydown: v
+    }), O(
+      () => n.focusTrapEl,
+      (e) => {
+        e && (c.value = e);
+      },
+      { immediate: !0 }
+    ), O([c], ([e], [t]) => {
+      e && (e.addEventListener("keydown", v), e.addEventListener("focusin", g), e.addEventListener("focusout", S)), t && (t.removeEventListener("keydown", v), t.removeEventListener("focusin", g), t.removeEventListener("focusout", S));
+    });
+    const F = (e) => {
+      r(U, e);
+    }, B = (e) => r(K, e), g = (e) => {
+      const t = E(c);
+      if (!t)
+        return;
+      const s = e.target, o = e.relatedTarget, a = s && t.contains(s);
+      n.trapped || o && t.contains(o) || (l = o), a && r("focusin", e), !i.paused && n.trapped && (a ? T = s : f(T, !0));
+    }, S = (e) => {
+      const t = E(c);
+      if (!(i.paused || !t))
+        if (n.trapped) {
+          const s = e.relatedTarget;
+          !x(s) && !t.contains(s) && setTimeout(() => {
+            if (!i.paused && n.trapped) {
+              const o = m({
+                focusReason: d.value
+              });
+              r("focusout-prevented", o), o.defaultPrevented || f(T, !0);
+            }
+          }, 0);
+        } else {
+          const s = e.target;
+          s && t.contains(s) || r("focusout", e);
+        }
+    };
+    async function L() {
+      await I();
+      const e = E(c);
+      if (e) {
+        N.push(i);
+        const t = e.contains(
+          document.activeElement
+        ) ? l : document.activeElement;
+        if (l = t, !e.contains(t)) {
+          const o = new Event(
+            b,
+            k
+          );
+          e.addEventListener(b, F), e.dispatchEvent(o), o.defaultPrevented || I(() => {
+            let a = n.focusStartEl;
+            q(a) || (f(a), document.activeElement !== a && (a = "first")), a === "first" && X(
+              Z(e),
+              !0
+            ), (document.activeElement === t || a === "container") && f(e);
+          });
+        }
+      }
+    }
+    function A() {
+      const e = E(c);
+      if (e) {
+        e.removeEventListener(b, F);
+        const t = new CustomEvent(y, {
+          ...k,
+          detail: {
+            focusReason: d.value
+          }
+        });
+        e.addEventListener(y, B), e.dispatchEvent(t), !t.defaultPrevented && (d.value === "keyboard" || !$() || e.contains(document.activeElement)) && f(l ?? document.body), e.removeEventListener(y, F), N.remove(i);
+      }
+    }
+    return z(() => {
+      n.trapped && L(), O(
+        () => n.trapped,
+        (e) => {
+          e ? L() : A();
+        }
+      );
+    }), G(() => {
+      n.trapped && A();
+    }), {
+      onKeydown: v
+    };
+  }
+});
+export {
+  ce as default
+};

package/es/components/focus-trap/index.js

@@ -0,0 +1,25 @@
+import E from "./focus-trap.vue.js";
+import { FOCUSOUT_PREVENTED as _, FOCUSOUT_PREVENTED_OPTS as F, FOCUS_AFTER_RELEASED as o, FOCUS_AFTER_TRAPPED as T, FOCUS_AFTER_TRAPPED_OPTS as O, FOCUS_TRAP_INJECTION_KEY as r, ON_RELEASE_FOCUS_EVT as S, ON_TRAP_FOCUS_EVT as u } from "./tokens.js";
+import { createFocusOutPreventedEvent as a, focusFirstDescendant as c, focusableStack as P, getEdges as U, getVisibleElement as n, isFocusCausedByUserEvent as A, isHidden as C, obtainAllFocusableElements as i, tryFocus as l, useFocusReason as d } from "./utils.js";
+export {
+  _ as FOCUSOUT_PREVENTED,
+  F as FOCUSOUT_PREVENTED_OPTS,
+  o as FOCUS_AFTER_RELEASED,
+  T as FOCUS_AFTER_TRAPPED,
+  O as FOCUS_AFTER_TRAPPED_OPTS,
+  r as FOCUS_TRAP_INJECTION_KEY,
+  S as ON_RELEASE_FOCUS_EVT,
+  u as ON_TRAP_FOCUS_EVT,
+  E as VftFocusTrap,
+  a as createFocusOutPreventedEvent,
+  E as default,
+  c as focusFirstDescendant,
+  P as focusableStack,
+  U as getEdges,
+  n as getVisibleElement,
+  A as isFocusCausedByUserEvent,
+  C as isHidden,
+  i as obtainAllFocusableElements,
+  l as tryFocus,
+  d as useFocusReason
+};

package/es/components/focus-trap/utils.js

@@ -0,0 +1,89 @@
+import { ref as i, onMounted as v, onBeforeUnmount as p } from "vue";
+import { FOCUSOUT_PREVENTED as F, FOCUSOUT_PREVENTED_OPTS as w } from "./tokens.js";
+const a = i(), u = i(0), d = i(0);
+let r = 0;
+const T = (e) => {
+  const n = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (t) => {
+      const s = t.tagName === "INPUT" && t.type === "hidden";
+      return t.disabled || t.hidden || s ? NodeFilter.FILTER_SKIP : t.tabIndex >= 0 || t === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; o.nextNode(); )
+    n.push(o.currentNode);
+  return n;
+}, l = (e, n) => {
+  for (const o of e)
+    if (!N(o, n))
+      return o;
+}, N = (e, n) => {
+  if (process.env.NODE_ENV === "test")
+    return !1;
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  for (; e; ) {
+    if (n && e === n)
+      return !1;
+    if (getComputedStyle(e).display === "none")
+      return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}, R = (e) => {
+  const n = T(e), o = l(n, e), t = l(n.reverse(), e);
+  return [o, t];
+}, y = (e) => e instanceof HTMLInputElement && "select" in e, S = (e, n) => {
+  if (e && e.focus) {
+    const o = document.activeElement;
+    e.focus({ preventScroll: !0 }), d.value = window.performance.now(), e !== o && y(e) && n && e.select();
+  }
+};
+function m(e, n) {
+  const o = [...e], t = e.indexOf(n);
+  return t !== -1 && o.splice(t, 1), o;
+}
+const L = () => {
+  let e = [];
+  return {
+    push: (t) => {
+      const s = e[0];
+      s && t !== s && s.pause(), e = m(e, t), e.unshift(t);
+    },
+    remove: (t) => {
+      var s, f;
+      e = m(e, t), (f = (s = e[0]) == null ? void 0 : s.resume) == null || f.call(s);
+    }
+  };
+}, k = (e, n = !1) => {
+  const o = document.activeElement;
+  for (const t of e)
+    if (S(t, n), document.activeElement !== o)
+      return;
+}, C = L(), I = () => u.value > d.value, c = () => {
+  a.value = "pointer", u.value = window.performance.now();
+}, E = () => {
+  a.value = "keyboard", u.value = window.performance.now();
+}, O = () => (v(() => {
+  r === 0 && (document.addEventListener("mousedown", c), document.addEventListener("touchstart", c), document.addEventListener("keydown", E)), r++;
+}), p(() => {
+  r--, r <= 0 && (document.removeEventListener("mousedown", c), document.removeEventListener("touchstart", c), document.removeEventListener("keydown", E));
+}), {
+  focusReason: a,
+  lastUserFocusTimestamp: u,
+  lastAutomatedFocusTimestamp: d
+}), P = (e) => new CustomEvent(F, {
+  ...w,
+  detail: e
+});
+export {
+  P as createFocusOutPreventedEvent,
+  k as focusFirstDescendant,
+  C as focusableStack,
+  R as getEdges,
+  l as getVisibleElement,
+  I as isFocusCausedByUserEvent,
+  N as isHidden,
+  T as obtainAllFocusableElements,
+  S as tryFocus,
+  O as useFocusReason
+};

package/es/components/footer-layout/footer-layout.vue.js

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

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

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

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

package/es/components/full-screen/full-screen.vue.js

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

package/es/components/full-screen/full-screen.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, openBlock as l, createElementBlock as p, normalizeClass as c, unref as o, createVNode as a, createElementVNode as u, toDisplayString as f } from "vue";
+import { useFullscreen as _ } from "@vft/use";
+import { VftIcon as d } from "../icon/index.js";
+import { useNamespace as g } 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";
+import { icons as n } from "./icons.js";
+const i = (
+  /* hoist-static*/
+  g("full-screen")
+), k = s({
+  name: i.b()
+}), S = /* @__PURE__ */ s({
+  ...k,
+  setup(C) {
+    const { toggle: e, isFullscreen: r } = _();
+    return (N, t) => (l(), p("div", {
+      class: c([o(i).b(), "cursor-pointer"]),
+      onClick: t[0] || (t[0] = //@ts-ignore
+      (...m) => o(e) && o(e)(...m))
+    }, [
+      a(o(d), {
+        icon: o(r) ? o(n)[1] : o(n)[0]
+      }, null, 8, ["icon"]),
+      u("span", null, f(o(r) ? "退出全屏" : "全屏"), 1)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/es/components/full-screen/icons.d.ts

@@ -0,0 +1 @@
+export declare const icons: string[];

package/es/components/full-screen/icons.js

@@ -0,0 +1,4 @@
+const e = ["i-radix-icons:enter-full-screen", "i-radix-icons:exit-full-screen"];
+export {
+  e as icons
+};

package/es/components/full-screen/index.d.ts

@@ -1,2 +1,3 @@
 export declare const VftFullScreen: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>> & Record<string, any>;
 export default VftFullScreen;
+export * from './icons';

package/es/components/full-screen/index.js

@@ -0,0 +1,12 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import t from "./full-screen.vue2.js";
+import { icons as s } from "./icons.js";
+const e = o(t);
+export {
+  e as VftFullScreen,
+  e as default,
+  s as icons
+};

package/es/components/header-layout/header-layout.vue.js

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