vft 0.0.363 → 0.0.365

package/es/components/qrcode/qrcode.vue2.js

@@ -1,12 +1,11 @@
-import { defineComponent, ref, onMounted, getCurrentInstance, watch, createElementBlock, openBlock, createBlock, resolveDynamicComponent, unref } from "vue";
-import { downloadByUrl } from "@vft/utils";
-import { toDataURL } from "qrcode";
-import { toCanvas } from "./toCanvas.js";
-const __default__ = defineComponent({
+import { defineComponent as s, ref as w, onMounted as g, getCurrentInstance as v, watch as p, createElementBlock as h, openBlock as l, createBlock as C, resolveDynamicComponent as y, unref as c } from "vue";
+import { downloadByUrl as E } from "@vft/utils";
+import { toDataURL as L } from "qrcode";
+import { toCanvas as k } from "./toCanvas.js";
+const x = s({
   name: "vft-qrcode"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), M = /* @__PURE__ */ s({
+  ...x,
   props: {
     value: {},
     options: {},
@@ -15,77 +14,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tag: { default: "canvas" }
   },
   emits: ["done", "error"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
-    const wrapRef = ref(null);
-    async function createQrcode() {
+  setup(n, { expose: f, emit: u }) {
+    const a = u, r = w(null);
+    async function i() {
       try {
-        const renderValue = String(__props.value);
-        const wrapEl = unref(wrapRef);
-        if (!wrapEl) return;
-        if (__props.tag === "canvas") {
-          const url = await toCanvas({
-            canvas: wrapEl,
-            width: __props.width,
-            logo: __props.logo,
-            content: renderValue,
-            options: __props.options || {}
+        const o = String(n.value), t = c(r);
+        if (!t) return;
+        if (n.tag === "canvas") {
+          const e = await k({
+            canvas: t,
+            width: n.width,
+            logo: n.logo,
+            content: o,
+            options: n.options || {}
           });
-          emit("done", {
-            url,
-            ctx: wrapEl.getContext("2d")
+          a("done", {
+            url: e,
+            ctx: t.getContext("2d")
           });
           return;
         }
-        if (__props.tag === "img") {
-          const url = await toDataURL(renderValue, {
+        if (n.tag === "img") {
+          const e = await L(o, {
             errorCorrectionLevel: "H",
-            width: __props.width,
-            ...__props.options
+            width: n.width,
+            ...n.options
           });
-          unref(wrapRef).src = url;
-          emit("done", { url });
+          c(r).src = e, a("done", { url: e });
         }
-      } catch (error) {
-        emit("error", error);
+      } catch (o) {
+        a("error", o);
       }
     }
-    function download(fileName) {
-      let url = "";
-      const wrapEl = unref(wrapRef);
-      if (wrapEl instanceof HTMLCanvasElement) {
-        url = wrapEl.toDataURL();
-      } else if (wrapEl instanceof HTMLImageElement) {
-        url = wrapEl.src;
-      }
-      if (!url) return;
-      downloadByUrl({
-        url,
-        fileName
+    function d(o) {
+      let t = "";
+      const e = c(r);
+      e instanceof HTMLCanvasElement ? t = e.toDataURL() : e instanceof HTMLImageElement && (t = e.src), t && E({
+        url: t,
+        fileName: o
       });
     }
-    onMounted(createQrcode);
-    const instance = getCurrentInstance();
-    watch(
-      instance.props,
+    g(i);
+    const m = v();
+    return p(
+      m.props,
       () => {
-        createQrcode();
+        i();
       },
-      { deep: true }
-    );
-    __expose({
-      download
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-          ref_key: "wrapRef",
-          ref: wrapRef
-        }, null, 512))
-      ]);
-    };
+      { deep: !0 }
+    ), f({
+      download: d
+    }), (o, t) => (l(), h("div", null, [
+      (l(), C(y(o.tag), {
+        ref_key: "wrapRef",
+        ref: r
+      }, null, 512))
+    ]));
   }
 });
 export {
-  _sfc_main as default
+  M as default
 };

package/es/components/qrcode/qrcodePlus.js

@@ -1,4 +1,4 @@
-import { toCanvas } from "./toCanvas.js";
+import { toCanvas as r } from "./toCanvas.js";
 export {
-  toCanvas
+  r as toCanvas
 };

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

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

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

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

package/es/components/qrcode/toCanvas.js

@@ -1,10 +1,6 @@
-import { renderQrCode } from "./drawCanvas.js";
-import { drawLogo } from "./drawLogo.js";
-const toCanvas = (options) => {
-  return renderQrCode(options).then(() => {
-    return options;
-  }).then(drawLogo);
-};
+import { renderQrCode as e } from "./drawCanvas.js";
+import { drawLogo as o } from "./drawLogo.js";
+const m = (r) => e(r).then(() => r).then(o);
 export {
-  toCanvas
+  m as toCanvas
 };

package/es/components/radio/constants.js

@@ -1,4 +1,4 @@
-const radioGroupKey = Symbol("radioGroupKey");
+const o = Symbol("radioGroupKey");
 export {
-  radioGroupKey
+  o as radioGroupKey
 };

package/es/components/radio/index.js

@@ -1,18 +1,21 @@
-import _sfc_main$2 from "./radio.vue2.js";
-import _sfc_main$1 from "./radio-button.vue2.js";
-import _sfc_main from "./radio-group.vue2.js";
-import { radioGroupKey } from "./constants.js";
-import { withInstall, withNoopInstall } from "../../utils/vue/install.js";
-const VftRadio = withInstall(_sfc_main$2, {
-  RadioButton: _sfc_main$1,
-  RadioGroup: _sfc_main
-});
-const VftRadioGroup = withNoopInstall(_sfc_main);
-const VftRadioButton = withNoopInstall(_sfc_main$1);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as r, withNoopInstall as o } from "../../utils/vue/install.js";
+import "lodash-es";
+import m from "./radio.vue2.js";
+import t from "./radio-button.vue2.js";
+import i from "./radio-group.vue2.js";
+import { radioGroupKey as h } from "./constants.js";
+const l = r(m, {
+  RadioButton: t,
+  RadioGroup: i
+}), R = o(i), e = o(t);
 export {
-  VftRadio,
-  VftRadioButton,
-  VftRadioGroup,
-  VftRadio as default,
-  radioGroupKey
+  l as VftRadio,
+  e as VftRadioButton,
+  R as VftRadioGroup,
+  l as default,
+  h as radioGroupKey
 };

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

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

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

@@ -1,12 +1,17 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, withDirectives, createElementVNode, withModifiers, isRef, vModelRadio, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { useRadio } from "./use-radio.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const _hoisted_1 = ["value", "name", "disabled"];
-const __default__ = defineComponent({
+import { defineComponent as b, computed as C, createElementBlock as g, openBlock as N, normalizeClass as u, unref as e, withDirectives as V, createElementVNode as m, withModifiers as p, isRef as $, vModelRadio as R, normalizeStyle as w, renderSlot as z, createTextVNode as x, toDisplayString as D } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as E } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useRadio as M } from "./use-radio.js";
+const F = ["value", "name", "disabled"], G = b({
   name: "vft-radio-button"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), O = /* @__PURE__ */ b({
+  ...G,
   props: {
     size: {},
     disabled: { type: Boolean },
@@ -17,60 +22,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     border: { type: Boolean }
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const ns = useNamespace("radio");
-    const props = __props;
-    const { radioRef, focus, size, disabled, modelValue, radioGroup, actualValue } = useRadio(props);
-    const emit = __emit;
-    const activeStyle = computed(() => {
-      return {
-        backgroundColor: radioGroup?.fill || "",
-        borderColor: radioGroup?.fill || "",
-        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : "",
-        color: radioGroup?.textColor || ""
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass([
-          unref(ns).b("button"),
-          unref(ns).is("active", unref(modelValue) === unref(actualValue)),
-          unref(ns).is("disabled", unref(disabled)),
-          unref(ns).is("focus", unref(focus)),
-          unref(ns).bm("button", unref(size))
-        ])
+  setup(f, { emit: v }) {
+    const t = E("radio"), y = f, { radioRef: c, focus: a, size: k, disabled: d, modelValue: i, radioGroup: l, actualValue: s } = M(y), B = v, S = C(() => ({
+      backgroundColor: l?.fill || "",
+      borderColor: l?.fill || "",
+      boxShadow: l?.fill ? `-1px 0 0 0 ${l.fill}` : "",
+      color: l?.textColor || ""
+    }));
+    return (r, o) => (N(), g("label", {
+      class: u([
+        e(t).b("button"),
+        e(t).is("active", e(i) === e(s)),
+        e(t).is("disabled", e(d)),
+        e(t).is("focus", e(a)),
+        e(t).bm("button", e(k))
+      ])
+    }, [
+      V(m("input", {
+        ref_key: "radioRef",
+        ref: c,
+        "onUpdate:modelValue": o[0] || (o[0] = (n) => $(i) ? i.value = n : null),
+        class: u(e(t).be("button", "original-radio")),
+        value: e(s),
+        type: "radio",
+        name: r.name || e(l)?.name,
+        disabled: e(d),
+        onFocus: o[1] || (o[1] = (n) => a.value = !0),
+        onBlur: o[2] || (o[2] = (n) => a.value = !1),
+        onClick: o[3] || (o[3] = p(() => {
+        }, ["stop"]))
+      }, null, 42, F), [
+        [R, e(i)]
+      ]),
+      m("span", {
+        onClick: o[4] || (o[4] = (n) => B("click", r.$props)),
+        class: u(e(t).be("button", "inner")),
+        style: w(e(i) === e(s) ? S.value : {}),
+        onKeydown: o[5] || (o[5] = p(() => {
+        }, ["stop"]))
       }, [
-        withDirectives(createElementVNode("input", {
-          ref_key: "radioRef",
-          ref: radioRef,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-          class: normalizeClass(unref(ns).be("button", "original-radio")),
-          value: unref(actualValue),
-          type: "radio",
-          name: _ctx.name || unref(radioGroup)?.name,
-          disabled: unref(disabled),
-          onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
-          onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
-          onClick: _cache[3] || (_cache[3] = withModifiers(() => {
-          }, ["stop"]))
-        }, null, 42, _hoisted_1), [
-          [vModelRadio, unref(modelValue)]
-        ]),
-        createElementVNode("span", {
-          onClick: _cache[4] || (_cache[4] = ($event) => emit("click", _ctx.$props)),
-          class: normalizeClass(unref(ns).be("button", "inner")),
-          style: normalizeStyle(unref(modelValue) === unref(actualValue) ? activeStyle.value : {}),
-          onKeydown: _cache[5] || (_cache[5] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
-          ])
-        ], 38)
-      ], 2);
-    };
+        z(r.$slots, "default", {}, () => [
+          x(D(r.label), 1)
+        ])
+      ], 38)
+    ], 2));
   }
 });
 export {
-  _sfc_main as default
+  O as default
 };

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

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

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

@@ -1,18 +1,24 @@
-import { defineComponent, ref, onMounted, computed, provide, reactive, toRefs, watch, createElementBlock, openBlock, unref, normalizeClass, renderSlot, Fragment, renderList, createBlock, resolveDynamicComponent, nextTick } from "vue";
-import { radioGroupKey } from "./constants.js";
-import _sfc_main$2 from "./radio.vue2.js";
-import _sfc_main$1 from "./radio-button.vue2.js";
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from "../../constants/event.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-import { useId } from "../../hooks/use-id/index.js";
-import { useFormItem, useFormItemInputId } from "../form/hooks/use-form-item.js";
-import { debugWarn } from "../../utils/error.js";
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
-const __default__ = defineComponent({
+import { defineComponent as u, ref as g, onMounted as E, computed as B, provide as k, reactive as h, toRefs as C, watch as z, createElementBlock as s, openBlock as n, unref as t, normalizeClass as N, renderSlot as A, Fragment as F, renderList as G, createBlock as L, resolveDynamicComponent as T, nextTick as V } from "vue";
+import "../form/index.js";
+import { UPDATE_MODEL_EVENT as p, CHANGE_EVENT as D } from "../../constants/event.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as R } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useId as S } from "../../hooks/use-id/index.js";
+import { useNamespace as $ } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { radioGroupKey as M } from "./constants.js";
+import q from "./radio.vue2.js";
+import w from "./radio-button.vue2.js";
+import { useFormItem as x, useFormItemInputId as H } from "../form/hooks/use-form-item.js";
+const K = ["id", "aria-label", "aria-labelledby"], O = u({
   name: "vft-radio-group"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), me = /* @__PURE__ */ u({
+  ...O,
   props: {
     id: {},
     size: {},
@@ -22,76 +28,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: {},
     fill: {},
     textColor: {},
-    validateEvent: { type: Boolean, default: true },
+    validateEvent: { type: Boolean, default: !0 },
     useButton: { type: Boolean },
     options: {}
   },
-  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("radio");
-    const radioId = useId();
-    const radioGroupRef = ref();
-    const { formItem } = useFormItem();
-    const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const changeEvent = (value) => {
-      emit(UPDATE_MODEL_EVENT, value);
-      nextTick(() => emit("change", value));
+  emits: [p, D],
+  setup(c, { emit: f }) {
+    const r = c, i = f, b = $("radio"), v = S(), m = g(), { formItem: a } = x(), { inputId: y, isLabeledByFormItem: d } = H(r, {
+      formItemContext: a
+    }), I = (e) => {
+      i(p, e), V(() => i("change", e));
     };
-    onMounted(() => {
-      const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
-      const firstLabel = radios[0];
-      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
-        firstLabel.tabIndex = 0;
-      }
+    E(() => {
+      const e = m.value.querySelectorAll("[type=radio]"), l = e[0];
+      !Array.from(e).some((o) => o.checked) && l && (l.tabIndex = 0);
     });
-    const name = computed(() => {
-      return props.name || radioId.value;
-    });
-    provide(
-      radioGroupKey,
-      reactive({
-        ...toRefs(props),
-        changeEvent,
-        name
+    const _ = B(() => r.name || v.value);
+    return k(
+      M,
+      h({
+        ...C(r),
+        changeEvent: I,
+        name: _
       })
-    );
-    watch(
-      () => props.modelValue,
+    ), z(
+      () => r.modelValue,
       () => {
-        if (props.validateEvent) {
-          formItem?.validate("change").catch((err) => debugWarn(err));
-        }
+        r.validateEvent && a?.validate("change").catch((e) => R(e));
       }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: unref(groupId),
-        ref_key: "radioGroupRef",
-        ref: radioGroupRef,
-        class: normalizeClass(unref(ns).b("group")),
-        role: "radiogroup",
-        "aria-label": !unref(isLabeledByFormItem) ? _ctx.label || "radio-group" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem)?.labelId : void 0
-      }, [
-        _ctx.options ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (item) => {
-          return openBlock(), createBlock(resolveDynamicComponent(_ctx.useButton ? _sfc_main$1 : _sfc_main$2), {
-            size: item.size,
-            disabled: item.disabled,
-            label: item.label,
-            value: item.value,
-            name: item.name,
-            border: item.border,
-            key: item.value
-          }, null, 8, ["size", "disabled", "label", "value", "name", "border"]);
-        }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
-      ], 10, _hoisted_1);
-    };
+    ), (e, l) => (n(), s("div", {
+      id: t(y),
+      ref_key: "radioGroupRef",
+      ref: m,
+      class: N(t(b).b("group")),
+      role: "radiogroup",
+      "aria-label": t(d) ? void 0 : e.label || "radio-group",
+      "aria-labelledby": t(d) ? t(a)?.labelId : void 0
+    }, [
+      e.options ? (n(!0), s(F, { key: 0 }, G(e.options, (o) => (n(), L(T(e.useButton ? w : q), {
+        size: o.size,
+        disabled: o.disabled,
+        label: o.label,
+        value: o.value,
+        name: o.name,
+        border: o.border,
+        key: o.value
+      }, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) : A(e.$slots, "default", { key: 1 })
+    ], 10, K));
   }
 });
 export {
-  _sfc_main as default
+  me as default
 };

package/es/components/radio/radio.js

@@ -1,6 +1,10 @@
-import { buildProps } from "../../utils/vue/props/runtime.js";
-import { componentSizes } from "../../constants/size.js";
-const radioProps = buildProps({
+import { componentSizes as e } from "../../constants/size.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { buildProps as o } from "../../utils/vue/props/runtime.js";
+const p = o({
   /**
    * @description binding value
    */
@@ -13,8 +17,8 @@ const radioProps = buildProps({
    */
   size: {
     type: String,
-    values: componentSizes,
-    required: false
+    values: e,
+    required: !1
   },
   /**
    * @description whether Radio is disabled
@@ -44,5 +48,5 @@ const radioProps = buildProps({
   border: Boolean
 });
 export {
-  radioProps
+  p as radioProps
 };

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

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