element-ps 1.0.11 → 1.0.15

package/dist/index.full.js

@@ -3391,14 +3391,14 @@
     fill: "currentColor",
     d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
   }, null, -1);
-  const _hoisted_3$A = /* @__PURE__ */ vue.createVNode("path", {
+  const _hoisted_3$C = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock("svg", _hoisted_1$1G, [
       _hoisted_2$1h,
-      _hoisted_3$A
+      _hoisted_3$C
     ]);
   }
 
@@ -3534,14 +3534,14 @@
     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__ */ vue.createVNode("path", {
+  const _hoisted_3$B = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock("svg", _hoisted_1$1A, [
       _hoisted_2$1b,
-      _hoisted_3$z
+      _hoisted_3$B
     ]);
   }
 
@@ -3585,14 +3585,14 @@
     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__ */ vue.createVNode("path", {
+  const _hoisted_3$A = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock("svg", _hoisted_1$1y, [
       _hoisted_2$19,
-      _hoisted_3$y
+      _hoisted_3$A
     ]);
   }
 
@@ -3636,7 +3636,7 @@
     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__ */ vue.createVNode("path", {
+  const _hoisted_3$z = /* @__PURE__ */ vue.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);
@@ -3647,7 +3647,7 @@
   function render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1w, [
       _hoisted_2$17,
-      _hoisted_3$x,
+      _hoisted_3$z,
       _hoisted_4$o
     ]);
   }
@@ -4262,7 +4262,7 @@
     key: 1,
     class: "el-alert__description"
   };
-  const _hoisted_3$w = {
+  const _hoisted_3$y = {
     key: 0,
     class: "el-alert__closebtn is-customed"
   };
@@ -4299,7 +4299,7 @@
               ])
             ])) : vue.createCommentVNode("v-if", true),
             _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-              _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ps_icon, {
+              _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ps_icon, {
                 key: 1,
                 class: "el-alert__closebtn",
                 onClick: _ctx.close
@@ -4613,7 +4613,7 @@
     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"
@@ -4679,7 +4679,7 @@
           "aria-label": _ctx.label,
           placeholder: _ctx.placeholder,
           style: _ctx.inputStyle
-        }), null, 16, _hoisted_3$v),
+        }), null, 16, _hoisted_3$x),
         vue.createCommentVNode(" prefix slot "),
         _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, [
           vue.createElementVNode("span", _hoisted_5$i, [
@@ -6860,7 +6860,7 @@
     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 = vue.resolveComponent("arrow-left");
@@ -6921,7 +6921,7 @@
               { "is-active": index === _ctx.data.activeIndex }
             ])
           }, [
-            vue.createElementVNode("button", _hoisted_3$u, [
+            vue.createElementVNode("button", _hoisted_3$w, [
               _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
             ])
           ], 2);
@@ -7607,7 +7607,7 @@
 
   const _hoisted_1$X = ["id", "aria-controls"];
   const _hoisted_2$G = ["tabindex", "role", "aria-checked"];
-  const _hoisted_3$t = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
+  const _hoisted_3$v = /* @__PURE__ */ vue.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 = {
@@ -7636,7 +7636,7 @@
         role: _ctx.indeterminate ? "checkbox" : void 0,
         "aria-checked": _ctx.indeterminate ? "mixed" : false
       }, [
-        _hoisted_3$t,
+        _hoisted_3$v,
         _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
@@ -7703,7 +7703,7 @@
 
   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 vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass(["el-checkbox-button", [
@@ -7735,7 +7735,7 @@
         name: _ctx.name,
         disabled: _ctx.isDisabled,
         value: _ctx.label
-      }, null, 8, _hoisted_3$s)), [
+      }, null, 8, _hoisted_3$u)), [
         [vue.vModelCheckbox, _ctx.model]
       ]),
       _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -7908,7 +7908,7 @@
 
   const _hoisted_1$U = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$E = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass(["el-radio", {
@@ -7940,7 +7940,7 @@
           name: _ctx.name,
           disabled: _ctx.isDisabled,
           tabindex: "-1"
-        }, null, 8, _hoisted_3$r), [
+        }, null, 8, _hoisted_3$t), [
           [vue.vModelRadio, _ctx.model]
         ])
       ], 2),
@@ -8818,12 +8818,13 @@
     }
   });
 
-  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 = vue.resolveComponent("circle-close");
     const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -8835,7 +8836,8 @@
         "el-cascader",
         _ctx.realSize && `el-cascader--${_ctx.realSize}`,
         { "is-disabled": _ctx.isDisabled }
-      ])
+      ]),
+      widget: _ctx.widget
     }, [
       vue.createVNode(_component_ps_input, {
         ref: "input",
@@ -8873,7 +8875,7 @@
         ]),
         _: 1
       }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
-      _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
+      _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
           return vue.openBlock(), vue.createBlock(_component_ps_tag, {
             key: tag.key,
@@ -8895,7 +8897,7 @@
           type: "text",
           class: "el-cascader__search-input",
           placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder
-        }, null, 8, _hoisted_2$A)), [
+        }, null, 8, _hoisted_3$s)), [
           [
             vue.vModelText,
             _ctx.searchInputValue,
@@ -8904,7 +8906,7 @@
           ]
         ]) : vue.createCommentVNode("v-if", true)
       ], 512)) : vue.createCommentVNode("v-if", true)
-    ], 2);
+    ], 10, _hoisted_1$P);
   }
 
   script$1e.render = render$17;
@@ -9113,7 +9115,7 @@
 
   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 = vue.resolveComponent("arrow-right");
@@ -9159,7 +9161,7 @@
         vue.createElementVNode("div", _hoisted_4$k, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 8, _hoisted_3$q), [
+      ], 8, _hoisted_3$r), [
         [vue.vShow, _ctx.isActive]
       ])
     ], 2);
@@ -9511,7 +9513,7 @@
     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 = vue.resolveComponent("close");
     const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -9525,7 +9527,7 @@
       widget: _ctx.widget
     }, [
       _ctx.colorDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", _hoisted_3$p, [
+      vue.createElementVNode("div", _hoisted_3$q, [
         vue.createElementVNode("span", {
           class: vue.normalizeClass(["el-color-picker__color", { "is-alpha": _ctx.showAlpha }])
         }, [
@@ -10081,7 +10083,7 @@
 
   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 = vue.resolveComponent("ps-icon");
     const _component_ps_input = vue.resolveComponent("ps-input");
@@ -10157,7 +10159,7 @@
         disabled: _ctx.pickerDisabled,
         readonly: !_ctx.editable || _ctx.readonly,
         class: "el-range-input"
-      }, null, 8, _hoisted_3$o),
+      }, null, 8, _hoisted_3$p),
       _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
         key: 1,
         class: vue.normalizeClass(["el-input__icon el-range__close-icon", {
@@ -10371,7 +10373,8 @@
               labelAlign,
               labelClassName
             ],
-            colSpan: this.descriptions.direction === "vertical" ? span : 1
+            colSpan: this.descriptions.direction === "vertical" ? span : 1,
+            widget: item.widget
           }, label);
         case "content":
           return vue.h(this.tag, {
@@ -10580,14 +10583,14 @@
     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 = vue.resolveComponent("ps-descriptions-row");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
       _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
-        vue.createElementVNode("div", _hoisted_3$n, [
+        vue.createElementVNode("div", _hoisted_3$o, [
           vue.renderSlot(_ctx.$slots, "title", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ])
@@ -10656,6 +10659,9 @@
       labelClassName: {
         type: String,
         default: ""
+      },
+      widget: {
+        type: String
       }
     }
   });
@@ -11091,7 +11097,7 @@
 
   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,
@@ -11150,7 +11156,7 @@
                     _: 1
                   })
                 ])) : vue.createCommentVNode("v-if", true)
-              ], 8, _hoisted_3$m),
+              ], 8, _hoisted_3$n),
               _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: "el-dialog__body",
@@ -11261,7 +11267,7 @@
 
   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"];
@@ -11317,7 +11323,7 @@
                     _: 1
                   })
                 ], 8, _hoisted_5$e)) : vue.createCommentVNode("v-if", true)
-              ], 8, _hoisted_3$l)) : vue.createCommentVNode("v-if", true),
+              ], 8, _hoisted_3$m)) : vue.createCommentVNode("v-if", true),
               _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
                 key: 1,
                 class: "el-drawer__body",
@@ -13964,7 +13970,7 @@
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
   const _hoisted_2$t = ["id"];
-  const _hoisted_3$k = /* @__PURE__ */ vue.createElementVNode("stop", {
+  const _hoisted_3$l = /* @__PURE__ */ vue.createElementVNode("stop", {
     "stop-color": "#FCFCFD",
     offset: "0%"
   }, null, -1);
@@ -13973,7 +13979,7 @@
     offset: "100%"
   }, null, -1);
   const _hoisted_5$d = [
-    _hoisted_3$k,
+    _hoisted_3$l,
     _hoisted_4$g
   ];
   const _hoisted_6$8 = ["id"];
@@ -14171,7 +14177,7 @@
 
   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,
@@ -14192,7 +14198,7 @@
           vue.createVNode(_component_img_empty)
         ])
       ], 4),
-      vue.createElementVNode("div", _hoisted_3$j, [
+      vue.createElementVNode("div", _hoisted_3$k, [
         _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$f, vue.toDisplayString(_ctx.emptyDescription), 1))
       ]),
       _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
@@ -14528,13 +14534,15 @@
     }
   });
 
-  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 = vue.resolveComponent("LabelWrap");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "formItemRef",
-      class: vue.normalizeClass(["el-form-item", _ctx.formItemClass])
+      class: vue.normalizeClass(["el-form-item", _ctx.formItemClass]),
+      widget: _ctx.widget
     }, [
       vue.createVNode(_component_LabelWrap, {
         "is-auto-width": _ctx.labelStyle.width === "auto",
@@ -14546,21 +14554,21 @@
             for: _ctx.labelFor,
             class: "el-form-item__label",
             style: vue.normalizeStyle(_ctx.labelStyle),
-            widget: _ctx.widget
+            widget: `form-item:label:${_ctx.widget.split(":")[1]}`
           }, [
             vue.renderSlot(_ctx.$slots, "label", {
               label: _ctx.label + _ctx.elForm.labelSuffix
             }, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.label + _ctx.elForm.labelSuffix), 1)
             ])
-          ], 12, _hoisted_1$B)) : vue.createCommentVNode("v-if", true)
+          ], 12, _hoisted_2$r)) : vue.createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["is-auto-width", "update-all"]),
       vue.createElementVNode("div", {
         class: "el-form-item__content",
         style: vue.normalizeStyle(_ctx.contentStyle),
-        widget: _ctx.widget
+        widget: `form-item:default:${_ctx.widget.split(":")[1]}`
       }, [
         vue.renderSlot(_ctx.$slots, "default"),
         vue.createVNode(vue.Transition, { name: "el-zoom-in-top" }, {
@@ -14578,8 +14586,8 @@
           ]),
           _: 3
         })
-      ], 12, _hoisted_2$r)
-    ], 2);
+      ], 12, _hoisted_3$j)
+    ], 10, _hoisted_1$B);
   }
 
   script$T.render = render$N;
@@ -15108,7 +15116,7 @@
       const controlsAtRight = vue.computed(() => {
         return props.controls && props.controlsPosition === "right";
       });
-      const { disabled: inputNumberDisabled } = useFormItem({});
+      const { size: inputNumberSize, disabled: inputNumberDisabled } = useFormItem({});
       const displayValue = vue.computed(() => {
         if (data.userInput !== null) {
           return data.userInput;
@@ -15167,7 +15175,9 @@
         displayValue,
         controlsAtRight,
         maxDisabled,
-        minDisabled
+        minDisabled,
+        inputNumberSize,
+        inputNumberDisabled
       };
     }
   });
@@ -17881,88 +17891,110 @@
   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 = vue.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 = vue.inject(elFormKey, {});
       const currentValue = vue.ref(props.modelValue);
+      const hoverIndex = vue.ref(-1);
+      const pointerAtLeftHalf = vue.ref(true);
       const rateDisabled = vue.computed(() => props.disabled || elForm.disabled);
       const text = vue.computed(() => {
         let result = "";
@@ -17973,15 +18005,6 @@
         }
         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 = vue.computed(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
       const colorMap = vue.computed(() => isArray$4(props.colors) ? {
         [props.lowThreshold]: props.colors[0],
@@ -18019,7 +18042,6 @@
         result.fill(voidComponent.value, threshold, props.max);
         return result;
       });
-      const pointerAtLeftHalf = vue.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;
@@ -18031,7 +18053,6 @@
           color: item <= currentValue.value ? activeColor.value : voidColor
         };
       }
-      const hoverIndex = vue.ref(-1);
       return {
         hoverIndex,
         currentValue,
@@ -18094,13 +18115,9 @@
   }
 
   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",
@@ -30861,6 +30878,8 @@
   exports.popconfirmProps = popconfirmProps;
   exports.popperDefaultProps = popperDefaultProps;
   exports.rangeArr = rangeArr;
+  exports.rateEmits = rateEmits;
+  exports.rateProps = rateProps;
   exports.renderArrow = renderArrow;
   exports.renderPopper = renderPopper;
   exports.renderThumbStyle = renderThumbStyle$1;