vft 0.0.50 → 0.0.53

package/es/components/router-view-content/router-view-content.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as s, computed as m, resolveComponent as y, openBlock as l, createBlock as i, withCtx as C, KeepAlive as g, unref as o, resolveDynamicComponent as d, createCommentVNode as x } from "vue";
+import { getRouterKeyPath as A } from "@vft/router";
+import { useNamespace as B } 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 "@vue/reactivity";
+import "@vue/shared";
+const k = (
+  /* hoist-static*/
+  B("router-view-content")
+), K = s({
+  name: k.b()
+}), V = /* @__PURE__ */ s({
+  ...K,
+  props: {
+    cacheList: null,
+    openKeepAlive: { type: Boolean, default: !0 },
+    isReloadFlag: { type: Boolean },
+    pageErrorStatus: { type: Boolean },
+    enableErrorHandle: { type: Boolean },
+    exceptionComp: null
+  },
+  setup(t) {
+    const f = m(() => t.openKeepAlive ? t.cacheList : []), u = m(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), v = m(() => (e) => {
+      var a, r, n;
+      let c = e.name;
+      return (a = e.meta) != null && a.currentActivePath && (c = (n = (r = e.matched) == null ? void 0 : r.filter((h) => {
+        var p;
+        return h.path === ((p = e.meta) == null ? void 0 : p.currentActivePath);
+      })) == null ? void 0 : n[0].name), t.isReloadFlag ? void 0 : c;
+    });
+    return (e, c) => {
+      const a = y("router-view");
+      return l(), i(a, null, {
+        default: C(({ Component: r, route: n }) => [
+          t.openKeepAlive ? (l(), i(g, {
+            key: 0,
+            include: o(f),
+            exclude: o(v)(n)
+          }, [
+            t.isReloadFlag ? (l(), i(d(o(u)(r)), {
+              key: o(A)(n)
+            })) : x("", !0)
+          ], 1032, ["include", "exclude"])) : (l(), i(d(o(u)(r)), {
+            key: n.fullPath
+          }))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,106 @@
+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 c } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+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 oe = 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 = c(
+      (e) => {
+        s("mousedown", e);
+      },
+      (e) => {
+        I.focusable ? m(n(r)) : e.preventDefault();
+      }
+    ), f = c(
+      (e) => {
+        s("focus", e);
+      },
+      () => {
+        m(n(r));
+      }
+    ), u = c(
+      (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 i = V(e);
+        if (i) {
+          e.preventDefault();
+          let o = v().filter(
+            (t) => t.focusable
+          ).map((t) => t.ref);
+          switch (i) {
+            case "last": {
+              o.reverse();
+              break;
+            }
+            case "prev":
+            case "next": {
+              i === "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 {
+  oe as default
+};

package/es/components/scrollbar/bar.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType as __PropType } from 'vue';
-export interface BarProps {
+export interface barProps {
     always?: boolean;
     width?: string;
     height?: string;
@@ -10,7 +10,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     always: {
         type: __PropType<boolean | undefined>;
         required: false;
-        default: boolean;
     };
     width: {
         type: __PropType<string | undefined>;
@@ -23,12 +22,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     ratioX: {
         type: __PropType<number | undefined>;
         required: false;
-        default: number;
     };
     ratioY: {
         type: __PropType<number | undefined>;
         required: false;
-        default: number;
     };
 }, {
     handleScroll: (wrap: HTMLDivElement) => void;
@@ -36,7 +33,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     always: {
         type: __PropType<boolean | undefined>;
         required: false;
-        default: boolean;
     };
     width: {
         type: __PropType<string | undefined>;
@@ -49,16 +45,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     ratioX: {
         type: __PropType<number | undefined>;
         required: false;
-        default: number;
     };
     ratioY: {
         type: __PropType<number | undefined>;
         required: false;
-        default: number;
     };
-}>>, {
-    always: boolean | undefined;
-    ratioX: number | undefined;
-    ratioY: number | undefined;
-}>;
+}>>, {}>;
 export default _sfc_main;

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

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

package/es/components/scrollbar/index.d.ts

@@ -12,7 +12,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
         required: false;
     };
     wrapStyle: {
-        type: import("vue").PropType<string | object | any[] | undefined>;
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
         required: false;
     };
     wrapClass: {
@@ -24,7 +24,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
         required: false;
     };
     viewStyle: {
-        type: import("vue").PropType<string | object | any[] | undefined>;
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
         required: false;
     };
     noresize: {
@@ -34,7 +34,6 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
     tag: {
         type: import("vue").PropType<string | undefined>;
         required: false;
-        default: string;
     };
     always: {
         type: import("vue").PropType<boolean | undefined>;
@@ -43,7 +42,6 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
     minSize: {
         type: import("vue").PropType<number | undefined>;
         required: false;
-        default: number;
     };
 }, {
     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
@@ -52,7 +50,12 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
     setScrollTop: (value: number) => void;
     setScrollLeft: (value: number) => void;
     handleScroll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: ({ scrollTop, scrollLeft }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     height: {
         type: import("vue").PropType<string | number | undefined>;
         required: false;
@@ -66,7 +69,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
         required: false;
     };
     wrapStyle: {
-        type: import("vue").PropType<string | object | any[] | undefined>;
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
         required: false;
     };
     wrapClass: {
@@ -78,7 +81,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
         required: false;
     };
     viewStyle: {
-        type: import("vue").PropType<string | object | any[] | undefined>;
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
         required: false;
     };
     noresize: {
@@ -88,7 +91,6 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
     tag: {
         type: import("vue").PropType<string | undefined>;
         required: false;
-        default: string;
     };
     always: {
         type: import("vue").PropType<boolean | undefined>;
@@ -97,14 +99,13 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import(
     minSize: {
         type: import("vue").PropType<number | undefined>;
         required: false;
-        default: number;
     };
 }>> & {
-    onScroll?: ((...args: any[]) => any) | undefined;
-}, {
-    tag: string | undefined;
-    minSize: number | undefined;
-}>> & Record<string, any>;
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
+}, {}>> & Record<string, any>;
 export default VftScrollbar;
 export * from './util';
 export * from './scrollbar.vue';

package/es/components/scrollbar/index.js

@@ -0,0 +1,23 @@
+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 d, GAP as h, renderThumbStyle as u } from "./util.js";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { scrollbarContextKey as P } from "./constants.js";
+const b = r(o);
+export {
+  d as BAR_MAP,
+  h as GAP,
+  b as VftScrollbar,
+  b as default,
+  u as renderThumbStyle,
+  P as scrollbarContextKey
+};

package/es/components/scrollbar/scrollbar.vue.d.ts

@@ -1,15 +1,49 @@
 import type { PropType as __PropType } from 'vue';
-export interface ScrollBarProps {
+import type { StyleValue } from 'vue';
+export interface ScrollbarProps {
+    /**
+     * @description height of scrollbar
+     */
     height?: string | number;
+    /**
+     * @description max height of scrollbar
+     */
     maxHeight?: string | number;
+    /**
+     * @description whether to use the native scrollbar
+     */
     native?: boolean;
-    wrapStyle?: string | object | any[];
-    wrapClass?: string | any[];
-    viewClass?: string | any[];
-    viewStyle?: string | object | any[];
+    /**
+     * @description style of wrap
+     */
+    wrapStyle?: StyleValue;
+    /**
+     * @description class of wrap
+     */
+    wrapClass?: string | Array<any>;
+    /**
+     * @description class of view
+     */
+    viewClass?: string | Array<any>;
+    /**
+     * @description style of view
+     */
+    viewStyle?: StyleValue;
+    /**
+     * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+     */
     noresize?: boolean;
+    /**
+     * @description element tag of the view
+     */
     tag?: string;
+    /**
+     * @description always show
+     */
     always?: boolean;
+    /**
+     * @description minimum size of scrollbar
+     */
     minSize?: number;
 }
 declare const _sfc_main: import("vue").DefineComponent<{
@@ -26,7 +60,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     wrapStyle: {
-        type: __PropType<string | object | any[] | undefined>;
+        type: __PropType<StyleValue | undefined>;
         required: false;
     };
     wrapClass: {
@@ -38,7 +72,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     viewStyle: {
-        type: __PropType<string | object | any[] | undefined>;
+        type: __PropType<StyleValue | undefined>;
         required: false;
     };
     noresize: {
@@ -48,7 +82,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tag: {
         type: __PropType<string | undefined>;
         required: false;
-        default: string;
     };
     always: {
         type: __PropType<boolean | undefined>;
@@ -57,7 +90,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     minSize: {
         type: __PropType<number | undefined>;
         required: false;
-        default: number;
     };
 }, {
     /** @description scrollbar wrap ref */
@@ -72,7 +104,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     setScrollLeft: (value: number) => void;
     /** @description handle scroll event */
     handleScroll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: ({ scrollTop, scrollLeft }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     height: {
         type: __PropType<string | number | undefined>;
         required: false;
@@ -86,7 +123,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     wrapStyle: {
-        type: __PropType<string | object | any[] | undefined>;
+        type: __PropType<StyleValue | undefined>;
         required: false;
     };
     wrapClass: {
@@ -98,7 +135,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     viewStyle: {
-        type: __PropType<string | object | any[] | undefined>;
+        type: __PropType<StyleValue | undefined>;
         required: false;
     };
     noresize: {
@@ -108,7 +145,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tag: {
         type: __PropType<string | undefined>;
         required: false;
-        default: string;
     };
     always: {
         type: __PropType<boolean | undefined>;
@@ -117,12 +153,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     minSize: {
         type: __PropType<number | undefined>;
         required: false;
-        default: number;
     };
 }>> & {
-    onScroll?: ((...args: any[]) => any) | undefined;
-}, {
-    tag: string | undefined;
-    minSize: number | undefined;
-}>;
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
+}, {}>;
 export default _sfc_main;