vft 0.0.48 → 0.0.51

package/es/components/radio/radio.vue2.js

@@ -0,0 +1,90 @@
+import { defineComponent as p, openBlock as N, createElementBlock as g, normalizeClass as t, unref as e, createElementVNode as i, withDirectives as B, isRef as V, vModelRadio as k, withModifiers as C, renderSlot as R, createTextVNode as T, toDisplayString as D, nextTick as S } from "vue";
+import { UPDATE_MODEL_EVENT as w, CHANGE_EVENT as x } from "../../constants/event.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 "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useRadio as M } from "./use-radio.js";
+const $ = ["value", "name", "disabled"], l = (
+  /* hoist-static*/
+  z("radio")
+), h = p({
+  name: l.b()
+}), J = /* @__PURE__ */ p({
+  ...h,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    label: { type: [String, Number, Boolean] },
+    modelValue: { type: [String, Number, Boolean] },
+    name: null,
+    border: { type: Boolean }
+  },
+  emits: [w, x],
+  setup(a, { emit: m }) {
+    const b = a, { radioRef: f, radioGroup: c, focus: s, size: v, disabled: r, modelValue: n } = M(
+      b,
+      m
+    );
+    function E() {
+      S(() => m("change", n.value));
+    }
+    return (y, o) => {
+      var u;
+      return N(), g("label", {
+        class: t([
+          e(l).b(),
+          e(l).is("disabled", e(r)),
+          e(l).is("focus", e(s)),
+          e(l).is("bordered", a.border),
+          e(l).is("checked", e(n) === a.label),
+          e(l).m(e(v))
+        ])
+      }, [
+        i("span", {
+          class: t([
+            e(l).e("input"),
+            e(l).is("disabled", e(r)),
+            e(l).is("checked", e(n) === a.label)
+          ])
+        }, [
+          B(i("input", {
+            ref_key: "radioRef",
+            ref: f,
+            "onUpdate:modelValue": o[0] || (o[0] = (d) => V(n) ? n.value = d : null),
+            class: t(e(l).e("original")),
+            value: a.label,
+            name: a.name || ((u = e(c)) == null ? void 0 : u.name),
+            disabled: e(r),
+            type: "radio",
+            onFocus: o[1] || (o[1] = (d) => s.value = !0),
+            onBlur: o[2] || (o[2] = (d) => s.value = !1),
+            onChange: E
+          }, null, 42, $), [
+            [k, e(n)]
+          ]),
+          i("span", {
+            class: t(e(l).e("inner"))
+          }, null, 2)
+        ], 2),
+        i("span", {
+          class: t(e(l).e("label")),
+          onKeydown: o[3] || (o[3] = C(() => {
+          }, ["stop"]))
+        }, [
+          R(y.$slots, "default", {}, () => [
+            T(D(a.label), 1)
+          ])
+        ], 34)
+      ], 2);
+    };
+  }
+});
+export {
+  J as default
+};

package/es/components/radio/style/css.js

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

package/es/components/radio/style/index.js

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

package/es/components/radio/use-radio.d.ts

@@ -0,0 +1,15 @@
+import type { SetupContext } from 'vue';
+import type { RadioProps } from './radio.vue';
+export declare const useRadio: (props: {
+    label: RadioProps['label'];
+    modelValue?: RadioProps['modelValue'];
+}, emit?: SetupContext['emit']) => {
+    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+    isGroup: import("vue").ComputedRef<boolean>;
+    radioGroup: import("./constants").RadioGroupContext | undefined;
+    focus: import("vue").Ref<boolean>;
+    size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    disabled: import("vue").ComputedRef<boolean>;
+    tabIndex: import("vue").ComputedRef<-1 | 0>;
+    modelValue: import("vue").WritableComputedRef<string | number | boolean | undefined>;
+};

package/es/components/radio/use-radio.js

@@ -0,0 +1,28 @@
+import { ref as m, inject as f, computed as o } from "vue";
+import { UPDATE_MODEL_EVENT as v } from "../../constants/event.js";
+import "../form/index.js";
+import { radioGroupKey as b } from "./constants.js";
+import { useFormSize as E, useFormDisabled as V } from "../form/hooks/use-form-common-props.js";
+const F = (t, s) => {
+  const a = m(), e = f(b, void 0), l = o(() => !!e), u = o({
+    get() {
+      return l.value ? e.modelValue : t.modelValue;
+    },
+    set(c) {
+      l.value ? e.changeEvent(c) : s && s(v, c), a.value.checked = t.modelValue === t.label;
+    }
+  }), i = E(o(() => e == null ? void 0 : e.size)), n = V(o(() => e == null ? void 0 : e.disabled)), r = m(!1), d = o(() => n.value || l.value && u.value !== t.label ? -1 : 0);
+  return {
+    radioRef: a,
+    isGroup: l,
+    radioGroup: e,
+    focus: r,
+    size: i,
+    disabled: n,
+    tabIndex: d,
+    modelValue: u
+  };
+};
+export {
+  F as useRadio
+};

package/es/components/radio-button/style/css.js

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

package/es/components/radio-button/style/index.js

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

package/es/components/radio-group/style/css.js

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

package/es/components/radio-group/style/index.js

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

package/es/components/result/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./result.vue2.js";
-const a = t(o);
+const l = t(o);
 export {
-  a as VftResult,
-  a as default
+  l as VftResult,
+  l as default
 };

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

@@ -6,6 +6,8 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import "../divider/index.js";
 import { VftIcon as C } from "../icon/index.js";
 import "../avatar/index.js";
@@ -46,6 +48,22 @@ 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 "../image-viewer/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -58,7 +76,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), gt = /* @__PURE__ */ l({
+}), Ht = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -97,5 +115,5 @@ const i = (
   }
 });
 export {
-  gt as default
+  Ht as default
 };

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

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./router-view-content.vue2.js";
-const n = t(o);
+const a = t(o);
 export {
-  n as VftRouterViewContent,
-  n as default
+  a as VftRouterViewContent,
+  a as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as u, 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 { 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";
@@ -7,12 +7,14 @@ 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()
-}), S = /* @__PURE__ */ s({
+}), V = /* @__PURE__ */ s({
   ...K,
   props: {
     cacheList: null,
@@ -23,7 +25,7 @@ const k = (
     exceptionComp: null
   },
   setup(t) {
-    const f = u(() => t.openKeepAlive ? t.cacheList : []), m = u(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), v = u(() => (e) => {
+    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) => {
@@ -40,10 +42,10 @@ const k = (
             include: o(f),
             exclude: o(v)(n)
           }, [
-            t.isReloadFlag ? (l(), i(d(o(m)(r)), {
+            t.isReloadFlag ? (l(), i(d(o(u)(r)), {
               key: o(A)(n)
             })) : x("", !0)
-          ], 1032, ["include", "exclude"])) : (l(), i(d(o(m)(r)), {
+          ], 1032, ["include", "exclude"])) : (l(), i(d(o(u)(r)), {
             key: n.fullPath
           }))
         ]),
@@ -53,5 +55,5 @@ const k = (
   }
 });
 export {
-  S as default
+  V as default
 };

package/es/components/roving-focus-group/index.d.ts

@@ -0,0 +1,10 @@
+import VftRovingFocusGroup from './roving-focus-group.vue';
+import VftRovingFocusItem from './roving-focus-item.vue';
+import VftRovingFocusGroupImpl from './roving-focus-group-impl.vue';
+import { VftCollection, VftCollectionItem } from './types';
+export { VftRovingFocusGroup, VftRovingFocusItem, VftRovingFocusGroupImpl };
+export * from './tokens';
+export * from './utils';
+export * from './types';
+export default VftRovingFocusGroup;
+export { VftCollection as VftFocusGroupCollection, VftCollectionItem as VftRovingFocusCollectionItem };

package/es/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/components/roving-focus-group/roving-focus-group-impl.vue.d.ts

@@ -0,0 +1,48 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    style: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+    };
+    currentTabId: {
+        type: StringConstructor;
+    };
+    defaultCurrentTabId: StringConstructor;
+    loop: BooleanConstructor;
+    dir: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
+    orientation: {
+        type: StringConstructor;
+    };
+    onBlur: FunctionConstructor;
+    onFocus: FunctionConstructor;
+    onMousedown: FunctionConstructor;
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("currentTabIdChange" | "entryFocus")[], "currentTabIdChange" | "entryFocus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    style: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+    };
+    currentTabId: {
+        type: StringConstructor;
+    };
+    defaultCurrentTabId: StringConstructor;
+    loop: BooleanConstructor;
+    dir: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
+    orientation: {
+        type: StringConstructor;
+    };
+    onBlur: FunctionConstructor;
+    onFocus: FunctionConstructor;
+    onMousedown: FunctionConstructor;
+}>> & {
+    onCurrentTabIdChange?: ((...args: any[]) => any) | undefined;
+    onEntryFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    loop: boolean;
+    dir: string;
+}>;
+export default _sfc_main;

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-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/components/roving-focus-group/roving-focus-group.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

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-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/components/roving-focus-group/roving-focus-item.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    id: import("vue").Ref<string>;
+    handleKeydown: (event: Event) => void;
+    handleFocus: (event: Event) => void;
+    handleMousedown: (event: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "keydown" | "mousedown")[], "focus" | "keydown" | "mousedown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onMousedown?: ((...args: any[]) => any) | undefined;
+}, {
+    active: boolean;
+    focusable: boolean;
+}>;
+export default _sfc_main;

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
+};