element-plus 1.2.0-beta.2 → 1.2.0-beta.3

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v1.2.0-beta.2 */
+/*! Element Plus v1.2.0-beta.3 */
 
 import { getCurrentInstance, computed, watch, isRef, onUnmounted, onMounted, ref, h as h$1, Teleport, onBeforeUnmount, nextTick, openBlock, createBlock, createCommentVNode, isVNode, Fragment, Comment, camelize as camelize$1, toRef, Transition, renderSlot, toDisplayString, cloneVNode, withDirectives, unref, provide, inject, warn, getCurrentScope, onScopeDispose, defineComponent, shallowRef, reactive, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, mergeProps, createVNode, resolveComponent, withCtx, resolveDynamicComponent, createTextVNode, vShow, onUpdated, withModifiers, onActivated, onDeactivated, resolveDirective, withKeys, createSlots, renderList, Text, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, effectScope, toRaw, triggerRef, onBeforeMount, TransitionGroup, render as render$2s } from 'vue';
 
@@ -6039,6 +6039,8 @@ const elPaginationKey = Symbol("elPaginationKey");
 
 const configProviderContextKey = Symbol();
 
+const radioGroupKey = Symbol("radioGroupKey");
+
 const sizes = ["", "large", "medium", "small", "mini"];
 const useFormItemProps = buildProps({
   size: {
@@ -6061,7 +6063,9 @@ const useFormItem = ({ size, disabled }) => {
     }),
     disabled: computed(() => {
       return props.disabled === true || unref(disabled) || (form == null ? void 0 : form.disabled) || false;
-    })
+    }),
+    form,
+    formItem
   };
 };
 
@@ -6095,7 +6099,7 @@ const useGlobalConfig = () => {
   return inject(configProviderContextKey, defaultConfig);
 };
 
-const version$1 = "1.2.0-beta.2";
+const version$1 = "1.2.0-beta.3";
 
 const makeInstaller = (components = []) => {
   const apps = [];
@@ -13795,6 +13799,7 @@ const useCheckboxProps = {
     type: [String, Number],
     default: void 0
   },
+  tabindex: [String, Number],
   size: String
 };
 const useCheckboxGroup = () => {
@@ -13982,7 +13987,8 @@ var script$1B = defineComponent({
     size: {
       type: String,
       validator: isValidComponentSize
-    }
+    },
+    tabindex: [String, Number]
   },
   emits: [UPDATE_MODEL_EVENT, "change"],
   setup(props) {
@@ -13993,8 +13999,8 @@ var script$1B = defineComponent({
 const _hoisted_1$13 = ["id", "aria-controls"];
 const _hoisted_2$N = ["tabindex", "role", "aria-checked"];
 const _hoisted_3$E = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
-const _hoisted_4$t = ["aria-hidden", "name", "disabled", "true-value", "false-value"];
-const _hoisted_5$l = ["aria-hidden", "disabled", "value", "name"];
+const _hoisted_4$t = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_5$l = ["aria-hidden", "disabled", "value", "name", "tabindex"];
 const _hoisted_6$f = {
   key: 0,
   class: "el-checkbox__label"
@@ -14029,6 +14035,7 @@ function render$1u(_ctx, _cache, $props, $setup, $data, $options) {
         type: "checkbox",
         "aria-hidden": _ctx.indeterminate ? "true" : "false",
         name: _ctx.name,
+        tabindex: _ctx.tabindex,
         disabled: _ctx.isDisabled,
         "true-value": _ctx.trueLabel,
         "false-value": _ctx.falseLabel,
@@ -14046,6 +14053,7 @@ function render$1u(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.isDisabled,
         value: _ctx.label,
         name: _ctx.name,
+        tabindex: _ctx.tabindex,
         onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
         onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
@@ -14095,8 +14103,8 @@ var script$1A = defineComponent({
 });
 
 const _hoisted_1$12 = ["aria-checked", "aria-disabled"];
-const _hoisted_2$M = ["name", "disabled", "true-value", "false-value"];
-const _hoisted_3$D = ["name", "disabled", "value"];
+const _hoisted_2$M = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_3$D = ["name", "tabindex", "disabled", "value"];
 function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-checkbox-button", [
@@ -14115,6 +14123,7 @@ function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
       class: "el-checkbox-button__original",
       type: "checkbox",
       name: _ctx.name,
+      tabindex: _ctx.tabindex,
       disabled: _ctx.isDisabled,
       "true-value": _ctx.trueLabel,
       "false-value": _ctx.falseLabel,
@@ -14129,6 +14138,7 @@ function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
       class: "el-checkbox-button__original",
       type: "checkbox",
       name: _ctx.name,
+      tabindex: _ctx.tabindex,
       disabled: _ctx.isDisabled,
       value: _ctx.label,
       onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
@@ -14234,103 +14244,84 @@ const ElCheckbox = withInstall(script$1B, {
 const ElCheckboxButton = withNoopInstall(script$1A);
 const ElCheckboxGroup$1 = withNoopInstall(script$1z);
 
-const radioGroupKey = "RadioGroup";
-var radioGroupKey$1 = radioGroupKey;
-
-const useRadio = () => {
-  const ELEMENT = useGlobalConfig$1();
-  const elForm = inject(elFormKey, {});
-  const elFormItem = inject(elFormItemKey, {});
-  const radioGroup = inject(radioGroupKey$1, {});
-  const focus = ref(false);
-  const isGroup = computed(() => (radioGroup == null ? void 0 : radioGroup.name) === "ElRadioGroup");
-  const elFormItemSize = computed(() => elFormItem.size || ELEMENT.size);
-  return {
-    isGroup,
-    focus,
-    radioGroup,
-    elForm,
-    ELEMENT,
-    elFormItemSize
-  };
+const radioPropsBase = buildProps({
+  ...useFormItemProps,
+  label: {
+    type: [String, Number, Boolean],
+    default: ""
+  }
+});
+const radioProps = buildProps({
+  ...radioPropsBase,
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: ""
+  },
+  name: {
+    type: String,
+    default: ""
+  },
+  border: Boolean
+});
+const radioEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBool(val),
+  change: (val) => isString$1(val) || isNumber(val) || isBool(val)
 };
-const useRadioAttrs = (props, { isGroup, radioGroup, elForm, model }) => {
-  const isDisabled = computed(() => {
-    return isGroup.value ? radioGroup.disabled || props.disabled || elForm.disabled : props.disabled || elForm.disabled;
+const useRadio = (props, emit) => {
+  const radioRef = ref();
+  const radioGroup = inject(radioGroupKey, void 0);
+  const isGroup = computed(() => !!radioGroup);
+  const modelValue = computed({
+    get() {
+      return isGroup.value ? radioGroup.modelValue : props.modelValue;
+    },
+    set(val) {
+      if (isGroup.value) {
+        radioGroup.changeEvent(val);
+      } else {
+        emit(UPDATE_MODEL_EVENT, val);
+      }
+      radioRef.value.checked = props.modelValue === props.label;
+    }
+  });
+  const { size, disabled } = useFormItem({
+    size: computed(() => radioGroup == null ? void 0 : radioGroup.size),
+    disabled: computed(() => radioGroup == null ? void 0 : radioGroup.disabled)
   });
+  const focus = ref(false);
   const tabIndex = computed(() => {
-    return isDisabled.value || isGroup.value && model.value !== props.label ? -1 : 0;
+    return disabled.value || isGroup.value && modelValue.value !== props.label ? -1 : 0;
   });
   return {
-    isDisabled,
-    tabIndex
+    radioRef,
+    isGroup,
+    radioGroup,
+    focus,
+    size,
+    disabled,
+    tabIndex,
+    modelValue
   };
 };
 
 var script$1y = 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: isValidComponentSize
-    }
-  },
-  emits: [UPDATE_MODEL_EVENT, "change"],
-  setup(props, ctx) {
-    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } = useRadio();
-    const radioRef = ref();
-    const model = computed({
-      get() {
-        return isGroup.value ? radioGroup.modelValue : props.modelValue;
-      },
-      set(val) {
-        if (isGroup.value) {
-          radioGroup.changeEvent(val);
-        } else {
-          ctx.emit(UPDATE_MODEL_EVENT, val);
-        }
-        radioRef.value.checked = props.modelValue === props.label;
-      }
-    });
-    const { tabIndex, isDisabled } = useRadioAttrs(props, {
-      isGroup,
-      radioGroup,
-      elForm,
-      model
-    });
-    const radioSize = computed(() => {
-      const temRadioSize = props.size || elFormItemSize.value || ELEMENT.size;
-      return isGroup.value ? radioGroup.radioGroupSize || temRadioSize : temRadioSize;
-    });
+  props: radioProps,
+  emits: radioEmits,
+  setup(props, { emit }) {
+    const { radioRef, isGroup, focus, size, disabled, tabIndex, modelValue } = useRadio(props, emit);
     function handleChange() {
-      nextTick(() => {
-        ctx.emit("change", model.value);
-      });
+      nextTick(() => emit("change", modelValue.value));
     }
     return {
       focus,
       isGroup,
-      isDisabled,
-      model,
+      modelValue,
       tabIndex,
-      radioSize,
-      handleChange,
-      radioRef
+      size,
+      disabled,
+      radioRef,
+      handleChange
     };
   }
 });
@@ -14341,40 +14332,40 @@ const _hoisted_3$C = ["value", "name", "disabled"];
 function render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-radio", {
-      [`el-radio--${_ctx.radioSize || ""}`]: _ctx.radioSize,
-      "is-disabled": _ctx.isDisabled,
+      [`el-radio--${_ctx.size || ""}`]: _ctx.size,
+      "is-disabled": _ctx.disabled,
       "is-focus": _ctx.focus,
       "is-bordered": _ctx.border,
-      "is-checked": _ctx.model === _ctx.label
+      "is-checked": _ctx.modelValue === _ctx.label
     }]),
     role: "radio",
-    "aria-checked": _ctx.model === _ctx.label,
-    "aria-disabled": _ctx.isDisabled,
+    "aria-checked": _ctx.modelValue === _ctx.label,
+    "aria-disabled": _ctx.disabled,
     tabindex: _ctx.tabIndex,
-    onKeydown: _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.model = _ctx.isDisabled ? _ctx.model : _ctx.label, ["stop", "prevent"]), ["space"]))
+    onKeydown: _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.modelValue = _ctx.disabled ? _ctx.modelValue : _ctx.label, ["stop", "prevent"]), ["space"]))
   }, [
     createElementVNode("span", {
       class: normalizeClass(["el-radio__input", {
-        "is-disabled": _ctx.isDisabled,
-        "is-checked": _ctx.model === _ctx.label
+        "is-disabled": _ctx.disabled,
+        "is-checked": _ctx.modelValue === _ctx.label
       }])
     }, [
       _hoisted_2$L,
       withDirectives(createElementVNode("input", {
         ref: "radioRef",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
         class: "el-radio__original",
         value: _ctx.label,
         type: "radio",
         "aria-hidden": "true",
         name: _ctx.name,
-        disabled: _ctx.isDisabled,
+        disabled: _ctx.disabled,
         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$C), [
-        [vModelRadio, _ctx.model]
+        [vModelRadio, _ctx.modelValue]
       ])
     ], 2),
     createElementVNode("span", {
@@ -14392,54 +14383,42 @@ function render$1r(_ctx, _cache, $props, $setup, $data, $options) {
 script$1y.render = render$1r;
 script$1y.__file = "packages/components/radio/src/radio.vue";
 
+const radioButtonProps = buildProps({
+  ...radioPropsBase,
+  name: {
+    type: String,
+    default: ""
+  }
+});
+
 var script$1x = defineComponent({
   name: "ElRadioButton",
-  props: {
-    label: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    disabled: Boolean,
-    name: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(props) {
-    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } = useRadio();
-    const size = computed(() => {
-      return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size;
-    });
-    const radioRef = ref();
-    const value = computed({
-      get() {
-        return radioGroup.modelValue;
-      },
-      set(value2) {
-        radioGroup.changeEvent(value2);
-        radioRef.value.checked = radioGroup.modelValue === props.label;
-      }
-    });
-    const { isDisabled, tabIndex } = useRadioAttrs(props, {
-      model: value,
-      elForm,
-      radioGroup,
-      isGroup
-    });
+  props: radioButtonProps,
+  setup(props, { emit }) {
+    const {
+      radioRef,
+      isGroup,
+      focus,
+      size,
+      disabled,
+      tabIndex,
+      modelValue,
+      radioGroup
+    } = useRadio(props, emit);
     const activeStyle = computed(() => {
       return {
-        backgroundColor: radioGroup.fill || "",
-        borderColor: radioGroup.fill || "",
-        boxShadow: radioGroup.fill ? `-1px 0 0 0 ${radioGroup.fill}` : "",
-        color: radioGroup.textColor || ""
+        backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+        color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
       };
     });
     return {
       isGroup,
       size,
-      isDisabled,
+      disabled,
       tabIndex,
-      value,
+      modelValue,
       focus,
       activeStyle,
       radioRef
@@ -14454,34 +14433,34 @@ function render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["el-radio-button", [
       _ctx.size ? "el-radio-button--" + _ctx.size : "",
       {
-        "is-active": _ctx.value === _ctx.label,
-        "is-disabled": _ctx.isDisabled,
+        "is-active": _ctx.modelValue === _ctx.label,
+        "is-disabled": _ctx.disabled,
         "is-focus": _ctx.focus
       }
     ]]),
     role: "radio",
-    "aria-checked": _ctx.value === _ctx.label,
-    "aria-disabled": _ctx.isDisabled,
+    "aria-checked": _ctx.modelValue === _ctx.label,
+    "aria-disabled": _ctx.disabled,
     tabindex: _ctx.tabIndex,
-    onKeydown: _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.value = _ctx.isDisabled ? _ctx.value : _ctx.label, ["stop", "prevent"]), ["space"]))
+    onKeydown: _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.modelValue = _ctx.disabled ? _ctx.modelValue : _ctx.label, ["stop", "prevent"]), ["space"]))
   }, [
     withDirectives(createElementVNode("input", {
       ref: "radioRef",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
       class: "el-radio-button__original-radio",
       value: _ctx.label,
       type: "radio",
       name: _ctx.name,
-      disabled: _ctx.isDisabled,
+      disabled: _ctx.disabled,
       tabindex: "-1",
       onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
       onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false)
     }, null, 40, _hoisted_2$K), [
-      [vModelRadio, _ctx.value]
+      [vModelRadio, _ctx.modelValue]
     ]),
     createElementVNode("span", {
       class: "el-radio-button__inner",
-      style: normalizeStyle(_ctx.value === _ctx.label ? _ctx.activeStyle : null),
+      style: normalizeStyle(_ctx.modelValue === _ctx.label ? _ctx.activeStyle : {}),
       onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
       }, ["stop"]))
     }, [
@@ -14495,58 +14474,43 @@ function render$1q(_ctx, _cache, $props, $setup, $data, $options) {
 script$1x.render = render$1q;
 script$1x.__file = "packages/components/radio/src/radio-button.vue";
 
+const radioGroupProps = buildProps({
+  ...useFormItemProps,
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: ""
+  },
+  fill: {
+    type: String,
+    default: ""
+  },
+  textColor: {
+    type: String,
+    default: ""
+  }
+});
+const radioGroupEmits = radioEmits;
+
 var script$1w = defineComponent({
   name: "ElRadioGroup",
-  componentName: "ElRadioGroup",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    fill: {
-      type: String,
-      default: ""
-    },
-    textColor: {
-      type: String,
-      default: ""
-    },
-    disabled: Boolean
-  },
-  emits: [UPDATE_MODEL_EVENT, "change"],
+  props: radioGroupProps,
+  emits: radioGroupEmits,
   setup(props, ctx) {
-    const radioGroup = ref(null);
-    const elFormItem = inject(elFormItemKey, {});
-    const radioGroupSize = computed(() => {
-      return props.size || elFormItem.size;
-    });
+    const radioGroupRef = ref();
+    const { size, disabled, formItem } = useFormItem({});
     const changeEvent = (value) => {
       ctx.emit(UPDATE_MODEL_EVENT, value);
-      nextTick(() => {
-        ctx.emit("change", value);
-      });
+      nextTick(() => ctx.emit("change", value));
     };
-    provide(radioGroupKey$1, reactive({
-      name: "ElRadioGroup",
-      ...toRefs(props),
-      radioGroupSize,
-      changeEvent
-    }));
-    watch(() => props.modelValue, () => {
-      var _a;
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-    });
     const handleKeydown = (e) => {
+      if (!radioGroupRef.value)
+        return;
       const target = e.target;
       const className = target.nodeName === "INPUT" ? "[type=radio]" : "[role=radio]";
-      const radios = radioGroup.value.querySelectorAll(className);
+      const radios = radioGroupRef.value.querySelectorAll(className);
       const length = radios.length;
       const index = Array.from(radios).indexOf(target);
-      const roleRadios = radioGroup.value.querySelectorAll("[role=radio]");
+      const roleRadios = radioGroupRef.value.querySelectorAll("[role=radio]");
       let nextIndex = null;
       switch (e.code) {
         case EVENT_CODE.left:
@@ -14568,23 +14532,29 @@ var script$1w = defineComponent({
       roleRadios[nextIndex].focus();
     };
     onMounted(() => {
-      const radios = radioGroup.value.querySelectorAll("[type=radio]");
+      const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
       const firstLabel = radios[0];
       if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
         firstLabel.tabIndex = 0;
       }
     });
+    provide(radioGroupKey, reactive({
+      ...toRefs(props),
+      changeEvent
+    }));
+    watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change"));
     return {
-      handleKeydown,
-      radioGroupSize,
-      radioGroup
+      size,
+      disabled,
+      radioGroupRef,
+      handleKeydown
     };
   }
 });
 
 function render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    ref: "radioGroup",
+    ref: "radioGroupRef",
     class: "el-radio-group",
     role: "radiogroup",
     onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
@@ -14976,7 +14946,7 @@ class Node$3 {
     const { data, config, childrenData, loaded } = this;
     const { lazy, leaf } = config;
     const isLeaf = isFunction$3(leaf) ? leaf(data, this) : data[leaf];
-    return isUndefined(isLeaf) ? lazy && !loaded ? false : !Array.isArray(childrenData) : !!isLeaf;
+    return isUndefined(isLeaf) ? lazy && !loaded ? false : !(Array.isArray(childrenData) && childrenData.length) : !!isLeaf;
   }
   get valueByOption() {
     return this.config.emitPath ? this.pathValues : this.value;
@@ -28725,89 +28695,111 @@ script$C.install = (app) => {
 const _Progress = script$C;
 const ElProgress = _Progress;
 
+const rateProps = buildProps({
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  lowThreshold: {
+    type: Number,
+    default: 2
+  },
+  highThreshold: {
+    type: Number,
+    default: 4
+  },
+  max: {
+    type: Number,
+    default: 5
+  },
+  colors: {
+    type: definePropType([Array, Object]),
+    default: () => mutable(["#F7BA2A", "#F7BA2A", "#F7BA2A"])
+  },
+  voidColor: {
+    type: String,
+    default: "#C6D1DE"
+  },
+  disabledVoidColor: {
+    type: String,
+    default: "#EFF2F7"
+  },
+  icons: {
+    type: definePropType([Array, Object]),
+    default: () => [StarFilled, StarFilled, StarFilled]
+  },
+  voidIcon: {
+    type: definePropType([String, Object]),
+    default: () => Star
+  },
+  disabledvoidIcon: {
+    type: definePropType([String, Object]),
+    default: () => StarFilled
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  allowHalf: {
+    type: Boolean,
+    default: false
+  },
+  showText: {
+    type: Boolean,
+    default: false
+  },
+  showScore: {
+    type: Boolean,
+    default: false
+  },
+  textColor: {
+    type: String,
+    default: "#1f2d3d"
+  },
+  texts: {
+    type: definePropType([Array]),
+    default: () => mutable([
+      "Extremely bad",
+      "Disappointed",
+      "Fair",
+      "Satisfied",
+      "Surprise"
+    ])
+  },
+  scoreTemplate: {
+    type: String,
+    default: "{value}"
+  }
+});
+const rateEmits = {
+  change: (value) => typeof value === "number",
+  [UPDATE_MODEL_EVENT]: (value) => typeof value === "number"
+};
+
+function getValueFromMap(value, map) {
+  const isExcludedObject = (val) => isObject$a(val);
+  const matchedKeys = Object.keys(map).map((key) => +key).filter((key) => {
+    const val = map[key];
+    const excluded = isExcludedObject(val) ? val.excluded : false;
+    return excluded ? value < key : value <= key;
+  }).sort((a, b) => a - b);
+  const matchedValue = map[matchedKeys[0]];
+  return isExcludedObject(matchedValue) ? matchedValue.value : matchedValue;
+}
 var script$B = defineComponent({
   name: "ElRate",
-  components: { ElIcon, StarFilled, Star },
-  props: {
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    lowThreshold: {
-      type: Number,
-      default: 2
-    },
-    highThreshold: {
-      type: Number,
-      default: 4
-    },
-    max: {
-      type: Number,
-      default: 5
-    },
-    colors: {
-      type: [Array, Object],
-      default: () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"]
-    },
-    voidColor: {
-      type: String,
-      default: "#C6D1DE"
-    },
-    disabledVoidColor: {
-      type: String,
-      default: "#EFF2F7"
-    },
-    icons: {
-      type: [Array, Object],
-      default: () => [StarFilled, StarFilled, StarFilled]
-    },
-    voidIcon: {
-      type: [String, Object],
-      default: Star
-    },
-    disabledvoidIcon: {
-      type: [String, Object],
-      default: StarFilled
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    allowHalf: {
-      type: Boolean,
-      default: false
-    },
-    showText: {
-      type: Boolean,
-      default: false
-    },
-    showScore: {
-      type: Boolean,
-      default: false
-    },
-    textColor: {
-      type: String,
-      default: "#1f2d3d"
-    },
-    texts: {
-      type: Array,
-      default: () => [
-        "Extremely bad",
-        "Disappointed",
-        "Fair",
-        "Satisfied",
-        "Surprise"
-      ]
-    },
-    scoreTemplate: {
-      type: String,
-      default: "{value}"
-    }
+  components: {
+    ElIcon,
+    StarFilled,
+    Star
   },
-  emits: [UPDATE_MODEL_EVENT, "change"],
+  props: rateProps,
+  emits: rateEmits,
   setup(props, { emit }) {
     const elForm = inject(elFormKey, {});
     const currentValue = ref(props.modelValue);
+    const hoverIndex = ref(-1);
+    const pointerAtLeftHalf = ref(true);
     const rateDisabled = computed(() => props.disabled || elForm.disabled);
     const text = computed(() => {
       let result = "";
@@ -28818,15 +28810,6 @@ var script$B = defineComponent({
       }
       return result;
     });
-    function getValueFromMap(value, map) {
-      const matchedKeys = Object.keys(map).filter((key) => {
-        const val = map[key];
-        const excluded = isObject$a(val) ? val.excluded : false;
-        return excluded ? value < key : value <= key;
-      }).sort((a, b) => a - b);
-      const matchedValue = map[matchedKeys[0]];
-      return isObject$a(matchedValue) ? matchedValue.value || matchedValue : matchedValue || "";
-    }
     const valueDecimal = computed(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
     const colorMap = computed(() => isArray$6(props.colors) ? {
       [props.lowThreshold]: props.colors[0],
@@ -28864,11 +28847,6 @@ var script$B = defineComponent({
       result.fill(voidComponent.value, threshold, props.max);
       return result;
     });
-    const pointerAtLeftHalf = ref(true);
-    watch(() => props.modelValue, (val) => {
-      currentValue.value = val;
-      pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
-    });
     function showDecimalIcon(item) {
       const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
       const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
@@ -28925,7 +28903,6 @@ var script$B = defineComponent({
       emit("change", _currentValue);
       return _currentValue;
     }
-    const hoverIndex = ref(-1);
     function setCurrentValue(value, event) {
       if (rateDisabled.value) {
         return;
@@ -28955,6 +28932,10 @@ var script$B = defineComponent({
       currentValue.value = props.modelValue;
       hoverIndex.value = -1;
     }
+    watch(() => props.modelValue, (val) => {
+      currentValue.value = val;
+      pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
+    });
     if (!props.modelValue) {
       emit(UPDATE_MODEL_EVENT, 0);
     }
@@ -29029,13 +29010,9 @@ function render$v(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$B.render = render$v;
-script$B.__file = "packages/components/rate/src/index.vue";
+script$B.__file = "packages/components/rate/src/rate.vue";
 
-script$B.install = (app) => {
-  app.component(script$B.name, script$B);
-};
-const _Rate = script$B;
-const ElRate = _Rate;
+const ElRate = withInstall(script$B);
 
 const IconMap = {
   success: "icon-success",
@@ -29049,22 +29026,24 @@ const IconComponentMap = {
   [IconMap.error]: CircleCloseFilled,
   [IconMap.info]: InfoFilled
 };
+const resultProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  subTitle: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    values: ["success", "warning", "info", "error"],
+    default: "info"
+  }
+});
+
 var script$A = defineComponent({
   name: "ElResult",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    subTitle: {
-      type: String,
-      default: ""
-    },
-    icon: {
-      type: String,
-      default: "info"
-    }
-  },
+  props: resultProps,
   setup(props) {
     const resultIcon = computed(() => {
       const icon = props.icon;
@@ -29122,34 +29101,33 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$A.render = render$u;
-script$A.__file = "packages/components/result/src/index.vue";
+script$A.__file = "packages/components/result/src/result.vue";
 
-script$A.install = (app) => {
-  app.component(script$A.name, script$A);
-};
-const _Result = script$A;
-const ElResult = _Result;
+const ElResult = withInstall(script$A);
 
+const rowProps = buildProps({
+  tag: {
+    type: String,
+    default: "div"
+  },
+  gutter: {
+    type: Number,
+    default: 0
+  },
+  justify: {
+    type: String,
+    values: ["start", "center", "end", "space-around", "space-between"],
+    default: "start"
+  },
+  align: {
+    type: String,
+    values: ["top", "middle", "bottom"],
+    default: "top"
+  }
+});
 var Row = defineComponent({
   name: "ElRow",
-  props: {
-    tag: {
-      type: String,
-      default: "div"
-    },
-    gutter: {
-      type: Number,
-      default: 0
-    },
-    justify: {
-      type: String,
-      default: "start"
-    },
-    align: {
-      type: String,
-      default: "top"
-    }
-  },
+  props: rowProps,
   setup(props, { slots }) {
     const gutter = computed(() => props.gutter);
     provide("ElRow", {
@@ -29180,11 +29158,7 @@ var Row = defineComponent({
   }
 });
 
-const _Row = Row;
-_Row.install = (app) => {
-  app.component(_Row.name, _Row);
-};
-const ElRow = _Row;
+const ElRow = withInstall(Row);
 
 var MapCache = _MapCache;
 
@@ -45990,4 +45964,4 @@ var installer = makeInstaller$1([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1K as CommonPicker, CommonProps, DARK_EFFECT, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$2 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper$1 as ElPopper, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar$1 as ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, LIGHT_EFFECT, LocaleInjectionKey, Mousewheel, RepeatClick, Resize, script$1I as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, configProviderContextKey, installer as default, dialogEmits, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeProviderMaker, makeInstaller$1 as makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, rangeArr, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagEmits, tagProps, themeVarsKey, timePickerDefaultProps, useAttrs, useCascaderConfig, useCssVar, useDialog, index as useEvents, useFocus, useFormItem, useFormItemProps, useGlobalConfig, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useMigrating, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useRestoreActive, useSameTarget, useSpace, useTeleport, useThemeVars, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1K as CommonPicker, CommonProps, DARK_EFFECT, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$2 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper$1 as ElPopper, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar$1 as ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, IconComponentMap, IconMap, LIGHT_EFFECT, LocaleInjectionKey, Mousewheel, RepeatClick, Resize, script$1I as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, configProviderContextKey, installer as default, dialogEmits, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeProviderMaker, makeInstaller$1 as makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmEmits, popconfirmProps, popperDefaultProps, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, resultProps, rowProps, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagEmits, tagProps, themeVarsKey, timePickerDefaultProps, useAttrs, useCascaderConfig, useCssVar, useDialog, index as useEvents, useFocus, useFormItem, useFormItemProps, useGlobalConfig, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useMigrating, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, usePopper, usePopperControlProps, usePopperHook, usePopperProps, usePreventGlobal, useRadio, useRestoreActive, useSameTarget, useSpace, useTeleport, useThemeVars, useThrottleRender, useTimeout, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };