ep-craft 0.1.22 → 0.1.23

package/dist/components/radio/radio.js

@@ -1,87 +1,145 @@
-import { defineComponent as b, h as a, withDirectives as h, withModifiers as d, vModelRadio as g, renderSlot as x, nextTick as k } from "vue";
-import { CHANGE_EVENT as y } from "element-plus/es/constants/event.mjs";
-import { useNamespace as E } from "element-plus/es/hooks/use-namespace/index.mjs";
-import { radioEmits as C, radioProps as R } from "element-plus/es/components/radio/src/radio.mjs";
-import { useRadio as w } from "element-plus/es/components/radio/src/use-radio.mjs";
-const _ = b({
+import { defineComponent as B, h as o, withDirectives as N, withModifiers as d, vModelRadio as x, renderSlot as S, nextTick as k } from "vue";
+import { CHANGE_EVENT as p, UPDATE_MODEL_EVENT as V } from "../../constants/event.js";
+import { useNamespace as C } from "../../hooks/use-namespace/index.js";
+import { useSizeProp as P } from "../../hooks/use-size/index.js";
+import { isNumber as n, isBoolean as u } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import { isString as m } from "@vue/shared";
+import "@element-plus/icons-vue";
+import { buildProps as v } from "../../utils/vue/props/runtime.js";
+import { useRadio as R } from "./use-radio.js";
+const w = v({
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  /**
+   * @description size of the Radio
+   */
+  size: P,
+  /**
+   * @description whether Radio is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description the label of Radio
+   */
+  label: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  /**
+   * @description the value of Radio
+   */
+  value: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  /**
+   * @description native `name` attribute
+   */
+  name: {
+    type: String,
+    default: void 0
+  }
+}), T = v({
+  ...w,
+  /**
+   * @description whether to add a border around Radio
+   */
+  border: Boolean
+}), _ = {
+  [V]: (a) => m(a) || n(a) || u(a),
+  [p]: (a) => m(a) || n(a) || u(a)
+}, q = B({
   name: "EpRadio",
-  props: R,
-  emits: C,
-  setup(l, { emit: n, slots: t }) {
-    const e = E("radio"), { radioRef: u, radioGroup: c, focus: o, size: v, disabled: r, modelValue: i, actualValue: s } = w(l, n), m = () => {
-      k(() => n(y, i.value));
-    }, p = () => a("svg", { class: e.e("indicator"), viewBox: "0 0 16 16" }, [
-      a("circle", { class: e.e("indicator-ring"), cx: 8, cy: 8, r: 7 }),
-      a("g", { class: e.e("indicator-checked") }, [
-        a("circle", {
+  props: T,
+  emits: _,
+  setup(a, { emit: c, slots: f }) {
+    const e = C("radio"), { radioRef: b, radioGroup: r, focus: s, size: g, disabled: t, modelValue: i, actualValue: l } = R(a, c), y = () => {
+      k(() => c(p, i.value));
+    }, h = () => o("svg", { class: e.e("indicator"), viewBox: "0 0 16 16" }, [
+      o("circle", { class: e.e("indicator-ring"), cx: 8, cy: 8, r: 7 }),
+      o("g", { class: e.e("indicator-checked") }, [
+        o("circle", {
           class: e.e("indicator-ring-outer"),
           cx: 8,
           cy: 8,
           r: 7.5
         }),
-        a("circle", { class: e.e("indicator-gap"), cx: 8, cy: 8, r: 6 }),
-        a("circle", { class: e.e("indicator-dot"), cx: 8, cy: 8, r: 4.09 })
+        o("circle", { class: e.e("indicator-gap"), cx: 8, cy: 8, r: 6 }),
+        o("circle", { class: e.e("indicator-dot"), cx: 8, cy: 8, r: 4.09 })
       ])
     ]);
-    return () => a(
+    return () => o(
       "label",
       {
         class: [
           e.b(),
-          e.is("disabled", r.value),
-          e.is("focus", o.value),
-          e.is("bordered", l.border),
-          e.is("checked", i.value === s.value),
-          e.m(v.value)
+          e.is("disabled", t.value),
+          e.is("focus", s.value),
+          e.is("bordered", a.border),
+          e.is("checked", i.value === l.value),
+          e.m(g.value)
         ]
       },
       [
-        a(
+        o(
           "span",
           {
             class: [
               e.e("input"),
-              e.is("disabled", r.value),
-              e.is("checked", i.value === s.value)
+              e.is("disabled", t.value),
+              e.is("checked", i.value === l.value)
             ]
           },
           [
-            h(
-              a("input", {
-                ref: u,
+            N(
+              o("input", {
+                ref: b,
                 class: e.e("original"),
-                value: s.value,
-                name: l.name || (c == null ? void 0 : c.name),
-                disabled: r.value,
-                checked: i.value === s.value,
+                value: l.value,
+                name: a.name || (r == null ? void 0 : r.name),
+                disabled: t.value,
+                checked: i.value === l.value,
                 type: "radio",
-                onFocus: () => o.value = !0,
-                onBlur: () => o.value = !1,
-                onChange: m,
+                onFocus: () => s.value = !0,
+                onBlur: () => s.value = !1,
+                onChange: y,
                 onClick: d(() => {
                 }, ["stop"]),
-                "onUpdate:modelValue": (f) => {
-                  i.value = f;
+                "onUpdate:modelValue": (E) => {
+                  i.value = E;
                 }
               }),
-              [[g, i.value]]
+              [[x, i.value]]
             ),
-            a("span", { class: e.e("inner") }, [p()])
+            o("span", { class: e.e("inner") }, [h()])
           ]
         ),
-        a(
+        o(
           "span",
           {
             class: e.e("label"),
             onKeydown: d(() => {
             }, ["stop"])
           },
-          [x(t, "default", {}, () => [l.label])]
+          [S(f, "default", {}, () => [a.label])]
         )
       ]
     );
   }
 });
 export {
-  _ as default
+  q as default,
+  _ as radioEmits,
+  T as radioProps,
+  w as radioPropsBase
 };

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

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

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

@@ -0,0 +1,43 @@
+import { ref as i, inject as p, computed as t } from "vue";
+import { UPDATE_MODEL_EVENT as b } from "../../constants/event.js";
+import { useFormSize as V, useFormDisabled as E } from "../form/src/hooks/use-form-common-props.js";
+import { useDeprecated as h } from "../../hooks/use-deprecated/index.js";
+import { isPropAbsent as c } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import "@vue/shared";
+import "@element-plus/icons-vue";
+import { radioGroupKey as D } from "./constants.js";
+const _ = (o, r) => {
+  const u = i(), e = p(D, void 0), l = t(() => !!e), a = t(() => c(o.value) ? o.label : o.value), m = t({
+    get() {
+      return l.value ? e.modelValue : o.modelValue;
+    },
+    set(s) {
+      l.value ? e.changeEvent(s) : r && r(b, s), u.value.checked = o.modelValue === a.value;
+    }
+  }), d = V(t(() => e == null ? void 0 : e.size)), n = E(t(() => e == null ? void 0 : e.disabled)), v = i(!1), f = t(() => n.value || l.value && m.value !== a.value ? -1 : 0);
+  return h(
+    {
+      from: "label act as value",
+      replacement: "value",
+      version: "3.0.0",
+      scope: "el-radio",
+      ref: "https://element-plus.org/en-US/component/radio.html"
+    },
+    t(() => l.value && c(o.value))
+  ), {
+    radioRef: u,
+    isGroup: l,
+    radioGroup: e,
+    focus: v,
+    size: d,
+    disabled: n,
+    tabIndex: f,
+    modelValue: m,
+    actualValue: a
+  };
+};
+export {
+  _ as useRadio
+};

package/dist/components/radio-button/radio-button.d.ts

@@ -1,3 +1,33 @@
+/**
+ * EpRadioButton 的 props 定义
+ * 从 element-plus radio-button 源码 vendored 而来（内联到本文件顶部）。
+ */
+/**
+ * @deprecated Removed after 3.0.0, Use `RadioButtonProps` instead.
+ */
+export declare const radioButtonProps: {
+    readonly modelValue: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly label: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly value: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly name: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+};
+/**
+ * @description default values for RadioButtonProps
+ */
+export declare const radioButtonPropsDefaults: {
+    readonly modelValue: undefined;
+    readonly disabled: undefined;
+    readonly label: undefined;
+    readonly value: undefined;
+    readonly name: undefined;
+};
 /**
  * EpRadioButton —— 从 element-plus 的 radio-button 源码 vendored 而来
  * （el -> ep 命名），样式复用仓库内置的 theme-chalk/src/radio.scss（命名空间为 el）。
@@ -5,36 +35,36 @@
  * 注意：同 EpRadio，通过 inject(radioGroupKey) 识别父级 EpRadioGroup。
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly modelValue: import("element-plus/es/utils/index.mjs").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly modelValue: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly disabled: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly label: import("element-plus/es/utils/index.mjs").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
-    readonly value: import("element-plus/es/utils/index.mjs").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
-    readonly name: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly label: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly value: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly name: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: import("element-plus/es/utils/index.mjs").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly modelValue: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly disabled: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly label: import("element-plus/es/utils/index.mjs").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
-    readonly value: import("element-plus/es/utils/index.mjs").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
-    readonly name: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly label: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly value: import("@element-plus/utils").EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+    readonly name: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 }>> & Readonly<{}>, {
     readonly name: string;
-    readonly label: import("element-plus/es/utils/index.mjs").EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
-    readonly disabled: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly value: import("element-plus/es/utils/index.mjs").EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
-    readonly modelValue: import("element-plus/es/utils/index.mjs").EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    readonly disabled: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly label: import("@element-plus/utils").EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
+    readonly value: import("@element-plus/utils").EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
+    readonly modelValue: import("@element-plus/utils").EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/radio-button/radio-button.js

@@ -1,61 +1,69 @@
-import { defineComponent as b, computed as r, h as s, withDirectives as p, withModifiers as i, vModelRadio as C, renderSlot as R } from "vue";
-import { useNamespace as h } from "element-plus/es/hooks/use-namespace/index.mjs";
-import { radioButtonProps as w } from "element-plus/es/components/radio/src/radio-button.mjs";
-import { useRadio as x } from "element-plus/es/components/radio/src/use-radio.mjs";
-const g = b({
+import { defineComponent as f, computed as b, h as i, withDirectives as p, withModifiers as u, vModelRadio as B, renderSlot as C } from "vue";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import { buildProps as h } from "../../utils/vue/props/runtime.js";
+import { radioPropsBase as w } from "../radio/radio.js";
+import { useRadio as x } from "../radio/use-radio.js";
+const y = h({
+  ...w
+}), F = f({
   name: "EpRadioButton",
-  props: w,
-  setup(a, { slots: d }) {
-    const l = h("radio"), { radioRef: c, focus: o, size: v, disabled: u, modelValue: t, radioGroup: e, actualValue: n } = x(a), m = r(() => ({
+  props: y,
+  setup(t, { slots: m }) {
+    const l = R("radio"), { radioRef: r, focus: a, size: d, disabled: n, modelValue: o, radioGroup: e, actualValue: s } = x(t), c = b(() => ({
       backgroundColor: (e == null ? void 0 : e.fill) || "",
       borderColor: (e == null ? void 0 : e.fill) || "",
       boxShadow: e != null && e.fill ? `-1px 0 0 0 ${e.fill}` : "",
       color: (e == null ? void 0 : e.textColor) || ""
     }));
-    return () => s(
+    return () => i(
       "label",
       {
         class: [
           l.b("button"),
-          l.is("active", t.value === n.value),
-          l.is("disabled", u.value),
-          l.is("focus", o.value),
-          l.bm("button", v.value)
+          l.is("active", o.value === s.value),
+          l.is("disabled", n.value),
+          l.is("focus", a.value),
+          l.bm("button", d.value)
         ]
       },
       [
         p(
-          s("input", {
-            ref: c,
+          i("input", {
+            ref: r,
             class: l.be("button", "original-radio"),
-            value: n.value,
+            value: s.value,
             type: "radio",
-            name: a.name || (e == null ? void 0 : e.name),
-            disabled: u.value,
-            onFocus: () => o.value = !0,
-            onBlur: () => o.value = !1,
-            onClick: i(() => {
+            name: t.name || (e == null ? void 0 : e.name),
+            disabled: n.value,
+            onFocus: () => a.value = !0,
+            onBlur: () => a.value = !1,
+            onClick: u(() => {
             }, ["stop"]),
-            "onUpdate:modelValue": (f) => {
-              t.value = f;
+            "onUpdate:modelValue": (v) => {
+              o.value = v;
             }
           }),
-          [[C, t.value]]
+          [[B, o.value]]
         ),
-        s(
+        i(
           "span",
           {
             class: l.be("button", "inner"),
-            style: t.value === n.value ? m.value : {},
-            onKeydown: i(() => {
+            style: o.value === s.value ? c.value : {},
+            onKeydown: u(() => {
             }, ["stop"])
           },
-          [R(d, "default", {}, () => [a.label])]
+          [C(m, "default", {}, () => [t.label])]
         )
       ]
     );
   }
 });
 export {
-  g as default
+  F as default,
+  y as radioButtonProps
 };