@wfrog/vc-ui 1.3.1 → 1.4.0

package/dist/es/chunk/{CCmEeM7D.mjs → B3GxuXVE.mjs}

@@ -1,10 +1,10 @@
 import { getCurrentInstance, inject, ref, computed, unref, provide } from 'vue';
-import { u as useNamespace, x as defaultNamespace, e as debugWarn, C as namespaceContextKey } from './DO-mBaf5.mjs';
-import { u as useZIndex, d as defaultInitialZIndex, z as zIndexContextKey } from './DskGUrkJ.mjs';
-import { u as useLocale, l as localeContextKey } from './plK2vnjp.mjs';
-import { S as SIZE_INJECTION_KEY } from './C9ldJ8Hh.mjs';
-import { e as emptyValuesContextKey } from './CtYp4FB7.mjs';
-import { k as keysOf } from './DVNTpOBR.mjs';
+import { u as useNamespace, o as defaultNamespace, a as debugWarn, r as namespaceContextKey } from './By7FMB3I.mjs';
+import { u as useZIndex, d as defaultInitialZIndex, z as zIndexContextKey } from './D6m3vWpc.mjs';
+import { u as useLocale, l as localeContextKey } from './CJ0afvkJ.mjs';
+import { S as SIZE_INJECTION_KEY } from './CPCieLBG.mjs';
+import { e as emptyValuesContextKey } from './CK5Bluh4.mjs';
+import { k as keysOf } from './EMeQxUfH.mjs';
 
 const configProviderContextKey = Symbol();
 

package/dist/es/chunk/BL8WhaLp.mjs

@@ -0,0 +1,427 @@
+import { ref, inject, computed, defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, withDirectives, withModifiers, isRef, vModelRadio, renderSlot, createTextVNode, toDisplayString, nextTick, normalizeStyle, onMounted, provide, reactive, toRefs, watch, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
+import { b as buildProps, i as isString, u as useNamespace, d as definePropType, a as debugWarn } from './By7FMB3I.mjs';
+import { u as useSizeProp } from './CPCieLBG.mjs';
+import { C as CHANGE_EVENT, U as UPDATE_MODEL_EVENT } from './Ct6q2FXg.mjs';
+import { b as isNumber, d as isBoolean, e as isPropAbsent } from './DViraU6I.mjs';
+import { c as useFormSize, a as useFormDisabled, u as useFormItem, b as useFormItemInputId } from './BvNFaD5d.mjs';
+import { u as useDeprecated } from './yuIXvUxc.mjs';
+import { _ as _export_sfc, a as withNoopInstall, w as withInstall } from './dN0VcQc2.mjs';
+import { u as useAriaProps } from './DCS0eqqM.mjs';
+import { u as useId } from './Co77DVCw.mjs';
+import { i as isEqual } from './q2jRgbir.mjs';
+import { o as omit } from './e5i7OJY-.mjs';
+
+const radioPropsBase = buildProps({
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  size: useSizeProp,
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  label: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  value: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  name: {
+    type: String,
+    default: void 0
+  }
+});
+const radioProps = buildProps({
+  ...radioPropsBase,
+  border: Boolean
+});
+const radioEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+  [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val)
+};
+
+const radioGroupKey = Symbol("radioGroupKey");
+
+const useRadio = (props, emit) => {
+  const radioRef = ref();
+  const radioGroup = inject(radioGroupKey, void 0);
+  const isGroup = computed(() => !!radioGroup);
+  const actualValue = computed(() => {
+    if (!isPropAbsent(props.value)) {
+      return props.value;
+    }
+    return props.label;
+  });
+  const modelValue = computed({
+    get() {
+      return isGroup.value ? radioGroup.modelValue : props.modelValue;
+    },
+    set(val) {
+      if (isGroup.value) {
+        radioGroup.changeEvent(val);
+      } else {
+        emit && emit(UPDATE_MODEL_EVENT, val);
+      }
+      radioRef.value.checked = props.modelValue === actualValue.value;
+    }
+  });
+  const size = useFormSize(computed(() => radioGroup == null ? void 0 : radioGroup.size));
+  const disabled = useFormDisabled(computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
+  const focus = ref(false);
+  const tabIndex = computed(() => {
+    return disabled.value || isGroup.value && modelValue.value !== actualValue.value ? -1 : 0;
+  });
+  useDeprecated(
+    {
+      from: "label act as value",
+      replacement: "value",
+      version: "3.0.0",
+      scope: "el-radio",
+      ref: "https://element-plus.org/en-US/component/radio.html"
+    },
+    computed(() => isGroup.value && isPropAbsent(props.value))
+  );
+  return {
+    radioRef,
+    isGroup,
+    radioGroup,
+    focus,
+    size,
+    disabled,
+    tabIndex,
+    modelValue,
+    actualValue
+  };
+};
+
+const _hoisted_1$2 = ["value", "name", "disabled", "checked"];
+const _sfc_main$2 = defineComponent({
+  ...{
+    name: "ElRadio"
+  },
+  __name: "radio",
+  props: radioProps,
+  emits: radioEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = useNamespace("radio");
+    const { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue } = useRadio(props, emit);
+    function handleChange() {
+      nextTick(() => emit(CHANGE_EVENT, modelValue.value));
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock(
+        "label",
+        {
+          class: normalizeClass([
+            unref(ns).b(),
+            unref(ns).is("disabled", unref(disabled)),
+            unref(ns).is("focus", unref(focus)),
+            unref(ns).is("bordered", _ctx.border),
+            unref(ns).is("checked", unref(modelValue) === unref(actualValue)),
+            unref(ns).m(unref(size))
+          ])
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass([
+                unref(ns).e("input"),
+                unref(ns).is("disabled", unref(disabled)),
+                unref(ns).is("checked", unref(modelValue) === unref(actualValue))
+              ])
+            },
+            [
+              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).e("original")),
+                value: unref(actualValue),
+                name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
+                disabled: unref(disabled),
+                checked: unref(modelValue) === unref(actualValue),
+                type: "radio",
+                onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
+                onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
+                onChange: handleChange,
+                onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+                }, ["stop"]))
+              }, null, 42, _hoisted_1$2), [
+                [vModelRadio, unref(modelValue)]
+              ]),
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass(unref(ns).e("inner"))
+                },
+                null,
+                2
+              )
+            ],
+            2
+          ),
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(unref(ns).e("label")),
+              onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(
+                  toDisplayString(_ctx.label),
+                  1
+                )
+              ])
+            ],
+            34
+          )
+        ],
+        2
+      );
+    };
+  }
+});
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio.vue"]]);
+
+const radioButtonProps = buildProps({
+  ...radioPropsBase
+});
+
+const _hoisted_1$1 = ["value", "name", "disabled"];
+const _sfc_main$1 = defineComponent({
+  ...{
+    name: "ElRadioButton"
+  },
+  __name: "radio-button",
+  props: radioButtonProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("radio");
+    const { radioRef, focus, size, disabled, modelValue, radioGroup, actualValue } = useRadio(props);
+    const activeStyle = computed(() => {
+      return {
+        backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+        color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
+      };
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      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))
+          ])
+        },
+        [
+          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 || ((_a = unref(radioGroup)) == null ? void 0 : _a.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$1), [
+            [vModelRadio, unref(modelValue)]
+          ]),
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(unref(ns).be("button", "inner")),
+              style: normalizeStyle(unref(modelValue) === unref(actualValue) ? activeStyle.value : {}),
+              onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(
+                  toDisplayString(_ctx.label),
+                  1
+                )
+              ])
+            ],
+            38
+          )
+        ],
+        2
+      );
+    };
+  }
+});
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);
+
+const radioGroupProps = buildProps({
+  id: {
+    type: String,
+    default: void 0
+  },
+  size: useSizeProp,
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  fill: {
+    type: String,
+    default: ""
+  },
+  textColor: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: String,
+    default: void 0
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  options: {
+    type: definePropType(Array)
+  },
+  props: {
+    type: definePropType(Object),
+    default: () => radioDefaultProps
+  },
+  type: {
+    type: String,
+    values: ["radio", "button"],
+    default: "radio"
+  },
+  ...useAriaProps(["ariaLabel"])
+});
+const radioGroupEmits = radioEmits;
+const radioDefaultProps = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+};
+
+const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElRadioGroup"
+  },
+  __name: "radio-group",
+  props: radioGroupProps,
+  emits: radioGroupEmits,
+  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_EVENT, value));
+    };
+    onMounted(() => {
+      const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
+      const firstLabel = radios[0];
+      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
+        firstLabel.tabIndex = 0;
+      }
+    });
+    const name = computed(() => {
+      return props.name || radioId.value;
+    });
+    const aliasProps = computed(() => ({
+      ...radioDefaultProps,
+      ...props.props
+    }));
+    const getOptionProps = (option) => {
+      const { label, value, disabled } = aliasProps.value;
+      const base = {
+        label: option[label],
+        value: option[value],
+        disabled: option[disabled]
+      };
+      return { ...omit(option, [label, value, disabled]), ...base };
+    };
+    const optionComponent = computed(
+      () => props.type === "button" ? RadioButton : Radio
+    );
+    provide(
+      radioGroupKey,
+      reactive({
+        ...toRefs(props),
+        changeEvent,
+        name
+      })
+    );
+    watch(
+      () => props.modelValue,
+      (newVal, oldValue) => {
+        if (props.validateEvent && !isEqual(newVal, oldValue)) {
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+        }
+      }
+    );
+    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.ariaLabel || "radio-group" : void 0,
+        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(_ctx.options, (item, index) => {
+              return openBlock(), createBlock(
+                resolveDynamicComponent(optionComponent.value),
+                mergeProps({ key: index }, { ref_for: true }, getOptionProps(item)),
+                null,
+                16
+              );
+            }),
+            128
+          ))
+        ])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-group.vue"]]);
+
+const ElRadio = withInstall(Radio, {
+  RadioButton,
+  RadioGroup
+});
+const ElRadioGroup = withNoopInstall(RadioGroup);
+const ElRadioButton = withNoopInstall(RadioButton);
+
+export { ElRadioGroup as E, ElRadioButton as a, ElRadio as b };

package/dist/es/chunk/{BiHWk71g.mjs → BPqrpkTb.mjs}

@@ -1,7 +1,7 @@
-import { S as Stack, b as baseIsEqual, k as keys } from './Dw-yyl2m.mjs';
-import { i as isObject, c as isKey, t as toKey, d as baseGet, b as isArray } from './DWcIzeMM.mjs';
-import { g as get } from './plK2vnjp.mjs';
-import { h as hasIn, i as identity } from './OVbHCQoq.mjs';
+import { S as Stack, m as baseIsEqual, k as keys } from './q2jRgbir.mjs';
+import { a as isObject, y as isKey, u as toKey, q as baseGet, f as isArray } from './ytiKcA3H.mjs';
+import { g as get } from './CJ0afvkJ.mjs';
+import { c as hasIn, i as identity } from './DCS0eqqM.mjs';
 
 /** Used to compose bitmasks for value comparisons. */
 var COMPARE_PARTIAL_FLAG$1 = 1,

package/dist/es/chunk/{C_7t9blX.mjs → BZ1uhZQF.mjs}

@@ -1,5 +1,5 @@
 import { isVNode, Fragment, Comment } from 'vue';
-import { i as isArray } from './DO-mBaf5.mjs';
+import { c as isArray } from './By7FMB3I.mjs';
 
 var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
   PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";

package/dist/es/chunk/{-ga82G_B.mjs → BdVq9mV6.mjs}

@@ -1,4 +1,4 @@
-import { s as isSymbol, i as isObject } from './DWcIzeMM.mjs';
+import { o as isSymbol, a as isObject } from './ytiKcA3H.mjs';
 
 /** Used to match a single whitespace character. */
 var reWhitespace = /\s/;

package/dist/es/chunk/{DGGhWn1A.mjs → BfjuZmry.mjs}

@@ -1,12 +1,13 @@
 import { defineComponent, renderSlot, createBlock, openBlock, Teleport as Teleport$1, ref, computed, provide, inject, onBeforeUnmount, createElementBlock, normalizeStyle, normalizeClass, unref, withDirectives, cloneVNode, Comment, Fragment, Text, createVNode, onMounted, watch, createCommentVNode, mergeProps, withCtx, nextTick, shallowRef, getCurrentInstance, toRef, onBeforeMount, Transition, vShow, readonly, onDeactivated, toDisplayString } from 'vue';
-import { c as buildProps, d as definePropType, u as useNamespace, N as NOOP, e as debugWarn, m as isObject, o as isElement, k as isNil, h as isString, n as fromPairs, f as isNumber, r as buildProp, j as isFunction, q as isBoolean, i as isArray, s as useGetDerivedNamespace } from './DO-mBaf5.mjs';
-import { _ as _export_sfc, w as withInstall } from './Dn-BFXcJ.mjs';
+import { b as buildProps, d as definePropType, u as useNamespace, N as NOOP, a as debugWarn, j as isObject, i as isString, k as fromPairs, l as buildProp, f as isFunction, c as isArray, m as useGetDerivedNamespace } from './By7FMB3I.mjs';
+import { _ as _export_sfc, w as withInstall } from './dN0VcQc2.mjs';
 import { unrefElement, isClient, tryOnScopeDispose, computedEager, onClickOutside } from '@vueuse/core';
-import { u as useAriaProps } from './OVbHCQoq.mjs';
+import { f as isElement, i as isNil, b as isNumber, d as isBoolean } from './DViraU6I.mjs';
+import { u as useAriaProps } from './DCS0eqqM.mjs';
 import { g as getEventCode, E as EVENT_CODE, c as composeEventHandlers } from './BTpNRPQW.mjs';
 import { a as isFocusable, f as focusElement } from './CsLIbnzG.mjs';
-import { f as formItemContextKey, a as useIdInjection, u as useId } from './BIK5Djc_.mjs';
-import { u as useZIndex } from './DskGUrkJ.mjs';
+import { a as formItemContextKey, b as useIdInjection, u as useId } from './Co77DVCw.mjs';
+import { u as useZIndex } from './D6m3vWpc.mjs';
 
 /**
  * Checks if `value` is `undefined`.

package/dist/es/chunk/{BLLKi_0v.mjs → Bu3XHP55.mjs}

@@ -1,4 +1,4 @@
-import { t as toNumber } from './-ga82G_B.mjs';
+import { t as toNumber } from './BdVq9mV6.mjs';
 
 /**
  * The base implementation of `_.clamp` which doesn't coerce arguments.

package/dist/es/chunk/{DEiqPcuO.mjs → BvNFaD5d.mjs}

@@ -1,6 +1,6 @@
 import { inject, ref, getCurrentInstance, computed, onMounted, watch, toRef, onUnmounted, unref } from 'vue';
-import { b as formContextKey, f as formItemContextKey, u as useId } from './BIK5Djc_.mjs';
-import { a as useGlobalSize } from './C9ldJ8Hh.mjs';
+import { f as formContextKey, a as formItemContextKey, u as useId } from './Co77DVCw.mjs';
+import { a as useGlobalSize } from './CPCieLBG.mjs';
 
 const useFormItem = () => {
   const form = inject(formContextKey, void 0);
@@ -98,4 +98,4 @@ const useFormDisabled = (fallback) => {
   });
 };
 
-export { useFormItemInputId as a, useFormDisabled as b, useFormSize as c, useFormItem as u };
+export { useFormDisabled as a, useFormItemInputId as b, useFormSize as c, useFormItem as u };