vft 0.0.47 → 0.0.50

package/es/packages/components/radio/radio-button.vue.js

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

package/es/packages/components/radio/radio-button.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as b, computed as B, openBlock as R, createElementBlock as S, normalizeClass as r, unref as e, withDirectives as x, createElementVNode as u, isRef as C, vModelRadio as V, normalizeStyle as g, withModifiers as k, renderSlot as w, createTextVNode as z, toDisplayString as N } from "vue";
+import { useNamespace as $ } 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 { useRadio as D } from "./use-radio.js";
+const E = ["value", "name", "disabled"], M = b({
+  name: "VftRadioButton"
+}), J = /* @__PURE__ */ b({
+  ...M,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    label: { type: [String, Number, Boolean] },
+    name: null
+  },
+  setup(n) {
+    const f = n, o = $("radio"), { radioRef: c, focus: i, size: p, disabled: m, modelValue: a, radioGroup: l } = D(f), v = B(() => ({
+      backgroundColor: (l == null ? void 0 : l.fill) || "",
+      borderColor: (l == null ? void 0 : l.fill) || "",
+      boxShadow: l != null && l.fill ? `-1px 0 0 0 ${l.fill}` : "",
+      color: (l == null ? void 0 : l.textColor) || ""
+    }));
+    return (y, t) => {
+      var d;
+      return R(), S("label", {
+        class: r([
+          e(o).b("button"),
+          e(o).is("active", e(a) === n.label),
+          e(o).is("disabled", e(m)),
+          e(o).is("focus", e(i)),
+          e(o).bm("button", e(p))
+        ])
+      }, [
+        x(u("input", {
+          ref_key: "radioRef",
+          ref: c,
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => C(a) ? a.value = s : null),
+          class: r(e(o).be("button", "original-radio")),
+          value: n.label,
+          type: "radio",
+          name: n.name || ((d = e(l)) == null ? void 0 : d.name),
+          disabled: e(m),
+          onFocus: t[1] || (t[1] = (s) => i.value = !0),
+          onBlur: t[2] || (t[2] = (s) => i.value = !1)
+        }, null, 42, E), [
+          [V, e(a)]
+        ]),
+        u("span", {
+          class: r(e(o).be("button", "inner")),
+          style: g(e(a) === n.label ? e(v) : {}),
+          onKeydown: t[3] || (t[3] = k(() => {
+          }, ["stop"]))
+        }, [
+          w(y.$slots, "default", {}, () => [
+            z(N(n.label), 1)
+          ])
+        ], 38)
+      ], 2);
+    };
+  }
+});
+export {
+  J as default
+};

package/es/packages/components/radio/radio-group.vue.js

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

package/es/packages/components/radio/radio-group.vue2.js

@@ -0,0 +1,72 @@
+import { defineComponent as u, ref as y, onMounted as E, computed as I, provide as _, reactive as g, toRefs as h, watch as B, openBlock as k, createElementBlock as x, unref as t, normalizeClass as C, renderSlot as G, nextTick as N } from "vue";
+import "../form/index.js";
+import { UPDATE_MODEL_EVENT as s, CHANGE_EVENT as V } from "../../constants/event.js";
+import { useNamespace as A } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useId as R } from "../../hooks/use-id/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as T } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import { radioGroupKey as F } from "./constants.js";
+import { useFormItem as L, useFormItemInputId as S } from "../form/hooks/use-form-item.js";
+const z = ["id", "aria-label", "aria-labelledby"], D = u({
+  name: "VftRadioGroup"
+}), Y = /* @__PURE__ */ u({
+  ...D,
+  props: {
+    id: null,
+    size: null,
+    disabled: { type: Boolean },
+    label: null,
+    modelValue: { type: [String, Number, Boolean] },
+    name: null,
+    fill: null,
+    textColor: null,
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: [s, V],
+  setup(n, { emit: i }) {
+    const o = n, p = A("radio"), c = R(), d = y(), { formItem: r } = L(), { inputId: f, isLabeledByFormItem: m } = S(o, {
+      formItemContext: r
+    }), b = (e) => {
+      i(s, e), N(() => i("change", e));
+    };
+    E(() => {
+      const e = d.value.querySelectorAll("[type=radio]"), l = e[0];
+      !Array.from(e).some((a) => a.checked) && l && (l.tabIndex = 0);
+    });
+    const v = I(() => o.name || c.value);
+    return _(
+      F,
+      g({
+        ...h(o),
+        changeEvent: b,
+        name: v
+      })
+    ), B(
+      () => o.modelValue,
+      () => {
+        o.validateEvent && (r == null || r.validate("change").catch((e) => T(e)));
+      }
+    ), (e, l) => {
+      var a;
+      return k(), x("div", {
+        id: t(f),
+        ref_key: "radioGroupRef",
+        ref: d,
+        class: C(t(p).b("group")),
+        role: "radiogroup",
+        "aria-label": t(m) ? void 0 : n.label || "radio-group",
+        "aria-labelledby": t(m) ? (a = t(r)) == null ? void 0 : a.labelId : void 0
+      }, [
+        G(e.$slots, "default")
+      ], 10, z);
+    };
+  }
+});
+export {
+  Y as default
+};

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

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

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

@@ -0,0 +1,88 @@
+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 { useRadio as M } from "./use-radio.js";
+const $ = ["value", "name", "disabled"], l = (
+  /* hoist-static*/
+  z("radio")
+), h = p({
+  name: l.b()
+}), q = /* @__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: u }) {
+    const b = a, { radioRef: f, radioGroup: c, focus: s, size: v, disabled: r, modelValue: n } = M(
+      b,
+      u
+    );
+    function E() {
+      S(() => u("change", n.value));
+    }
+    return (y, o) => {
+      var m;
+      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 || ((m = e(c)) == null ? void 0 : m.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 {
+  q as default
+};

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

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

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

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