@wfrog/vc-ui 1.1.1 → 1.2.1

package/dist/es/chunk/{DFOLES4O.mjs → BA2yoAwy.mjs}

@@ -1,252 +1,14 @@
 import { inject, computed, getCurrentInstance, watch, nextTick, ref, toRaw, defineComponent, useSlots, createBlock, openBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createElementVNode, createElementBlock, createCommentVNode, withDirectives, mergeProps, isRef, withModifiers, vModelCheckbox, renderSlot, Fragment, createTextVNode, toDisplayString, normalizeStyle, provide, toRefs, renderList, vModelRadio, onMounted, reactive } from 'vue';
-import { u as useSizeProp } from './BsGCX4td.mjs';
-import { a as flatRest, u as useAriaProps, p as pick } from './BpqBBo4z.mjs';
+import { u as useSizeProp } from './BK4T_2ha.mjs';
+import { u as useAriaProps, p as pick } from './BDyXj_90.mjs';
 import { U as UPDATE_MODEL_EVENT, C as CHANGE_EVENT } from './Ct6q2FXg.mjs';
-import { h as isString, f as isNumber, q as isBoolean, g as isUndefined, e as debugWarn, i as isArray, v as isPropAbsent, p as isObject, u as useNamespace, c as buildProps, d as definePropType } from './DRoyW749.mjs';
-import { _ as _export_sfc, a as withNoopInstall, w as withInstall } from './DTLPXrjb.mjs';
-import { b as formContextKey, u as useId } from './CBSopeeE.mjs';
-import { b as useFormDisabled, u as useFormItem, c as useFormSize, a as useFormItemInputId } from './DXPWe_a5.mjs';
-import { i as isEqual } from './BsLJxiSC.mjs';
-import { u as useDeprecated } from './Cbhe4I9Z.mjs';
-import { e as isObjectLike, f as baseGetTag, d as baseGet, g as castPath, t as toKey, a as arrayMap } from './NQBKROII.mjs';
-import { g as getPrototype, c as copyObject, a as getAllKeysIn, b as baseClone } from './f0-vIQGp.mjs';
-
-/** `Object#toString` result references. */
-var objectTag = '[object Object]';
-
-/** Used for built-in method references. */
-var funcProto = Function.prototype,
-    objectProto$1 = Object.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString = funcProto.toString;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-
-/** Used to infer the `Object` constructor. */
-var objectCtorString = funcToString.call(Object);
-
-/**
- * Checks if `value` is a plain object, that is, an object created by the
- * `Object` constructor or one with a `[[Prototype]]` of `null`.
- *
- * @static
- * @memberOf _
- * @since 0.8.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
- * @example
- *
- * function Foo() {
- *   this.a = 1;
- * }
- *
- * _.isPlainObject(new Foo);
- * // => false
- *
- * _.isPlainObject([1, 2, 3]);
- * // => false
- *
- * _.isPlainObject({ 'x': 0, 'y': 0 });
- * // => true
- *
- * _.isPlainObject(Object.create(null));
- * // => true
- */
-function isPlainObject(value) {
-  if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
-    return false;
-  }
-  var proto = getPrototype(value);
-  if (proto === null) {
-    return true;
-  }
-  var Ctor = hasOwnProperty$1.call(proto, 'constructor') && proto.constructor;
-  return typeof Ctor == 'function' && Ctor instanceof Ctor &&
-    funcToString.call(Ctor) == objectCtorString;
-}
-
-/**
- * The base implementation of `_.slice` without an iteratee call guard.
- *
- * @private
- * @param {Array} array The array to slice.
- * @param {number} [start=0] The start position.
- * @param {number} [end=array.length] The end position.
- * @returns {Array} Returns the slice of `array`.
- */
-function baseSlice(array, start, end) {
-  var index = -1,
-      length = array.length;
-
-  if (start < 0) {
-    start = -start > length ? 0 : (length + start);
-  }
-  end = end > length ? length : end;
-  if (end < 0) {
-    end += length;
-  }
-  length = start > end ? 0 : ((end - start) >>> 0);
-  start >>>= 0;
-
-  var result = Array(length);
-  while (++index < length) {
-    result[index] = array[index + start];
-  }
-  return result;
-}
-
-/**
- * Gets the last element of `array`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Array
- * @param {Array} array The array to query.
- * @returns {*} Returns the last element of `array`.
- * @example
- *
- * _.last([1, 2, 3]);
- * // => 3
- */
-function last(array) {
-  var length = array == null ? 0 : array.length;
-  return length ? array[length - 1] : undefined;
-}
-
-/**
- * Gets the parent value at `path` of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {Array} path The path to get the parent value of.
- * @returns {*} Returns the parent value.
- */
-function parent(object, path) {
-  return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));
-}
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/**
- * The base implementation of `_.unset`.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {Array|string} path The property path to unset.
- * @returns {boolean} Returns `true` if the property is deleted, else `false`.
- */
-function baseUnset(object, path) {
-  path = castPath(path, object);
-
-  // Prevent prototype pollution, see: https://github.com/lodash/lodash/security/advisories/GHSA-xxjr-mmjv-4gpg
-  var index = -1,
-      length = path.length;
-
-  if (!length) {
-    return true;
-  }
-
-  var isRootPrimitive = object == null || (typeof object !== 'object' && typeof object !== 'function');
-
-  while (++index < length) {
-    var key = path[index];
-
-    // skip non-string keys (e.g., Symbols, numbers)
-    if (typeof key !== 'string') {
-      continue;
-    }
-
-    // Always block "__proto__" anywhere in the path if it's not expected
-    if (key === '__proto__' && !hasOwnProperty.call(object, '__proto__')) {
-      return false;
-    }
-
-    // Block "constructor.prototype" chains
-    if (key === 'constructor' &&
-        (index + 1) < length &&
-        typeof path[index + 1] === 'string' &&
-        path[index + 1] === 'prototype') {
-
-      // Allow ONLY when the path starts at a primitive root, e.g., _.unset(0, 'constructor.prototype.a')
-      if (isRootPrimitive && index === 0) {
-        continue;
-      }
-
-      return false;
-    }
-  }
-
-  var obj = parent(object, path);
-  return obj == null || delete obj[toKey(last(path))];
-}
-
-/**
- * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain
- * objects.
- *
- * @private
- * @param {*} value The value to inspect.
- * @param {string} key The key of the property to inspect.
- * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.
- */
-function customOmitClone(value) {
-  return isPlainObject(value) ? undefined : value;
-}
-
-/** Used to compose bitmasks for cloning. */
-var CLONE_DEEP_FLAG = 1,
-    CLONE_FLAT_FLAG = 2,
-    CLONE_SYMBOLS_FLAG = 4;
-
-/**
- * The opposite of `_.pick`; this method creates an object composed of the
- * own and inherited enumerable property paths of `object` that are not omitted.
- *
- * **Note:** This method is considerably slower than `_.pick`.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Object
- * @param {Object} object The source object.
- * @param {...(string|string[])} [paths] The property paths to omit.
- * @returns {Object} Returns the new object.
- * @example
- *
- * var object = { 'a': 1, 'b': '2', 'c': 3 };
- *
- * _.omit(object, ['a', 'c']);
- * // => { 'b': '2' }
- */
-var omit = flatRest(function(object, paths) {
-  var result = {};
-  if (object == null) {
-    return result;
-  }
-  var isDeep = false;
-  paths = arrayMap(paths, function(path) {
-    path = castPath(path, object);
-    isDeep || (isDeep = path.length > 1);
-    return path;
-  });
-  copyObject(object, getAllKeysIn(object), result);
-  if (isDeep) {
-    result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
-  }
-  var length = paths.length;
-  while (length--) {
-    baseUnset(result, paths[length]);
-  }
-  return result;
-});
+import { h as isString, f as isNumber, q as isBoolean, g as isUndefined, e as debugWarn, i as isArray, v as isPropAbsent, p as isObject, u as useNamespace, c as buildProps, d as definePropType } from './CcKUdl3e.mjs';
+import { _ as _export_sfc, a as withNoopInstall, w as withInstall } from './BTsEMnf_.mjs';
+import { b as formContextKey, u as useId } from './DQHGjqG5.mjs';
+import { b as useFormDisabled, u as useFormItem, c as useFormSize, a as useFormItemInputId } from './U13Qpiki.mjs';
+import { i as isEqual } from './Dw-yyl2m.mjs';
+import { u as useDeprecated } from './DTEM_vYZ.mjs';
+import { o as omit } from './C7Dgjpd1.mjs';
 
 const checkboxProps = {
   modelValue: {
@@ -320,14 +82,16 @@ const useCheckboxDisabled = ({
     const min = (_b = checkboxGroup == null ? void 0 : checkboxGroup.min) == null ? void 0 : _b.value;
     return !isUndefined(max) && model.value.length >= max && !isChecked.value || !isUndefined(min) && model.value.length <= min && isChecked.value;
   });
-  const isDisabled = useFormDisabled(computed(() => {
-    var _a, _b;
-    if (checkboxGroup === void 0) {
-      return (_a = formContext == null ? void 0 : formContext.disabled) != null ? _a : isLimitDisabled.value;
-    } else {
-      return ((_b = checkboxGroup.disabled) == null ? void 0 : _b.value) || isLimitDisabled.value;
-    }
-  }));
+  const isDisabled = useFormDisabled(
+    computed(() => {
+      var _a, _b;
+      if (checkboxGroup === void 0) {
+        return (_a = formContext == null ? void 0 : formContext.disabled) != null ? _a : isLimitDisabled.value;
+      } else {
+        return ((_b = checkboxGroup.disabled) == null ? void 0 : _b.value) || isLimitDisabled.value;
+      }
+    })
+  );
   return {
     isDisabled,
     isLimitDisabled
@@ -362,20 +126,29 @@ const useCheckboxEvent = (props, {
       return;
     if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
       const eventTargets = e.composedPath();
-      const hasLabel = eventTargets.some((item) => item.tagName === "LABEL");
+      const hasLabel = eventTargets.some(
+        (item) => item.tagName === "LABEL"
+      );
       if (!hasLabel) {
-        model.value = getLabeledValue([false, props.falseValue, props.falseLabel].includes(model.value));
+        model.value = getLabeledValue(
+          [false, props.falseValue, props.falseLabel].includes(model.value)
+        );
         await nextTick();
         emitChangeEvent(model.value, e);
       }
     }
   }
-  const validateEvent = computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
-  watch(() => props.modelValue, () => {
-    if (validateEvent.value) {
-      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+  const validateEvent = computed(
+    () => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent
+  );
+  watch(
+    () => props.modelValue,
+    () => {
+      if (validateEvent.value) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+      }
     }
-  });
+  );
   return {
     handleChange,
     onClickRoot
@@ -436,12 +209,15 @@ const useCheckboxStatus = (props, slots, { model }) => {
       return !!value;
     }
   });
-  const checkboxButtonSize = useFormSize(computed(() => {
-    var _a;
-    return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
-  }), {
-    prop: true
-  });
+  const checkboxButtonSize = useFormSize(
+    computed(() => {
+      var _a;
+      return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
+    }),
+    {
+      prop: true
+    }
+  );
   const checkboxSize = useFormSize(computed(() => {
     var _a;
     return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
@@ -495,27 +271,36 @@ const useCheckbox = (props, slots) => {
     props.checked && addToStore();
   };
   setStoreValue();
-  useDeprecated({
-    from: "label act as value",
-    replacement: "value",
-    version: "3.0.0",
-    scope: "el-checkbox",
-    ref: "https://element-plus.org/en-US/component/checkbox.html"
-  }, computed(() => isGroup.value && isPropAbsent(props.value)));
-  useDeprecated({
-    from: "true-label",
-    replacement: "true-value",
-    version: "3.0.0",
-    scope: "el-checkbox",
-    ref: "https://element-plus.org/en-US/component/checkbox.html"
-  }, computed(() => !!props.trueLabel));
-  useDeprecated({
-    from: "false-label",
-    replacement: "false-value",
-    version: "3.0.0",
-    scope: "el-checkbox",
-    ref: "https://element-plus.org/en-US/component/checkbox.html"
-  }, computed(() => !!props.falseLabel));
+  useDeprecated(
+    {
+      from: "label act as value",
+      replacement: "value",
+      version: "3.0.0",
+      scope: "el-checkbox",
+      ref: "https://element-plus.org/en-US/component/checkbox.html"
+    },
+    computed(() => isGroup.value && isPropAbsent(props.value))
+  );
+  useDeprecated(
+    {
+      from: "true-label",
+      replacement: "true-value",
+      version: "3.0.0",
+      scope: "el-checkbox",
+      ref: "https://element-plus.org/en-US/component/checkbox.html"
+    },
+    computed(() => !!props.trueLabel)
+  );
+  useDeprecated(
+    {
+      from: "false-label",
+      replacement: "false-value",
+      version: "3.0.0",
+      scope: "el-checkbox",
+      ref: "https://element-plus.org/en-US/component/checkbox.html"
+    },
+    computed(() => !!props.falseLabel)
+  );
   return {
     inputId,
     isLabeledByFormItem,
@@ -532,11 +317,12 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const __default__$5 = defineComponent({
-  name: "ElCheckbox"
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _hoisted_1$4 = ["id", "indeterminate", "name", "tabindex", "disabled"];
+const _sfc_main$5 = defineComponent({
+  ...{
+    name: "ElCheckbox"
+  },
+  __name: "checkbox",
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -589,60 +375,84 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(!unref(hasOwnLabel) && unref(isLabeledByFormItem) ? "span" : "label"), {
         for: !unref(hasOwnLabel) && unref(isLabeledByFormItem) ? null : unref(inputId),
-        class: normalizeClass(unref(compKls)),
+        class: normalizeClass(compKls.value),
         "aria-controls": _ctx.indeterminate ? _ctx.ariaControls : null,
         "aria-checked": _ctx.indeterminate ? "mixed" : void 0,
         "aria-label": _ctx.ariaLabel,
         onClick: unref(onClickRoot)
       }, {
         default: withCtx(() => [
-          createElementVNode("span", {
-            class: normalizeClass(unref(spanKls))
-          }, [
-            withDirectives(createElementVNode("input", mergeProps({
-              id: unref(inputId),
-              "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
-              class: unref(ns).e("original"),
-              type: "checkbox",
-              indeterminate: _ctx.indeterminate,
-              name: _ctx.name,
-              tabindex: _ctx.tabindex,
-              disabled: unref(isDisabled)
-            }, unref(inputBindings), {
-              onChange: unref(handleChange),
-              onFocus: ($event) => isFocused.value = true,
-              onBlur: ($event) => isFocused.value = false,
-              onClick: withModifiers(() => {
-              }, ["stop"])
-            }), null, 16, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "onChange", "onFocus", "onBlur", "onClick"]), [
-              [vModelCheckbox, unref(model)]
-            ]),
-            createElementVNode("span", {
-              class: normalizeClass(unref(ns).e("inner"))
-            }, null, 2)
-          ], 2),
-          unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(unref(ns).e("label"))
-          }, [
-            renderSlot(_ctx.$slots, "default"),
-            !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createTextVNode(toDisplayString(_ctx.label), 1)
-            ], 64)) : createCommentVNode("v-if", true)
-          ], 2)) : createCommentVNode("v-if", true)
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(spanKls.value)
+            },
+            [
+              withDirectives(createElementVNode("input", mergeProps({
+                id: unref(inputId),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
+                class: unref(ns).e("original"),
+                type: "checkbox",
+                indeterminate: _ctx.indeterminate,
+                name: _ctx.name,
+                tabindex: _ctx.tabindex,
+                disabled: unref(isDisabled)
+              }, inputBindings.value, {
+                onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
+                onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
+                onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
+                onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+                }, ["stop"]))
+              }), null, 16, _hoisted_1$4), [
+                [vModelCheckbox, unref(model)]
+              ]),
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass(unref(ns).e("inner"))
+                },
+                null,
+                2
+              )
+            ],
+            2
+          ),
+          unref(hasOwnLabel) ? (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 0,
+              class: normalizeClass(unref(ns).e("label"))
+            },
+            [
+              renderSlot(_ctx.$slots, "default"),
+              !_ctx.$slots.default ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 0 },
+                [
+                  createTextVNode(
+                    toDisplayString(_ctx.label),
+                    1
+                  )
+                ],
+                64
+              )) : createCommentVNode("v-if", true)
+            ],
+            2
+          )) : createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["for", "class", "aria-controls", "aria-checked", "aria-label", "onClick"]);
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox.vue"]]);
 
-const __default__$4 = defineComponent({
-  name: "ElCheckboxButton"
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _hoisted_1$3 = ["name", "tabindex", "disabled"];
+const _sfc_main$4 = defineComponent({
+  ...{
+    name: "ElCheckboxButton"
+  },
+  __name: "checkbox-button",
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -691,39 +501,52 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       ];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(unref(labelKls))
-      }, [
-        withDirectives(createElementVNode("input", mergeProps({
-          "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
-          class: unref(ns).be("button", "original"),
-          type: "checkbox",
-          name: _ctx.name,
-          tabindex: _ctx.tabindex,
-          disabled: unref(isDisabled)
-        }, unref(inputBindings), {
-          onChange: unref(handleChange),
-          onFocus: ($event) => isFocused.value = true,
-          onBlur: ($event) => isFocused.value = false,
-          onClick: withModifiers(() => {
-          }, ["stop"])
-        }), null, 16, ["onUpdate:modelValue", "name", "tabindex", "disabled", "onChange", "onFocus", "onBlur", "onClick"]), [
-          [vModelCheckbox, unref(model)]
-        ]),
-        _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass(unref(ns).be("button", "inner")),
-          style: normalizeStyle(unref(isChecked) ? unref(activeStyle) : void 0)
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
-          ])
-        ], 6)) : createCommentVNode("v-if", true)
-      ], 2);
+      return openBlock(), createElementBlock(
+        "label",
+        {
+          class: normalizeClass(labelKls.value)
+        },
+        [
+          withDirectives(createElementVNode("input", mergeProps({
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
+            class: unref(ns).be("button", "original"),
+            type: "checkbox",
+            name: _ctx.name,
+            tabindex: _ctx.tabindex,
+            disabled: unref(isDisabled)
+          }, inputBindings.value, {
+            onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
+            onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
+            onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
+            onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+            }, ["stop"]))
+          }), null, 16, _hoisted_1$3), [
+            [vModelCheckbox, unref(model)]
+          ]),
+          _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 0,
+              class: normalizeClass(unref(ns).be("button", "inner")),
+              style: normalizeStyle(unref(isChecked) ? activeStyle.value : void 0)
+            },
+            [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(
+                  toDisplayString(_ctx.label),
+                  1
+                )
+              ])
+            ],
+            6
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+      );
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-button.vue"]]);
 
 const checkboxGroupProps = buildProps({
   modelValue: {
@@ -771,15 +594,16 @@ const checkboxDefaultProps = {
   disabled: "disabled"
 };
 
-const __default__$3 = defineComponent({
-  name: "ElCheckboxGroup"
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$3 = defineComponent({
+  ...{
+    name: "ElCheckboxGroup"
+  },
+  __name: "checkbox-group",
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const ns = useNamespace("checkbox");
     const checkboxDisabled = useFormDisabled();
     const { formItem } = useFormItem();
@@ -812,7 +636,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       };
       return { ...omit(option, [label, value, disabled]), ...base };
     };
-    const optionComponent = computed(() => props.type === "button" ? CheckboxButton : Checkbox);
+    const optionComponent = computed(
+      () => props.type === "button" ? CheckboxButton : Checkbox
+    );
     provide(checkboxGroupContextKey, {
       ...pick(toRefs(props), [
         "size",
@@ -826,11 +652,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       modelValue,
       changeEvent
     });
-    watch(() => props.modelValue, (newVal, oldValue) => {
-      if (props.validateEvent && !isEqual(newVal, oldValue)) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+    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) => {
       var _a;
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
@@ -842,9 +671,19 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
-              return openBlock(), createBlock(resolveDynamicComponent(unref(optionComponent)), mergeProps({ key: index }, getOptionProps(item)), null, 16);
-            }), 128))
+            (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
+            ))
           ])
         ]),
         _: 3
@@ -852,7 +691,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-group.vue"]]);
 
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
@@ -924,13 +763,16 @@ const useRadio = (props, emit) => {
   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)));
+  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,
@@ -944,15 +786,17 @@ const useRadio = (props, emit) => {
   };
 };
 
-const __default__$2 = defineComponent({
-  name: "ElRadio"
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _hoisted_1$2 = ["value", "name", "disabled", "checked"];
+const _sfc_main$2 = defineComponent({
+  ...{
+    name: "ElRadio"
+  },
+  __name: "radio",
   props: radioProps,
   emits: radioEmits,
-  setup(__props, { emit }) {
+  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() {
@@ -960,69 +804,93 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     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", {
+      return openBlock(), createElementBlock(
+        "label",
+        {
           class: normalizeClass([
-            unref(ns).e("input"),
+            unref(ns).b(),
             unref(ns).is("disabled", unref(disabled)),
-            unref(ns).is("checked", unref(modelValue) === unref(actualValue))
-          ])
-        }, [
-          withDirectives(createElementVNode("input", {
-            ref_key: "radioRef",
-            ref: radioRef,
-            "onUpdate:modelValue": ($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: ($event) => focus.value = true,
-            onBlur: ($event) => focus.value = false,
-            onChange: handleChange,
-            onClick: withModifiers(() => {
-            }, ["stop"])
-          }, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "checked", "onFocus", "onBlur", "onClick"]), [
-            [vModelRadio, unref(modelValue)]
-          ]),
-          createElementVNode("span", {
-            class: normalizeClass(unref(ns).e("inner"))
-          }, null, 2)
-        ], 2),
-        createElementVNode("span", {
-          class: normalizeClass(unref(ns).e("label")),
-          onKeydown: withModifiers(() => {
-          }, ["stop"])
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
+            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))
           ])
-        ], 42, ["onKeydown"])
-      ], 2);
+        },
+        [
+          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", "radio.vue"]]);
+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 __default__$1 = defineComponent({
-  name: "ElRadioButton"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _hoisted_1$1 = ["value", "name", "disabled"];
+const _sfc_main$1 = defineComponent({
+  ...{
+    name: "ElRadioButton"
+  },
+  __name: "radio-button",
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -1038,46 +906,59 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     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": ($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: ($event) => focus.value = true,
-          onBlur: ($event) => focus.value = false,
-          onClick: withModifiers(() => {
-          }, ["stop"])
-        }, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "onFocus", "onBlur", "onClick"]), [
-          [vModelRadio, unref(modelValue)]
-        ]),
-        createElementVNode("span", {
-          class: normalizeClass(unref(ns).be("button", "inner")),
-          style: normalizeStyle(unref(modelValue) === unref(actualValue) ? unref(activeStyle) : {}),
-          onKeydown: withModifiers(() => {
-          }, ["stop"])
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
+      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))
           ])
-        ], 46, ["onKeydown"])
-      ], 2);
+        },
+        [
+          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", "radio-button.vue"]]);
+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: {
@@ -1130,15 +1011,17 @@ const radioDefaultProps = {
   disabled: "disabled"
 };
 
-const __default__ = defineComponent({
-  name: "ElRadioGroup"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElRadioGroup"
+  },
+  __name: "radio-group",
   props: radioGroupProps,
   emits: radioGroupEmits,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const ns = useNamespace("radio");
     const radioId = useId();
     const radioGroupRef = ref();
@@ -1173,17 +1056,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
       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));
+    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),
@@ -1195,15 +1086,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "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(unref(optionComponent)), mergeProps({ key: index }, getOptionProps(item)), null, 16);
-          }), 128))
+          (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, ["id", "aria-label", "aria-labelledby"]);
+      ], 10, _hoisted_1);
     };
   }
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "radio-group.vue"]]);
+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,