element-pe 2.0.6 → 2.0.9

package/lib/components/popper/src/popper2.js

@@ -2,36 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../tokens/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var popper = require('../../../tokens/popper.js');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
 
-const __default__ = {
-  name: "ElPopperRoot",
-  inheritAttrs: false
+const effects = ["light", "dark"];
+const triggers = ["click", "contextmenu", "hover", "focus"];
+const Effect = {
+  LIGHT: "light",
+  DARK: "dark"
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  setup(__props, { expose }) {
-    const triggerRef = vue.ref();
-    const popperInstanceRef = vue.ref();
-    const contentRef = vue.ref();
-    const referenceRef = vue.ref();
-    const popperProvides = {
-      triggerRef,
-      popperInstanceRef,
-      contentRef,
-      referenceRef
-    };
-    expose(popperProvides);
-    vue.provide(popper.POPPER_INJECTION_KEY, popperProvides);
-    return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default");
-    };
+const usePopperProps = props.buildProps({
+  autoClose: {
+    type: Number,
+    default: 0
+  },
+  cutoff: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
   }
 });
-var Popper = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/popper/src/popper.vue"]]);
 
-exports["default"] = Popper;
+exports.Effect = Effect;
+exports.usePopperProps = usePopperProps;
 //# sourceMappingURL=popper2.js.map

package/lib/components/popper/src/popper2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popper2.js","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from '@element-plus/tokens'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from '@element-plus/tokens'\n\ndefineOptions({\n  name: 'ElPopperRoot',\n  inheritAttrs: false,\n})\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":["ref","provide","POPPER_INJECTION_KEY"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAA,MAAA,aAAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,oBAAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,aAAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,eAAAA,OAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA;AAAA,MAIA,UAAA;AAAA,MAIA,iBAAA;AAAA,MAIA,UAAA;AAAA,MAIA,YAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAEA,IAAAC,WAAA,CAAAC,6BAAA,cAAA,CAAA,CAAA;;;;;;;;;;"}
+{"version":3,"file":"popper2.js","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n}\n\nexport type PopperEffect = typeof effects[number]\nexport type PopperTrigger = typeof triggers[number]\n\nexport const usePopperProps = buildProps({\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport type UsePopperProps = ExtractPropTypes<typeof usePopperProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACA,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,cAAc,GAAGA,gBAAU,CAAC;AACzC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;;"}

package/lib/components/radio/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../utils/index.js');
 var radio$1 = require('./src/radio2.js');
 var radioButton$1 = require('./src/radio-button2.js');
-var radioGroup$1 = require('./src/radio-group.js');
+var radioGroup$1 = require('./src/radio-group2.js');
 var radio = require('./src/radio.js');
-var radioGroup = require('./src/radio-group2.js');
+var radioGroup = require('./src/radio-group.js');
 var radioButton = require('./src/radio-button.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/radio/src/radio-group.js

@@ -2,93 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../constants/index.js');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var radioGroup = require('./radio-group2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-form-item/index.js');
-var event = require('../../../constants/event.js');
-var aria = require('../../../constants/aria.js');
-var radio = require('../../../tokens/radio.js');
-var error = require('../../../utils/error.js');
+require('../../../hooks/index.js');
+var radio = require('./radio.js');
+var props = require('../../../utils/vue/props.js');
+var index = require('../../../hooks/use-common-props/index.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElRadioGroup",
-  props: radioGroup.radioGroupProps,
-  emits: radioGroup.radioGroupEmits,
-  setup(props, ctx) {
-    const ns = index.useNamespace("radio");
-    const radioGroupRef = vue.ref();
-    const { formItem } = index$1.useFormItem();
-    const changeEvent = (value) => {
-      ctx.emit(event.UPDATE_MODEL_EVENT, value);
-      vue.nextTick(() => ctx.emit("change", value));
-    };
-    const handleKeydown = (e) => {
-      if (!radioGroupRef.value)
-        return;
-      const target = e.target;
-      const className = target.nodeName === "INPUT" ? "[type=radio]" : "[role=radio]";
-      const radios = radioGroupRef.value.querySelectorAll(className);
-      const length = radios.length;
-      const index = Array.from(radios).indexOf(target);
-      const roleRadios = radioGroupRef.value.querySelectorAll("[role=radio]");
-      let nextIndex = null;
-      switch (e.code) {
-        case aria.EVENT_CODE.left:
-        case aria.EVENT_CODE.up:
-          e.stopPropagation();
-          e.preventDefault();
-          nextIndex = index === 0 ? length - 1 : index - 1;
-          break;
-        case aria.EVENT_CODE.right:
-        case aria.EVENT_CODE.down:
-          e.stopPropagation();
-          e.preventDefault();
-          nextIndex = index === length - 1 ? 0 : index + 1;
-          break;
-        default:
-          break;
-      }
-      if (nextIndex === null)
-        return;
-      roleRadios[nextIndex].click();
-      roleRadios[nextIndex].focus();
-    };
-    vue.onMounted(() => {
-      const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
-      const firstLabel = radios[0];
-      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
-        firstLabel.tabIndex = 0;
-      }
-    });
-    vue.provide(radio.radioGroupKey, vue.reactive({
-      ...vue.toRefs(props),
-      changeEvent
-    }));
-    vue.watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err)));
-    return {
-      ns,
-      radioGroupRef,
-      handleKeydown
-    };
+const radioGroupProps = props.buildProps({
+  size: index.useSizeProp,
+  disabled: Boolean,
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: ""
+  },
+  fill: {
+    type: String,
+    default: ""
+  },
+  textColor: {
+    type: String,
+    default: ""
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "radioGroupRef",
-    class: vue.normalizeClass(_ctx.ns.b("group")),
-    role: "radiogroup",
-    onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 34);
-}
-var RadioGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/radio/src/radio-group.vue"]]);
+const radioGroupEmits = radio.radioEmits;
 
-exports["default"] = RadioGroup;
+exports.radioGroupEmits = radioGroupEmits;
+exports.radioGroupProps = radioGroupProps;
 //# sourceMappingURL=radio-group.js.map

package/lib/components/radio/src/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"radioGroupRef\"\n    :class=\"ns.b('group')\"\n    role=\"radiogroup\"\n    @keydown=\"handleKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { radioGroupKey } from '@element-plus/tokens'\nimport { useFormItem, useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { radioGroupEmits, radioGroupProps } from './radio-group'\nimport type { RadioGroupProps } from '..'\n\nexport default defineComponent({\n  name: 'ElRadioGroup',\n  props: radioGroupProps,\n  emits: radioGroupEmits,\n\n  setup(props, ctx) {\n    const ns = useNamespace('radio')\n    const radioGroupRef = ref<HTMLDivElement>()\n    const { formItem } = useFormItem()\n\n    const changeEvent = (value: RadioGroupProps['modelValue']) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => ctx.emit('change', value))\n    }\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      if (!radioGroupRef.value) return\n\n      // 左右上下按键 可以在 radio 组内切换不同选项\n      const target = e.target as HTMLInputElement\n      const className =\n        target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]'\n      const radios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>(className)\n      const length = radios.length\n      const index = Array.from(radios).indexOf(target)\n      const roleRadios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>('[role=radio]')\n\n      let nextIndex: number | null = null\n      switch (e.code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === 0 ? length - 1 : index - 1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === length - 1 ? 0 : index + 1\n          break\n        default:\n          break\n      }\n      if (nextIndex === null) return\n      roleRadios[nextIndex].click()\n      roleRadios[nextIndex].focus()\n    }\n\n    onMounted(() => {\n      const radios =\n        radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n      const firstLabel = radios[0]\n      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n        firstLabel.tabIndex = 0\n      }\n    })\n\n    provide(\n      radioGroupKey,\n      reactive({\n        ...toRefs(props),\n        changeEvent,\n      })\n    )\n\n    watch(\n      () => props.modelValue,\n      () => formItem?.validate('change').catch((err) => debugWarn(err))\n    )\n\n    return {\n      ns,\n      radioGroupRef,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","radioGroupProps","radioGroupEmits","useNamespace","ref","useFormItem","UPDATE_MODEL_EVENT","nextTick","EVENT_CODE","onMounted","provide","radioGroupKey","reactive","toRefs","watch","debugWarn","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"radio-group.js","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\n\nexport const radioGroupProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  fill: {\n    type: String,\n    default: '',\n  },\n  textColor: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\n"],"names":["buildProps","useSizeProp","radioEmits"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAGC;;;;;"}

package/lib/components/radio/src/radio-group2.js

@@ -2,30 +2,93 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+require('../../../constants/index.js');
+require('../../../tokens/index.js');
 require('../../../hooks/index.js');
-var radio = require('./radio.js');
-var props = require('../../../utils/vue/props.js');
-var index = require('../../../hooks/use-common-props/index.js');
+require('../../../utils/index.js');
+var radioGroup = require('./radio-group.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-form-item/index.js');
+var event = require('../../../constants/event.js');
+var aria = require('../../../constants/aria.js');
+var radio = require('../../../tokens/radio.js');
+var error = require('../../../utils/error.js');
 
-const radioGroupProps = props.buildProps({
-  size: index.useSizeProp,
-  disabled: Boolean,
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: ""
-  },
-  fill: {
-    type: String,
-    default: ""
-  },
-  textColor: {
-    type: String,
-    default: ""
+const _sfc_main = vue.defineComponent({
+  name: "ElRadioGroup",
+  props: radioGroup.radioGroupProps,
+  emits: radioGroup.radioGroupEmits,
+  setup(props, ctx) {
+    const ns = index.useNamespace("radio");
+    const radioGroupRef = vue.ref();
+    const { formItem } = index$1.useFormItem();
+    const changeEvent = (value) => {
+      ctx.emit(event.UPDATE_MODEL_EVENT, value);
+      vue.nextTick(() => ctx.emit("change", value));
+    };
+    const handleKeydown = (e) => {
+      if (!radioGroupRef.value)
+        return;
+      const target = e.target;
+      const className = target.nodeName === "INPUT" ? "[type=radio]" : "[role=radio]";
+      const radios = radioGroupRef.value.querySelectorAll(className);
+      const length = radios.length;
+      const index = Array.from(radios).indexOf(target);
+      const roleRadios = radioGroupRef.value.querySelectorAll("[role=radio]");
+      let nextIndex = null;
+      switch (e.code) {
+        case aria.EVENT_CODE.left:
+        case aria.EVENT_CODE.up:
+          e.stopPropagation();
+          e.preventDefault();
+          nextIndex = index === 0 ? length - 1 : index - 1;
+          break;
+        case aria.EVENT_CODE.right:
+        case aria.EVENT_CODE.down:
+          e.stopPropagation();
+          e.preventDefault();
+          nextIndex = index === length - 1 ? 0 : index + 1;
+          break;
+        default:
+          break;
+      }
+      if (nextIndex === null)
+        return;
+      roleRadios[nextIndex].click();
+      roleRadios[nextIndex].focus();
+    };
+    vue.onMounted(() => {
+      const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
+      const firstLabel = radios[0];
+      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
+        firstLabel.tabIndex = 0;
+      }
+    });
+    vue.provide(radio.radioGroupKey, vue.reactive({
+      ...vue.toRefs(props),
+      changeEvent
+    }));
+    vue.watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err)));
+    return {
+      ns,
+      radioGroupRef,
+      handleKeydown
+    };
   }
 });
-const radioGroupEmits = radio.radioEmits;
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    ref: "radioGroupRef",
+    class: vue.normalizeClass(_ctx.ns.b("group")),
+    role: "radiogroup",
+    onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
+  }, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 34);
+}
+var RadioGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/radio/src/radio-group.vue"]]);
 
-exports.radioGroupEmits = radioGroupEmits;
-exports.radioGroupProps = radioGroupProps;
+exports["default"] = RadioGroup;
 //# sourceMappingURL=radio-group2.js.map

package/lib/components/radio/src/radio-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group2.js","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\n\nexport const radioGroupProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  fill: {\n    type: String,\n    default: '',\n  },\n  textColor: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\n"],"names":["buildProps","useSizeProp","radioEmits"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAGC;;;;;"}
+{"version":3,"file":"radio-group2.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"radioGroupRef\"\n    :class=\"ns.b('group')\"\n    role=\"radiogroup\"\n    @keydown=\"handleKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { radioGroupKey } from '@element-plus/tokens'\nimport { useFormItem, useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { radioGroupEmits, radioGroupProps } from './radio-group'\nimport type { RadioGroupProps } from '..'\n\nexport default defineComponent({\n  name: 'ElRadioGroup',\n  props: radioGroupProps,\n  emits: radioGroupEmits,\n\n  setup(props, ctx) {\n    const ns = useNamespace('radio')\n    const radioGroupRef = ref<HTMLDivElement>()\n    const { formItem } = useFormItem()\n\n    const changeEvent = (value: RadioGroupProps['modelValue']) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => ctx.emit('change', value))\n    }\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      if (!radioGroupRef.value) return\n\n      // 左右上下按键 可以在 radio 组内切换不同选项\n      const target = e.target as HTMLInputElement\n      const className =\n        target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]'\n      const radios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>(className)\n      const length = radios.length\n      const index = Array.from(radios).indexOf(target)\n      const roleRadios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>('[role=radio]')\n\n      let nextIndex: number | null = null\n      switch (e.code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === 0 ? length - 1 : index - 1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === length - 1 ? 0 : index + 1\n          break\n        default:\n          break\n      }\n      if (nextIndex === null) return\n      roleRadios[nextIndex].click()\n      roleRadios[nextIndex].focus()\n    }\n\n    onMounted(() => {\n      const radios =\n        radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n      const firstLabel = radios[0]\n      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n        firstLabel.tabIndex = 0\n      }\n    })\n\n    provide(\n      radioGroupKey,\n      reactive({\n        ...toRefs(props),\n        changeEvent,\n      })\n    )\n\n    watch(\n      () => props.modelValue,\n      () => formItem?.validate('change').catch((err) => debugWarn(err))\n    )\n\n    return {\n      ns,\n      radioGroupRef,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","radioGroupProps","radioGroupEmits","useNamespace","ref","useFormItem","UPDATE_MODEL_EVENT","nextTick","EVENT_CODE","onMounted","provide","radioGroupKey","reactive","toRefs","watch","debugWarn","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}

package/lib/components/rate/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var rate$1 = require('./src/rate2.js');
-var rate = require('./src/rate.js');
+var rate$1 = require('./src/rate.js');
+var rate = require('./src/rate2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElRate = install.withInstall(rate$1["default"]);