element-pe 1.0.8 → 1.0.9-alpha.12

package/lib/components/radio/src/radio-group.vue_vue&type=script&lang.js

@@ -1,103 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var aria = require('../../../utils/aria.js');
-var constants = require('../../../utils/constants.js');
-var validators = require('../../../utils/validators.js');
-require('../../../tokens/index.js');
-var token = require('./token.js');
-var form = require('../../../tokens/form.js');
-
-var script = vue.defineComponent({
-  name: "ElRadioGroup",
-  componentName: "ElRadioGroup",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    size: {
-      type: String,
-      validator: validators.isValidComponentSize
-    },
-    fill: {
-      type: String,
-      default: ""
-    },
-    textColor: {
-      type: String,
-      default: ""
-    },
-    disabled: Boolean
-  },
-  emits: [constants.UPDATE_MODEL_EVENT, "change"],
-  setup(props, ctx) {
-    const radioGroup = vue.ref(null);
-    const elFormItem = vue.inject(form.elFormItemKey, {});
-    const radioGroupSize = vue.computed(() => {
-      return props.size || elFormItem.size;
-    });
-    const changeEvent = (value) => {
-      ctx.emit(constants.UPDATE_MODEL_EVENT, value);
-      vue.nextTick(() => {
-        ctx.emit("change", value);
-      });
-    };
-    vue.provide(token["default"], vue.reactive({
-      name: "ElRadioGroup",
-      ...vue.toRefs(props),
-      radioGroupSize,
-      changeEvent
-    }));
-    vue.watch(() => props.modelValue, () => {
-      var _a;
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-    });
-    const handleKeydown = (e) => {
-      const target = e.target;
-      const className = target.nodeName === "INPUT" ? "[type=radio]" : "[role=radio]";
-      const radios = radioGroup.value.querySelectorAll(className);
-      const length = radios.length;
-      const index = Array.from(radios).indexOf(target);
-      const roleRadios = radioGroup.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 = radioGroup.value.querySelectorAll("[type=radio]");
-      const firstLabel = radios[0];
-      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
-        firstLabel.tabIndex = 0;
-      }
-    });
-    return {
-      handleKeydown,
-      radioGroupSize,
-      radioGroup
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=radio-group.vue_vue&type=script&lang.js.map

package/lib/components/radio/src/radio-group.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"radioGroup\"\n    class=\"el-radio-group\"\n    role=\"radiogroup\"\n    @keydown=\"handleKeydown\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  computed,\n  provide,\n  onMounted,\n  inject,\n  ref,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { elFormItemKey } from '@element-plus/tokens'\nimport radioGroupKey from './token'\n\nimport type { PropType } from 'vue'\nimport type { ElFormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElRadioGroup',\n\n  componentName: 'ElRadioGroup',\n\n  props: {\n    modelValue: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    fill: {\n      type: String,\n      default: '',\n    },\n    textColor: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n  },\n\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n\n  setup(props, ctx) {\n    const radioGroup = ref(null)\n\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const radioGroupSize = computed<ComponentSize>(() => {\n      return props.size || elFormItem.size\n    })\n\n    // methods\n    const changeEvent = (value) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => {\n        ctx.emit('change', value)\n      })\n    }\n\n    provide(\n      radioGroupKey,\n      reactive({\n        name: 'ElRadioGroup',\n        ...toRefs(props),\n        radioGroupSize,\n        changeEvent,\n      } as any)\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n\n    const handleKeydown = (e) => {\n      // 左右上下按键 可以在radio组内切换不同选项\n      const target = e.target\n      const className =\n        target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]'\n      const radios = radioGroup.value.querySelectorAll(className)\n      const length = radios.length\n      const index = Array.from(radios).indexOf(target)\n      const roleRadios = radioGroup.value.querySelectorAll('[role=radio]')\n      let nextIndex = 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 = radioGroup.value.querySelectorAll('[type=radio]')\n      const firstLabel = radios[0]\n      if (\n        !Array.from(radios).some((radio: HTMLInputElement) => radio.checked) &&\n        firstLabel\n      ) {\n        firstLabel.tabIndex = 0\n      }\n    })\n    return {\n      handleKeydown,\n      radioGroupSize,\n      radioGroup,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","isValidComponentSize","UPDATE_MODEL_EVENT","ref","inject","elFormItemKey","computed","radioGroupKey","reactive","toRefs","EVENT_CODE"],"mappings":";;;;;;;;;;;;AAkCA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,eAAe;AAAA,EAEf,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA;AAAA,IAEb,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA;AAAA,EAGZ,OAAO,CAACC,8BAAoB;AAAA,EAE5B,MAAM,OAAO,KAAK;AAChB,UAAM,aAAaC,QAAI;AAEvB,UAAM,aAAaC,WAAOC,oBAAe;AAEzC,UAAM,iBAAiBC,aAAwB,MAAM;AACnD,aAAO,MAAM,QAAQ,WAAW;AAAA;AAIlC,UAAM,cAAc,CAAC,UAAU;AAC7B,UAAI,KAAKJ,8BAAoB;AAC7B,mBAAS,MAAM;AACb,YAAI,KAAK,UAAU;AAAA;AAAA;AAIvB,gBACEK,kBACAC,aAAS;AAAA,MACP,MAAM;AAAA,SACHC,WAAO;AAAA,MACV;AAAA,MACA;AAAA;AAIJ,cACE,MAAM,MAAM,YACZ,MAAM;;AACJ,uBAAW,aAAX,oCAAsB;AAAA;AAI1B,UAAM,gBAAgB,CAAC,MAAM;AAE3B,YAAM,SAAS,EAAE;AACjB,YAAM,YACJ,OAAO,aAAa,UAAU,iBAAiB;AACjD,YAAM,SAAS,WAAW,MAAM,iBAAiB;AACjD,YAAM,SAAS,OAAO;AACtB,YAAM,QAAQ,MAAM,KAAK,QAAQ,QAAQ;AACzC,YAAM,aAAa,WAAW,MAAM,iBAAiB;AACrD,UAAI,YAAY;AAChB,cAAQ,EAAE;AAAA,aACHC,gBAAW;AAAA,aACXA,gBAAW;AACd,YAAE;AACF,YAAE;AACF,sBAAY,UAAU,IAAI,SAAS,IAAI,QAAQ;AAC/C;AAAA,aACGA,gBAAW;AAAA,aACXA,gBAAW;AACd,YAAE;AACF,YAAE;AACF,sBAAY,UAAU,SAAS,IAAI,IAAI,QAAQ;AAC/C;AAAA;AAEA;AAAA;AAEJ,UAAI,cAAc;AAAM;AACxB,iBAAW,WAAW;AACtB,iBAAW,WAAW;AAAA;AAGxB,kBAAU,MAAM;AACd,YAAM,SAAS,WAAW,MAAM,iBAAiB;AACjD,YAAM,aAAa,OAAO;AAC1B,UACE,CAAC,MAAM,KAAK,QAAQ,KAAK,CAAC,UAA4B,MAAM,YAC5D,YACA;AACA,mBAAW,WAAW;AAAA;AAAA;AAG1B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/radio/src/radio-group.vue_vue&type=template&id=53ef81f9&lang.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "radioGroup",
-    class: "el-radio-group",
-    role: "radiogroup",
-    onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 544);
-}
-
-exports.render = render;
-//# sourceMappingURL=radio-group.vue_vue&type=template&id=53ef81f9&lang.js.map

package/lib/components/radio/src/radio-group.vue_vue&type=template&id=53ef81f9&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group.vue_vue&type=template&id=53ef81f9&lang.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue?vue&type=template&id=53ef81f9&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"radioGroup\"\n    class=\"el-radio-group\"\n    role=\"radiogroup\"\n    @keydown=\"handleKeydown\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  computed,\n  provide,\n  onMounted,\n  inject,\n  ref,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { elFormItemKey } from '@element-plus/tokens'\nimport radioGroupKey from './token'\n\nimport type { PropType } from 'vue'\nimport type { ElFormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElRadioGroup',\n\n  componentName: 'ElRadioGroup',\n\n  props: {\n    modelValue: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    fill: {\n      type: String,\n      default: '',\n    },\n    textColor: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n  },\n\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n\n  setup(props, ctx) {\n    const radioGroup = ref(null)\n\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const radioGroupSize = computed<ComponentSize>(() => {\n      return props.size || elFormItem.size\n    })\n\n    // methods\n    const changeEvent = (value) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => {\n        ctx.emit('change', value)\n      })\n    }\n\n    provide(\n      radioGroupKey,\n      reactive({\n        name: 'ElRadioGroup',\n        ...toRefs(props),\n        radioGroupSize,\n        changeEvent,\n      } as any)\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n\n    const handleKeydown = (e) => {\n      // 左右上下按键 可以在radio组内切换不同选项\n      const target = e.target\n      const className =\n        target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]'\n      const radios = radioGroup.value.querySelectorAll(className)\n      const length = radios.length\n      const index = Array.from(radios).indexOf(target)\n      const roleRadios = radioGroup.value.querySelectorAll('[role=radio]')\n      let nextIndex = 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 = radioGroup.value.querySelectorAll('[type=radio]')\n      const firstLabel = radios[0]\n      if (\n        !Array.from(radios).some((radio: HTMLInputElement) => radio.checked) &&\n        firstLabel\n      ) {\n        firstLabel.tabIndex = 0\n      }\n    })\n    return {\n      handleKeydown,\n      radioGroupSize,\n      radioGroup,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;0BACEA;IACE,KAAI;AAAA,IACJ,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,kDAAS;;IAEVC;;;;;;"}

package/lib/components/radio/src/radio.vue_vue&type=script&lang.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var constants = require('../../../utils/constants.js');
-var validators = require('../../../utils/validators.js');
-var useRadio = require('./useRadio.js');
-
-var script = vue.defineComponent({
-  name: "ElRadio",
-  componentName: "ElRadio",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    label: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    disabled: Boolean,
-    name: {
-      type: String,
-      default: ""
-    },
-    border: Boolean,
-    size: {
-      type: String,
-      validator: validators.isValidComponentSize
-    }
-  },
-  emits: [constants.UPDATE_MODEL_EVENT, "change"],
-  setup(props, ctx) {
-    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } = useRadio.useRadio();
-    const radioRef = vue.ref();
-    const model = vue.computed({
-      get() {
-        return isGroup.value ? radioGroup.modelValue : props.modelValue;
-      },
-      set(val) {
-        if (isGroup.value) {
-          radioGroup.changeEvent(val);
-        } else {
-          ctx.emit(constants.UPDATE_MODEL_EVENT, val);
-        }
-        radioRef.value.checked = props.modelValue === props.label;
-      }
-    });
-    const { tabIndex, isDisabled } = useRadio.useRadioAttrs(props, {
-      isGroup,
-      radioGroup,
-      elForm,
-      model
-    });
-    const radioSize = vue.computed(() => {
-      const temRadioSize = props.size || elFormItemSize.value || ELEMENT.size;
-      return isGroup.value ? radioGroup.radioGroupSize || temRadioSize : temRadioSize;
-    });
-    function handleChange() {
-      vue.nextTick(() => {
-        ctx.emit("change", model.value);
-      });
-    }
-    return {
-      focus,
-      isGroup,
-      isDisabled,
-      model,
-      tabIndex,
-      radioSize,
-      handleChange,
-      radioRef
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=radio.vue_vue&type=script&lang.js.map

package/lib/components/radio/src/radio.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio\"\n    :class=\"{\n      [`el-radio--${radioSize || ''}`]: radioSize,\n      'is-disabled': isDisabled,\n      'is-focus': focus,\n      'is-bordered': border,\n      'is-checked': model === label,\n    }\"\n    role=\"radio\"\n    :aria-checked=\"model === label\"\n    :aria-disabled=\"isDisabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"model = isDisabled ? model : label\"\n  >\n    <span\n      class=\"el-radio__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': model === label,\n      }\"\n    >\n      <span class=\"el-radio__inner\"></span>\n      <input\n        ref=\"radioRef\"\n        v-model=\"model\"\n        class=\"el-radio__original\"\n        :value=\"label\"\n        type=\"radio\"\n        aria-hidden=\"true\"\n        :name=\"name\"\n        :disabled=\"isDisabled\"\n        tabindex=\"-1\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n        @change=\"handleChange\"\n      />\n    </span>\n    <span class=\"el-radio__label\" @keydown.stop>\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, nextTick, ref } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useRadio, useRadioAttrs } from './useRadio'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElRadio',\n  componentName: 'ElRadio',\n\n  props: {\n    modelValue: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    label: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    disabled: Boolean,\n    name: {\n      type: String,\n      default: '',\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n\n  setup(props, ctx) {\n    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } =\n      useRadio()\n\n    const radioRef = ref<HTMLInputElement>()\n    const model = computed<string | number | boolean>({\n      get() {\n        return isGroup.value ? radioGroup.modelValue : props.modelValue\n      },\n      set(val) {\n        if (isGroup.value) {\n          radioGroup.changeEvent(val)\n        } else {\n          ctx.emit(UPDATE_MODEL_EVENT, val)\n        }\n        radioRef.value.checked = props.modelValue === props.label\n      },\n    })\n\n    const { tabIndex, isDisabled } = useRadioAttrs(props, {\n      isGroup,\n      radioGroup,\n      elForm,\n      model,\n    })\n\n    const radioSize = computed(() => {\n      const temRadioSize = props.size || elFormItemSize.value || ELEMENT.size\n      return isGroup.value\n        ? radioGroup.radioGroupSize || temRadioSize\n        : temRadioSize\n    })\n\n    function handleChange() {\n      nextTick(() => {\n        ctx.emit('change', model.value)\n      })\n    }\n\n    return {\n      focus,\n      isGroup,\n      isDisabled,\n      model,\n      tabIndex,\n      radioSize,\n      handleChange,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","isValidComponentSize","UPDATE_MODEL_EVENT","useRadio","ref","computed","useRadioAttrs"],"mappings":";;;;;;;;;AAwDA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,eAAe;AAAA,EAEf,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA;AAAA;AAAA,EAIf,OAAO,CAACC,8BAAoB;AAAA,EAE5B,MAAM,OAAO,KAAK;AAChB,UAAM,EAAE,SAAS,YAAY,gBAAgB,SAAS,OAAO,WAC3DC;AAEF,UAAM,WAAWC;AACjB,UAAM,QAAQC,aAAoC;AAAA,MAChD,MAAM;AACJ,eAAO,QAAQ,QAAQ,WAAW,aAAa,MAAM;AAAA;AAAA,MAEvD,IAAI,KAAK;AACP,YAAI,QAAQ,OAAO;AACjB,qBAAW,YAAY;AAAA,eAClB;AACL,cAAI,KAAKH,8BAAoB;AAAA;AAE/B,iBAAS,MAAM,UAAU,MAAM,eAAe,MAAM;AAAA;AAAA;AAIxD,UAAM,EAAE,UAAU,eAAeI,uBAAc,OAAO;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,UAAM,YAAYD,aAAS,MAAM;AAC/B,YAAM,eAAe,MAAM,QAAQ,eAAe,SAAS,QAAQ;AACnE,aAAO,QAAQ,QACX,WAAW,kBAAkB,eAC7B;AAAA;AAGN,4BAAwB;AACtB,mBAAS,MAAM;AACb,YAAI,KAAK,UAAU,MAAM;AAAA;AAAA;AAI7B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/radio/src/radio.vue_vue&type=template&id=6aa3dfc7&lang.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-radio__inner" }, null, -1);
-const _hoisted_3 = ["value", "name", "disabled"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass(["el-radio", {
-      [`el-radio--${_ctx.radioSize || ""}`]: _ctx.radioSize,
-      "is-disabled": _ctx.isDisabled,
-      "is-focus": _ctx.focus,
-      "is-bordered": _ctx.border,
-      "is-checked": _ctx.model === _ctx.label
-    }]),
-    role: "radio",
-    "aria-checked": _ctx.model === _ctx.label,
-    "aria-disabled": _ctx.isDisabled,
-    tabindex: _ctx.tabIndex,
-    onKeydown: _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers(($event) => _ctx.model = _ctx.isDisabled ? _ctx.model : _ctx.label, ["stop", "prevent"]), ["space"]))
-  }, [
-    vue.createElementVNode("span", {
-      class: vue.normalizeClass(["el-radio__input", {
-        "is-disabled": _ctx.isDisabled,
-        "is-checked": _ctx.model === _ctx.label
-      }])
-    }, [
-      _hoisted_2,
-      vue.withDirectives(vue.createElementVNode("input", {
-        ref: "radioRef",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-        class: "el-radio__original",
-        value: _ctx.label,
-        type: "radio",
-        "aria-hidden": "true",
-        name: _ctx.name,
-        disabled: _ctx.isDisabled,
-        tabindex: "-1",
-        onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
-        onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false),
-        onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
-      }, null, 40, _hoisted_3), [
-        [vue.vModelRadio, _ctx.model]
-      ])
-    ], 2),
-    vue.createElementVNode("span", {
-      class: "el-radio__label",
-      onKeydown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
-      }, ["stop"]))
-    }, [
-      vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-      ])
-    ], 32)
-  ], 42, _hoisted_1);
-}
-
-exports.render = render;
-//# sourceMappingURL=radio.vue_vue&type=template&id=6aa3dfc7&lang.js.map

package/lib/components/radio/src/radio.vue_vue&type=template&id=6aa3dfc7&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.vue_vue&type=template&id=6aa3dfc7&lang.js","sources":["../../../../../../packages/components/radio/src/radio.vue?vue&type=template&id=6aa3dfc7&lang.js"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio\"\n    :class=\"{\n      [`el-radio--${radioSize || ''}`]: radioSize,\n      'is-disabled': isDisabled,\n      'is-focus': focus,\n      'is-bordered': border,\n      'is-checked': model === label,\n    }\"\n    role=\"radio\"\n    :aria-checked=\"model === label\"\n    :aria-disabled=\"isDisabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"model = isDisabled ? model : label\"\n  >\n    <span\n      class=\"el-radio__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': model === label,\n      }\"\n    >\n      <span class=\"el-radio__inner\"></span>\n      <input\n        ref=\"radioRef\"\n        v-model=\"model\"\n        class=\"el-radio__original\"\n        :value=\"label\"\n        type=\"radio\"\n        aria-hidden=\"true\"\n        :name=\"name\"\n        :disabled=\"isDisabled\"\n        tabindex=\"-1\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n        @change=\"handleChange\"\n      />\n    </span>\n    <span class=\"el-radio__label\" @keydown.stop>\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, nextTick, ref } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useRadio, useRadioAttrs } from './useRadio'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElRadio',\n  componentName: 'ElRadio',\n\n  props: {\n    modelValue: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    label: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    disabled: Boolean,\n    name: {\n      type: String,\n      default: '',\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n\n  setup(props, ctx) {\n    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } =\n      useRadio()\n\n    const radioRef = ref<HTMLInputElement>()\n    const model = computed<string | number | boolean>({\n      get() {\n        return isGroup.value ? radioGroup.modelValue : props.modelValue\n      },\n      set(val) {\n        if (isGroup.value) {\n          radioGroup.changeEvent(val)\n        } else {\n          ctx.emit(UPDATE_MODEL_EVENT, val)\n        }\n        radioRef.value.checked = props.modelValue === props.label\n      },\n    })\n\n    const { tabIndex, isDisabled } = useRadioAttrs(props, {\n      isGroup,\n      radioGroup,\n      elForm,\n      model,\n    })\n\n    const radioSize = computed(() => {\n      const temRadioSize = props.size || elFormItemSize.value || ELEMENT.size\n      return isGroup.value\n        ? radioGroup.radioGroupSize || temRadioSize\n        : temRadioSize\n    })\n\n    function handleChange() {\n      nextTick(() => {\n        ctx.emit('change', model.value)\n      })\n    }\n\n    return {\n      focus,\n      isGroup,\n      isDisabled,\n      model,\n      tabIndex,\n      radioSize,\n      handleChange,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;;;oEAuBY,OAAM;;;0BAtBhBA;IACE,2BAAM;;;;;;;IAQN,MAAK;AAAA,IACJ,gBAAc,eAAU;IACxB,iBAAe;IACf,UAAU;IACV,gFAA4B,aAAQ,kBAAa,aAAQ;;IAE1DC;MACE,2BAAM;;;;;MAMN;AAAA,yBACAA;QACE,KAAI;AAAA,qEACK;QACT,OAAM;AAAA,QACL,OAAO;QACR,MAAK;AAAA,QACL,eAAY;AAAA,QACX,MAAM;QACN,UAAU;QACX,UAAS;AAAA,QACR,+CAAO;QACP,8CAAM;QACN,iDAAQ;;0BAVA;;;IAabA;MAAM,OAAM;AAAA,MAAmB,uDAAD;;;MAC5BC,2CAAA;gDACK;;;;;;;;"}

package/lib/components/radio/src/token.d.ts

@@ -1,15 +0,0 @@
-import type { InjectionKey } from 'vue';
-import type { ComponentSize } from 'element-pe/es/utils/types';
-declare type IModelType = boolean | string | number;
-export interface RadioGroupContext {
-    name: 'ElRadioGroup';
-    modelValue: IModelType;
-    fill: string;
-    textColor: string;
-    disabled: boolean;
-    size: ComponentSize;
-    radioGroupSize: ComponentSize;
-    changeEvent: (val: IModelType) => void;
-}
-declare const radioGroupKey: InjectionKey<RadioGroupContext>;
-export default radioGroupKey;

package/lib/components/radio/src/token.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const radioGroupKey = "RadioGroup";
-
-exports["default"] = radioGroupKey;
-//# sourceMappingURL=token.js.map

package/lib/components/radio/src/token.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token.js","sources":["../../../../../../packages/components/radio/src/token.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\ntype IModelType = boolean | string | number\n\nexport interface RadioGroupContext {\n  name: 'ElRadioGroup'\n  modelValue: IModelType\n  fill: string\n  textColor: string\n  disabled: boolean\n  size: ComponentSize\n  radioGroupSize: ComponentSize\n  changeEvent: (val: IModelType) => void\n}\n\nconst radioGroupKey: InjectionKey<RadioGroupContext> = 'RadioGroup' as any\n\nexport default radioGroupKey\n"],"names":[],"mappings":";;;;MAgBM,gBAAiD;;;;"}

package/lib/components/radio/src/useRadio.d.ts

@@ -1,26 +0,0 @@
-import type { ComputedRef, WritableComputedRef } from 'vue';
-import type { ElFormContext } from 'element-pe/es/tokens';
-import type { RadioGroupContext } from './token';
-export declare const useRadio: () => {
-    isGroup: ComputedRef<boolean>;
-    focus: import("vue").Ref<boolean>;
-    radioGroup: RadioGroupContext;
-    elForm: ElFormContext;
-    ELEMENT: any;
-    elFormItemSize: ComputedRef<any>;
-};
-interface IUseRadioAttrsProps {
-    disabled?: boolean;
-    label: string | number | boolean;
-}
-interface IUseRadioAttrsState {
-    isGroup: ComputedRef<boolean>;
-    radioGroup: RadioGroupContext;
-    elForm: ElFormContext;
-    model: WritableComputedRef<string | number | boolean>;
-}
-export declare const useRadioAttrs: (props: IUseRadioAttrsProps, { isGroup, radioGroup, elForm, model }: IUseRadioAttrsState) => {
-    isDisabled: ComputedRef<boolean | undefined>;
-    tabIndex: ComputedRef<0 | -1>;
-};
-export {};

package/lib/components/radio/src/useRadio.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../tokens/index.js');
-var util = require('../../../utils/util.js');
-var token = require('./token.js');
-var form = require('../../../tokens/form.js');
-
-const useRadio = () => {
-  const ELEMENT = util.useGlobalConfig();
-  const elForm = vue.inject(form.elFormKey, {});
-  const elFormItem = vue.inject(form.elFormItemKey, {});
-  const radioGroup = vue.inject(token["default"], {});
-  const focus = vue.ref(false);
-  const isGroup = vue.computed(() => (radioGroup == null ? void 0 : radioGroup.name) === "ElRadioGroup");
-  const elFormItemSize = vue.computed(() => elFormItem.size || ELEMENT.size);
-  return {
-    isGroup,
-    focus,
-    radioGroup,
-    elForm,
-    ELEMENT,
-    elFormItemSize
-  };
-};
-const useRadioAttrs = (props, { isGroup, radioGroup, elForm, model }) => {
-  const isDisabled = vue.computed(() => {
-    return isGroup.value ? radioGroup.disabled || props.disabled || elForm.disabled : props.disabled || elForm.disabled;
-  });
-  const tabIndex = vue.computed(() => {
-    return isDisabled.value || isGroup.value && model.value !== props.label ? -1 : 0;
-  });
-  return {
-    isDisabled,
-    tabIndex
-  };
-};
-
-exports.useRadio = useRadio;
-exports.useRadioAttrs = useRadioAttrs;
-//# sourceMappingURL=useRadio.js.map

package/lib/components/radio/src/useRadio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRadio.js","sources":["../../../../../../packages/components/radio/src/useRadio.ts"],"sourcesContent":["import { ref, computed, inject } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { useGlobalConfig } from '@element-plus/utils/util'\nimport radioGroupKey from './token'\n\nimport type { ComputedRef, WritableComputedRef } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { RadioGroupContext } from './token'\n\nexport const useRadio = () => {\n  const ELEMENT = useGlobalConfig()\n  const elForm = inject(elFormKey, {} as ElFormContext)\n  const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n  const radioGroup = inject(radioGroupKey, {} as RadioGroupContext)\n  const focus = ref(false)\n  const isGroup = computed(() => radioGroup?.name === 'ElRadioGroup')\n  const elFormItemSize = computed(() => elFormItem.size || ELEMENT.size)\n\n  return {\n    isGroup,\n    focus,\n    radioGroup,\n    elForm,\n    ELEMENT,\n    elFormItemSize,\n  }\n}\n\ninterface IUseRadioAttrsProps {\n  disabled?: boolean\n  label: string | number | boolean\n}\n\ninterface IUseRadioAttrsState {\n  isGroup: ComputedRef<boolean>\n  radioGroup: RadioGroupContext\n  elForm: ElFormContext\n  model: WritableComputedRef<string | number | boolean>\n}\n\nexport const useRadioAttrs = (\n  props: IUseRadioAttrsProps,\n  { isGroup, radioGroup, elForm, model }: IUseRadioAttrsState\n) => {\n  const isDisabled = computed(() => {\n    return isGroup.value\n      ? radioGroup.disabled || props.disabled || elForm.disabled\n      : props.disabled || elForm.disabled\n  })\n\n  const tabIndex = computed(() => {\n    return isDisabled.value || (isGroup.value && model.value !== props.label)\n      ? -1\n      : 0\n  })\n\n  return {\n    isDisabled,\n    tabIndex,\n  }\n}\n"],"names":["useGlobalConfig","inject","elFormKey","elFormItemKey","radioGroupKey","ref","computed"],"mappings":";;;;;;;;;;MASa,WAAW,MAAM;AAC5B,QAAM,UAAUA;AAChB,QAAM,SAASC,WAAOC,gBAAW;AACjC,QAAM,aAAaD,WAAOE,oBAAe;AACzC,QAAM,aAAaF,WAAOG,kBAAe;AACzC,QAAM,QAAQC,QAAI;AAClB,QAAM,UAAUC,aAAS,MAAM,0CAAY,UAAS;AACpD,QAAM,iBAAiBA,aAAS,MAAM,WAAW,QAAQ,QAAQ;AAEjE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;MAgBS,gBAAgB,CAC3B,OACA,EAAE,SAAS,YAAY,QAAQ,YAC5B;AACH,QAAM,aAAaA,aAAS,MAAM;AAChC,WAAO,QAAQ,QACX,WAAW,YAAY,MAAM,YAAY,OAAO,WAChD,MAAM,YAAY,OAAO;AAAA;AAG/B,QAAM,WAAWA,aAAS,MAAM;AAC9B,WAAO,WAAW,SAAU,QAAQ,SAAS,MAAM,UAAU,MAAM,QAC/D,KACA;AAAA;AAGN,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;;;;;"}

package/lib/components/rate/src/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
-var index_vue_vue_type_template_id_55b4fa7d_lang = require('./index.vue_vue&type=template&id=55b4fa7d&lang.js');
-
-index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_55b4fa7d_lang.render;
-index_vue_vue_type_script_lang["default"].__file = "packages/components/rate/src/index.vue";
-
-exports["default"] = index_vue_vue_type_script_lang["default"];
-//# sourceMappingURL=index.js.map

package/lib/components/rate/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/rate/src/index.vue.d.ts

@@ -1,148 +0,0 @@
-import type { PropType, Component } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
-    lowThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    highThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    colors: {
-        type: (ObjectConstructor | ArrayConstructor)[];
-        default: () => string[];
-    };
-    voidColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabledVoidColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    icons: {
-        type: PropType<string[] | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[];
-    };
-    voidIcon: {
-        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
-    };
-    disabledvoidIcon: {
-        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    allowHalf: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showScore: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    textColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    texts: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    scoreTemplate: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {
-    hoverIndex: import("vue").Ref<number>;
-    currentValue: import("vue").Ref<number>;
-    rateDisabled: import("vue").ComputedRef<boolean | undefined>;
-    text: import("vue").ComputedRef<string>;
-    decimalStyle: import("vue").ComputedRef<{
-        color: any;
-        width: string;
-    }>;
-    decimalIconComponent: import("vue").ComputedRef<any>;
-    iconComponents: import("vue").ComputedRef<any[]>;
-    showDecimalIcon: (item: number) => boolean;
-    getIconStyle: (item: number) => {
-        color: any;
-    };
-    selectValue: (value: number) => void;
-    handleKey: (e: KeyboardEvent) => number | undefined;
-    setCurrentValue: (value: number, event: MouseEvent) => void;
-    resetCurrentValue: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    lowThreshold?: unknown;
-    highThreshold?: unknown;
-    max?: unknown;
-    colors?: unknown;
-    voidColor?: unknown;
-    disabledVoidColor?: unknown;
-    icons?: unknown;
-    voidIcon?: unknown;
-    disabledvoidIcon?: unknown;
-    disabled?: unknown;
-    allowHalf?: unknown;
-    showText?: unknown;
-    showScore?: unknown;
-    textColor?: unknown;
-    texts?: unknown;
-    scoreTemplate?: unknown;
-} & {
-    disabled: boolean;
-    modelValue: number;
-    max: number;
-    textColor: string;
-    colors: Record<string, any> | unknown[];
-    showText: boolean;
-    lowThreshold: number;
-    highThreshold: number;
-    voidColor: string;
-    disabledVoidColor: string;
-    icons: string[] | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    voidIcon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    disabledvoidIcon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    allowHalf: boolean;
-    showScore: boolean;
-    texts: string[];
-    scoreTemplate: string;
-} & {}> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    modelValue: number;
-    max: number;
-    textColor: string;
-    colors: Record<string, any> | unknown[];
-    showText: boolean;
-    lowThreshold: number;
-    highThreshold: number;
-    voidColor: string;
-    disabledVoidColor: string;
-    icons: string[] | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    voidIcon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    disabledvoidIcon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    allowHalf: boolean;
-    showScore: boolean;
-    texts: string[];
-    scoreTemplate: string;
-}>;
-export default _default;