element-ps 1.0.11 → 1.0.15

package/dist/index.full.mjs

@@ -3387,14 +3387,14 @@ const _hoisted_2$1h = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
 }, null, -1);
-const _hoisted_3$A = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$C = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
 }, null, -1);
 function render$22(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1G, [
     _hoisted_2$1h,
-    _hoisted_3$A
+    _hoisted_3$C
   ]);
 }
 
@@ -3530,14 +3530,14 @@ const _hoisted_2$1b = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
 }, null, -1);
-const _hoisted_3$z = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$B = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
 }, null, -1);
 function render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1A, [
     _hoisted_2$1b,
-    _hoisted_3$z
+    _hoisted_3$B
   ]);
 }
 
@@ -3581,14 +3581,14 @@ const _hoisted_2$19 = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
 }, null, -1);
-const _hoisted_3$y = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$A = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
 }, null, -1);
 function render$1W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1y, [
     _hoisted_2$19,
-    _hoisted_3$y
+    _hoisted_3$A
   ]);
 }
 
@@ -3632,7 +3632,7 @@ const _hoisted_2$17 = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
 }, null, -1);
-const _hoisted_3$x = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$z = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
 }, null, -1);
@@ -3643,7 +3643,7 @@ const _hoisted_4$o = /* @__PURE__ */ createVNode("path", {
 function render$1U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1w, [
     _hoisted_2$17,
-    _hoisted_3$x,
+    _hoisted_3$z,
     _hoisted_4$o
   ]);
 }
@@ -4258,7 +4258,7 @@ const _hoisted_2$L = {
   key: 1,
   class: "el-alert__description"
 };
-const _hoisted_3$w = {
+const _hoisted_3$y = {
   key: 0,
   class: "el-alert__closebtn is-customed"
 };
@@ -4295,7 +4295,7 @@ function render$1w(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ])) : createCommentVNode("v-if", true),
           _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            _ctx.closeText ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ps_icon, {
+            _ctx.closeText ? (openBlock(), createElementBlock("div", _hoisted_3$y, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ps_icon, {
               key: 1,
               class: "el-alert__closebtn",
               onClick: _ctx.close
@@ -4609,7 +4609,7 @@ const _hoisted_2$K = {
   key: 0,
   class: "el-input-group__prepend"
 };
-const _hoisted_3$v = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_3$x = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_4$n = {
   key: 1,
   class: "el-input__prefix"
@@ -4675,7 +4675,7 @@ function render$1v(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": _ctx.label,
         placeholder: _ctx.placeholder,
         style: _ctx.inputStyle
-      }), null, 16, _hoisted_3$v),
+      }), null, 16, _hoisted_3$x),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_4$n, [
         createElementVNode("span", _hoisted_5$i, [
@@ -6856,7 +6856,7 @@ const _hoisted_2$H = {
   type: "button",
   class: "el-carousel__arrow el-carousel__arrow--right"
 };
-const _hoisted_3$u = { class: "el-carousel__button" };
+const _hoisted_3$w = { class: "el-carousel__button" };
 const _hoisted_4$m = { key: 0 };
 function render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_left = resolveComponent("arrow-left");
@@ -6917,7 +6917,7 @@ function render$1l(_ctx, _cache, $props, $setup, $data, $options) {
             { "is-active": index === _ctx.data.activeIndex }
           ])
         }, [
-          createElementVNode("button", _hoisted_3$u, [
+          createElementVNode("button", _hoisted_3$w, [
             _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_4$m, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
           ])
         ], 2);
@@ -7603,7 +7603,7 @@ var script$1o = defineComponent({
 
 const _hoisted_1$X = ["id", "aria-controls"];
 const _hoisted_2$G = ["tabindex", "role", "aria-checked"];
-const _hoisted_3$t = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
+const _hoisted_3$v = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
 const _hoisted_4$l = ["aria-hidden", "name", "disabled", "true-value", "false-value"];
 const _hoisted_5$h = ["aria-hidden", "disabled", "value", "name"];
 const _hoisted_6$b = {
@@ -7632,7 +7632,7 @@ function render$1h(_ctx, _cache, $props, $setup, $data, $options) {
       role: _ctx.indeterminate ? "checkbox" : void 0,
       "aria-checked": _ctx.indeterminate ? "mixed" : false
     }, [
-      _hoisted_3$t,
+      _hoisted_3$v,
       _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
         key: 0,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
@@ -7699,7 +7699,7 @@ var script$1n = defineComponent({
 
 const _hoisted_1$W = ["aria-checked", "aria-disabled"];
 const _hoisted_2$F = ["name", "disabled", "true-value", "false-value"];
-const _hoisted_3$s = ["name", "disabled", "value"];
+const _hoisted_3$u = ["name", "disabled", "value"];
 function render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-checkbox-button", [
@@ -7731,7 +7731,7 @@ function render$1g(_ctx, _cache, $props, $setup, $data, $options) {
       name: _ctx.name,
       disabled: _ctx.isDisabled,
       value: _ctx.label
-    }, null, 8, _hoisted_3$s)), [
+    }, null, 8, _hoisted_3$u)), [
       [vModelCheckbox, _ctx.model]
     ]),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -7904,7 +7904,7 @@ var script$1l = defineComponent({
 
 const _hoisted_1$U = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$E = /* @__PURE__ */ createElementVNode("span", { class: "el-radio__inner" }, null, -1);
-const _hoisted_3$r = ["value", "name", "disabled"];
+const _hoisted_3$t = ["value", "name", "disabled"];
 function render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-radio", {
@@ -7936,7 +7936,7 @@ function render$1e(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         disabled: _ctx.isDisabled,
         tabindex: "-1"
-      }, null, 8, _hoisted_3$r), [
+      }, null, 8, _hoisted_3$t), [
         [vModelRadio, _ctx.model]
       ])
     ], 2),
@@ -8814,12 +8814,13 @@ var script$1e = defineComponent({
   }
 });
 
-const _hoisted_1$P = {
+const _hoisted_1$P = ["widget"];
+const _hoisted_2$A = {
   key: 0,
   ref: "tagWrapper",
   class: "el-cascader__tags"
 };
-const _hoisted_2$A = ["placeholder"];
+const _hoisted_3$s = ["placeholder"];
 function render$17(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_ps_icon = resolveComponent("ps-icon");
@@ -8831,7 +8832,8 @@ function render$17(_ctx, _cache, $props, $setup, $data, $options) {
       "el-cascader",
       _ctx.realSize && `el-cascader--${_ctx.realSize}`,
       { "is-disabled": _ctx.isDisabled }
-    ])
+    ]),
+    widget: _ctx.widget
   }, [
     createVNode(_component_ps_input, {
       ref: "input",
@@ -8869,7 +8871,7 @@ function render$17(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
-    _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
+    _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
         return openBlock(), createBlock(_component_ps_tag, {
           key: tag.key,
@@ -8891,7 +8893,7 @@ function render$17(_ctx, _cache, $props, $setup, $data, $options) {
         type: "text",
         class: "el-cascader__search-input",
         placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder
-      }, null, 8, _hoisted_2$A)), [
+      }, null, 8, _hoisted_3$s)), [
         [
           vModelText,
           _ctx.searchInputValue,
@@ -8900,7 +8902,7 @@ function render$17(_ctx, _cache, $props, $setup, $data, $options) {
         ]
       ]) : createCommentVNode("v-if", true)
     ], 512)) : createCommentVNode("v-if", true)
-  ], 2);
+  ], 10, _hoisted_1$P);
 }
 
 script$1e.render = render$17;
@@ -9109,7 +9111,7 @@ var script$1b = defineComponent({
 
 const _hoisted_1$N = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$z = ["id", "tabindex"];
-const _hoisted_3$q = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_3$r = ["id", "aria-hidden", "aria-labelledby"];
 const _hoisted_4$k = { class: "el-collapse-item__content" };
 function render$14(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -9155,7 +9157,7 @@ function render$14(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_4$k, [
         renderSlot(_ctx.$slots, "default")
       ])
-    ], 8, _hoisted_3$q), [
+    ], 8, _hoisted_3$r), [
       [vShow, _ctx.isActive]
     ])
   ], 2);
@@ -9507,7 +9509,7 @@ const _hoisted_2$y = {
   key: 0,
   class: "el-color-picker__mask"
 };
-const _hoisted_3$p = { class: "el-color-picker__trigger" };
+const _hoisted_3$q = { class: "el-color-picker__trigger" };
 function render$13(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_ps_icon = resolveComponent("ps-icon");
@@ -9521,7 +9523,7 @@ function render$13(_ctx, _cache, $props, $setup, $data, $options) {
     widget: _ctx.widget
   }, [
     _ctx.colorDisabled ? (openBlock(), createElementBlock("div", _hoisted_2$y)) : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_3$p, [
+    createElementVNode("div", _hoisted_3$q, [
       createElementVNode("span", {
         class: normalizeClass(["el-color-picker__color", { "is-alpha": _ctx.showAlpha }])
       }, [
@@ -10077,7 +10079,7 @@ var script$14 = defineComponent({
 
 const _hoisted_1$K = ["name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$x = { class: "el-range-separator" };
-const _hoisted_3$o = ["name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_3$p = ["name", "placeholder", "value", "disabled", "readonly"];
 function render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ps_icon = resolveComponent("ps-icon");
   const _component_ps_input = resolveComponent("ps-input");
@@ -10153,7 +10155,7 @@ function render$Z(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.pickerDisabled,
       readonly: !_ctx.editable || _ctx.readonly,
       class: "el-range-input"
-    }, null, 8, _hoisted_3$o),
+    }, null, 8, _hoisted_3$p),
     _ctx.clearIcon ? (openBlock(), createBlock(_component_ps_icon, {
       key: 1,
       class: normalizeClass(["el-input__icon el-range__close-icon", {
@@ -10367,7 +10369,8 @@ var PsDescriptionsCell = defineComponent({
             labelAlign,
             labelClassName
           ],
-          colSpan: this.descriptions.direction === "vertical" ? span : 1
+          colSpan: this.descriptions.direction === "vertical" ? span : 1,
+          widget: item.widget
         }, label);
       case "content":
         return h(this.tag, {
@@ -10576,14 +10579,14 @@ const _hoisted_2$w = {
   key: 0,
   class: "el-descriptions__header"
 };
-const _hoisted_3$n = { class: "el-descriptions__title" };
+const _hoisted_3$o = { class: "el-descriptions__title" };
 const _hoisted_4$j = { class: "el-descriptions__extra" };
 const _hoisted_5$g = { class: "el-descriptions__body" };
 function render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ps_descriptions_row = resolveComponent("ps-descriptions-row");
   return openBlock(), createElementBlock("div", _hoisted_1$I, [
     _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
-      createElementVNode("div", _hoisted_3$n, [
+      createElementVNode("div", _hoisted_3$o, [
         renderSlot(_ctx.$slots, "title", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
@@ -10652,6 +10655,9 @@ var DescriptionsItem = defineComponent({
     labelClassName: {
       type: String,
       default: ""
+    },
+    widget: {
+      type: String
     }
   }
 });
@@ -11087,7 +11093,7 @@ var script$11 = defineComponent({
 
 const _hoisted_1$H = { class: "el-overlay-dialog" };
 const _hoisted_2$v = ["aria-label", "widget"];
-const _hoisted_3$m = ["widget"];
+const _hoisted_3$n = ["widget"];
 const _hoisted_4$i = { class: "el-dialog__title" };
 const _hoisted_5$f = {
   key: 0,
@@ -11146,7 +11152,7 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 1
                 })
               ])) : createCommentVNode("v-if", true)
-            ], 8, _hoisted_3$m),
+            ], 8, _hoisted_3$n),
             _ctx.rendered ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
@@ -11257,7 +11263,7 @@ var script$$ = defineComponent({
 
 const _hoisted_1$G = { class: "el-overlay-drawer" };
 const _hoisted_2$u = ["aria-label", "widget"];
-const _hoisted_3$l = ["widget"];
+const _hoisted_3$m = ["widget"];
 const _hoisted_4$h = ["title"];
 const _hoisted_5$e = ["aria-label"];
 const _hoisted_6$9 = ["widget"];
@@ -11313,7 +11319,7 @@ function render$U(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 1
                 })
               ], 8, _hoisted_5$e)) : createCommentVNode("v-if", true)
-            ], 8, _hoisted_3$l)) : createCommentVNode("v-if", true),
+            ], 8, _hoisted_3$m)) : createCommentVNode("v-if", true),
             _ctx.rendered ? (openBlock(), createElementBlock("section", {
               key: 1,
               class: "el-drawer__body",
@@ -13960,7 +13966,7 @@ const _hoisted_1$D = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
 const _hoisted_2$t = ["id"];
-const _hoisted_3$k = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_3$l = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "#FCFCFD",
   offset: "0%"
 }, null, -1);
@@ -13969,7 +13975,7 @@ const _hoisted_4$g = /* @__PURE__ */ createElementVNode("stop", {
   offset: "100%"
 }, null, -1);
 const _hoisted_5$d = [
-  _hoisted_3$k,
+  _hoisted_3$l,
   _hoisted_4$g
 ];
 const _hoisted_6$8 = ["id"];
@@ -14167,7 +14173,7 @@ var script$V = defineComponent({
 
 const _hoisted_1$C = { class: "el-empty" };
 const _hoisted_2$s = ["src"];
-const _hoisted_3$j = { class: "el-empty__description" };
+const _hoisted_3$k = { class: "el-empty__description" };
 const _hoisted_4$f = { key: 1 };
 const _hoisted_5$c = {
   key: 0,
@@ -14188,7 +14194,7 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
         createVNode(_component_img_empty)
       ])
     ], 4),
-    createElementVNode("div", _hoisted_3$j, [
+    createElementVNode("div", _hoisted_3$k, [
       _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_4$f, toDisplayString(_ctx.emptyDescription), 1))
     ]),
     _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
@@ -14524,13 +14530,15 @@ var script$T = defineComponent({
   }
 });
 
-const _hoisted_1$B = ["for", "widget"];
-const _hoisted_2$r = ["widget"];
+const _hoisted_1$B = ["widget"];
+const _hoisted_2$r = ["for", "widget"];
+const _hoisted_3$j = ["widget"];
 function render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LabelWrap = resolveComponent("LabelWrap");
   return openBlock(), createElementBlock("div", {
     ref: "formItemRef",
-    class: normalizeClass(["el-form-item", _ctx.formItemClass])
+    class: normalizeClass(["el-form-item", _ctx.formItemClass]),
+    widget: _ctx.widget
   }, [
     createVNode(_component_LabelWrap, {
       "is-auto-width": _ctx.labelStyle.width === "auto",
@@ -14542,21 +14550,21 @@ function render$N(_ctx, _cache, $props, $setup, $data, $options) {
           for: _ctx.labelFor,
           class: "el-form-item__label",
           style: normalizeStyle(_ctx.labelStyle),
-          widget: _ctx.widget
+          widget: `form-item:label:${_ctx.widget.split(":")[1]}`
         }, [
           renderSlot(_ctx.$slots, "label", {
             label: _ctx.label + _ctx.elForm.labelSuffix
           }, () => [
             createTextVNode(toDisplayString(_ctx.label + _ctx.elForm.labelSuffix), 1)
           ])
-        ], 12, _hoisted_1$B)) : createCommentVNode("v-if", true)
+        ], 12, _hoisted_2$r)) : createCommentVNode("v-if", true)
       ]),
       _: 3
     }, 8, ["is-auto-width", "update-all"]),
     createElementVNode("div", {
       class: "el-form-item__content",
       style: normalizeStyle(_ctx.contentStyle),
-      widget: _ctx.widget
+      widget: `form-item:default:${_ctx.widget.split(":")[1]}`
     }, [
       renderSlot(_ctx.$slots, "default"),
       createVNode(Transition, { name: "el-zoom-in-top" }, {
@@ -14574,8 +14582,8 @@ function render$N(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3
       })
-    ], 12, _hoisted_2$r)
-  ], 2);
+    ], 12, _hoisted_3$j)
+  ], 10, _hoisted_1$B);
 }
 
 script$T.render = render$N;
@@ -15104,7 +15112,7 @@ var script$Q = defineComponent({
     const controlsAtRight = computed(() => {
       return props.controls && props.controlsPosition === "right";
     });
-    const { disabled: inputNumberDisabled } = useFormItem({});
+    const { size: inputNumberSize, disabled: inputNumberDisabled } = useFormItem({});
     const displayValue = computed(() => {
       if (data.userInput !== null) {
         return data.userInput;
@@ -15163,7 +15171,9 @@ var script$Q = defineComponent({
       displayValue,
       controlsAtRight,
       maxDisabled,
-      minDisabled
+      minDisabled,
+      inputNumberSize,
+      inputNumberDisabled
     };
   }
 });
@@ -17877,88 +17887,110 @@ script$A.install = (app) => {
 const _Progress = script$A;
 const PsProgress = _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$7(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$z = defineComponent({
   name: "PsRate",
-  components: { PsIcon, 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: {
+    PsIcon,
+    StarFilled,
+    Star
   },
+  props: rateProps,
   setup(props) {
     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 = "";
@@ -17969,15 +18001,6 @@ var script$z = defineComponent({
       }
       return result;
     });
-    function getValueFromMap(value, map) {
-      const matchedKeys = Object.keys(map).filter((key) => {
-        const val = map[key];
-        const excluded = isObject$7(val) ? val.excluded : false;
-        return excluded ? value < key : value <= key;
-      }).sort((a, b) => a - b);
-      const matchedValue = map[matchedKeys[0]];
-      return isObject$7(matchedValue) ? matchedValue.value || matchedValue : matchedValue || "";
-    }
     const valueDecimal = computed(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
     const colorMap = computed(() => isArray$4(props.colors) ? {
       [props.lowThreshold]: props.colors[0],
@@ -18015,7 +18038,6 @@ var script$z = defineComponent({
       result.fill(voidComponent.value, threshold, props.max);
       return result;
     });
-    const pointerAtLeftHalf = ref(true);
     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;
@@ -18027,7 +18049,6 @@ var script$z = defineComponent({
         color: item <= currentValue.value ? activeColor.value : voidColor
       };
     }
-    const hoverIndex = ref(-1);
     return {
       hoverIndex,
       currentValue,
@@ -18090,13 +18111,9 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$z.render = render$t;
-script$z.__file = "packages/components/rate/src/index.vue";
+script$z.__file = "packages/components/rate/src/rate.vue";
 
-script$z.install = (app) => {
-  app.component(script$z.name, script$z);
-};
-const _Rate = script$z;
-const PsRate = _Rate;
+const PsRate = withInstall(script$z);
 
 const IconMap = {
   success: "icon-success",
@@ -30699,4 +30716,4 @@ var installer = makeInstaller$1([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, script$14 as CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, LocaleInjectionKey, PsAffix, PsAlert, PsAside, PsAutocomplete, PsAvatar, PsBacktop, PsBadge, PsBreadcrumb, PsBreadcrumbItem, PsButton, PsButtonGroup$1 as PsButtonGroup, PsCalendar, PsCard, PsCarousel, PsCarouselItem, PsCascader, PsCascaderPanel, PsCheckTag, PsCheckbox, PsCheckboxButton, PsCheckboxGroup, PsCol, PsCollapse, PsCollapseItem, PsColorPicker, PsConfigProvider, PsContainer, PsDatePicker, PsDescriptions, PsDescriptionsItem, PsDialog, PsDivider, PsDrawer, PsDropdown, PsDropdownItem, PsDropdownMenu, PsEmpty, PsFooter, PsForm, PsFormItem, PsHeader, PsIcon, PsImage, PsImageViewer, PsInput, PsInputNumber, PsLink, PsLoading, PsLoadingDirective, PsLoadingService, PsMain, PsMenu, PsMenuItem, PsMenuItemGroup, PsOption$1 as PsOption, PsOptionGroup, PsOverlay, PsPageHeader, PsPagination, PsPopconfirm, PsPopover, PsPopoverDirective, PsPopper, PsProgress, PsRadio, PsRadioButton, PsRadioGroup, PsRate, PsResult, PsRow, PsScrollbar, PsSelect, PsSelectV2, PsSkeleton, PsSkeletonItem, PsSlider, PsSpace, PsStep, PsSteps, PsSubMenu, PsSwitch, PsTabPane, PsTable, PsTableColumn, PsTabs, PsTag, PsText, PsTimePicker, PsTimeSelect, PsTimeline, PsTimelineItem, PsTooltip, PsTransfer, PsTree, PsTreeV2, PsUpload, affixProps, alertProps, avatarProps, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, configProviderContextKey, configProviderProps, installer as default, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerProps, inputNumberProps, inputProps, install, linkProps, localeProviderMaker, makeInstaller$1 as makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, overlayEmits, overlayProps, pageHeaderProps, paginationProps, popconfirmProps, popperDefaultProps, rangeArr, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagProps, timePickerDefaultProps, useAttrs, useCascaderConfig, useDialog, useFormItem, useFormItemProps, useGlobalConfig, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useModal, usePopper, useRestoreActive, useSameTarget, useSpace, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, script$14 as CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ExpandTrigger$1 as ExpandTrigger, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, LocaleInjectionKey, PsAffix, PsAlert, PsAside, PsAutocomplete, PsAvatar, PsBacktop, PsBadge, PsBreadcrumb, PsBreadcrumbItem, PsButton, PsButtonGroup$1 as PsButtonGroup, PsCalendar, PsCard, PsCarousel, PsCarouselItem, PsCascader, PsCascaderPanel, PsCheckTag, PsCheckbox, PsCheckboxButton, PsCheckboxGroup, PsCol, PsCollapse, PsCollapseItem, PsColorPicker, PsConfigProvider, PsContainer, PsDatePicker, PsDescriptions, PsDescriptionsItem, PsDialog, PsDivider, PsDrawer, PsDropdown, PsDropdownItem, PsDropdownMenu, PsEmpty, PsFooter, PsForm, PsFormItem, PsHeader, PsIcon, PsImage, PsImageViewer, PsInput, PsInputNumber, PsLink, PsLoading, PsLoadingDirective, PsLoadingService, PsMain, PsMenu, PsMenuItem, PsMenuItemGroup, PsOption$1 as PsOption, PsOptionGroup, PsOverlay, PsPageHeader, PsPagination, PsPopconfirm, PsPopover, PsPopoverDirective, PsPopper, PsProgress, PsRadio, PsRadioButton, PsRadioGroup, PsRate, PsResult, PsRow, PsScrollbar, PsSelect, PsSelectV2, PsSkeleton, PsSkeletonItem, PsSlider, PsSpace, PsStep, PsSteps, PsSubMenu, PsSwitch, PsTabPane, PsTable, PsTableColumn, PsTabs, PsTag, PsText, PsTimePicker, PsTimeSelect, PsTimeline, PsTimelineItem, PsTooltip, PsTransfer, PsTree, PsTreeV2, PsUpload, affixProps, alertProps, avatarProps, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType, cardProps, colProps, configProviderContextKey, configProviderProps, installer as default, dialogProps, dividerProps, elBreadcrumbKey, elButtonGroupKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerProps, inputNumberProps, inputProps, install, linkProps, localeProviderMaker, makeInstaller$1 as makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, overlayEmits, overlayProps, pageHeaderProps, paginationProps, popconfirmProps, popperDefaultProps, rangeArr, rateEmits, rateProps, renderArrow, renderPopper, renderThumbStyle$1 as renderThumbStyle, renderTrigger, selectGroupKey, selectKey, selectV2InjectionKey, spaceProps, subMenuProps, tagProps, timePickerDefaultProps, useAttrs, useCascaderConfig, useDialog, useFormItem, useFormItemProps, useGlobalConfig, useLocale, useLocaleInject, useLocaleProps, useLockScreen, useModal, usePopper, useRestoreActive, useSameTarget, useSpace, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };