element-ps 1.0.14 → 1.0.15

package/es/packages/components/rate/src/rate.vue_vue&type=template&id=38c42df6&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate.vue_vue&type=template&id=38c42df6&lang.mjs","sources":["../../../../../../../packages/components/rate/src/rate.vue?vue&type=template&id=38c42df6&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-rate\"\n    role=\"slider\"\n    :aria-valuenow=\"currentValue\"\n    :aria-valuetext=\"text\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"max\"\n    tabindex=\"0\"\n  >\n    <span\n      v-for=\"(item, key) in max\"\n      :key=\"key\"\n      class=\"el-rate__item\"\n      :style=\"{ cursor: rateDisabled ? 'auto' : 'pointer' }\"\n    >\n      <ps-icon\n        :class=\"[{ hover: hoverIndex === item }]\"\n        class=\"el-rate__icon\"\n        :style=\"getIconStyle(item)\"\n      >\n        <component :is=\"iconComponents[item - 1]\" />\n        <ps-icon\n          v-if=\"showDecimalIcon(item)\"\n          :style=\"decimalStyle\"\n          class=\"el-rate__icon el-rate__decimal\"\n        >\n          <component :is=\"decimalIconComponent\" />\n        </ps-icon>\n      </ps-icon>\n    </span>\n    <span\n      v-if=\"showText || showScore\"\n      class=\"el-rate__text\"\n      :style=\"{ color: textColor }\"\n    >\n      {{ text }}\n    </span>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch } from 'vue'\nimport { isObject, isArray } from '@vue/shared'\nimport { elFormKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { StarFilled, Star } from '@element-plus/icons'\nimport { rateProps, rateEmits } from './rate'\nimport type { ElFormContext } from '@element-ps/tokens'\n\nfunction getValueFromMap<T>(\n  value: number,\n  map: Record<string, T | { excluded?: boolean; value: T }>\n) {\n  const isExcludedObject = (\n    val: unknown\n  ): val is { excluded?: boolean } & Record<any, unknown> => isObject(val)\n\n  const matchedKeys = Object.keys(map)\n    .map((key) => +key)\n    .filter((key) => {\n      const val = map[key]\n      const excluded = isExcludedObject(val) ? val.excluded : false\n      return excluded ? value < key : value <= key\n    })\n    .sort((a, b) => a - b)\n  const matchedValue = map[matchedKeys[0]]\n  return (isExcludedObject(matchedValue) && matchedValue.value) || matchedValue\n}\n\nexport default defineComponent({\n  name: 'PsRate',\n  components: {\n    PsIcon,\n    StarFilled,\n    Star,\n  },\n  props: rateProps,\n  setup(props) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const currentValue = ref(props.modelValue)\n    const hoverIndex = ref(-1)\n    const pointerAtLeftHalf = ref(true)\n\n    const rateDisabled = computed(() => props.disabled || elForm.disabled)\n    const text = computed(() => {\n      let result = ''\n      if (props.showScore) {\n        result = props.scoreTemplate.replace(\n          /\\{\\s*value\\s*\\}/,\n          rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n        )\n      } else if (props.showText) {\n        result = props.texts[Math.ceil(currentValue.value) - 1]\n      }\n      return result\n    })\n    const valueDecimal = computed(\n      () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n    )\n    const colorMap = computed(() =>\n      isArray(props.colors)\n        ? {\n            [props.lowThreshold]: props.colors[0],\n            [props.highThreshold]: { value: props.colors[1], excluded: true },\n            [props.max]: props.colors[2],\n          }\n        : props.colors\n    )\n    const activeColor = computed(() =>\n      getValueFromMap(currentValue.value, colorMap.value)\n    )\n    const decimalStyle = computed(() => {\n      let width = ''\n      if (rateDisabled.value) {\n        width = `${valueDecimal.value}%`\n      } else if (props.allowHalf) {\n        width = '50%'\n      }\n      return {\n        color: activeColor.value,\n        width,\n      }\n    })\n    const componentMap = computed(() =>\n      isArray(props.icons)\n        ? {\n            [props.lowThreshold]: props.icons[0],\n            [props.highThreshold]: {\n              value: props.icons[1],\n              excluded: true,\n            },\n            [props.max]: props.icons[2],\n          }\n        : props.icons\n    )\n    const decimalIconComponent = computed(() =>\n      getValueFromMap(props.modelValue, componentMap.value)\n    )\n    const voidComponent = computed(() =>\n      rateDisabled.value ? props.disabledvoidIcon : props.voidIcon\n    )\n    const activeComponent = computed(() =>\n      getValueFromMap(currentValue.value, componentMap.value)\n    )\n    const iconComponents = computed(() => {\n      const result = Array(props.max)\n      const threshold = currentValue.value\n      result.fill(activeComponent.value, 0, threshold)\n      result.fill(voidComponent.value, threshold, props.max)\n      return result\n    })\n\n    function showDecimalIcon(item: number) {\n      const showWhenDisabled =\n        rateDisabled.value &&\n        valueDecimal.value > 0 &&\n        item - 1 < props.modelValue &&\n        item > props.modelValue\n      const showWhenAllowHalf =\n        props.allowHalf &&\n        pointerAtLeftHalf.value &&\n        item - 0.5 <= currentValue.value &&\n        item > currentValue.value\n      return showWhenDisabled || showWhenAllowHalf\n    }\n\n    function getIconStyle(item: number) {\n      const voidColor = rateDisabled.value\n        ? props.disabledVoidColor\n        : props.voidColor\n      return {\n        color: item <= currentValue.value ? activeColor.value : voidColor,\n      }\n    }\n\n    return {\n      hoverIndex,\n      currentValue,\n      rateDisabled,\n      text,\n      decimalStyle,\n      decimalIconComponent,\n      iconComponents,\n\n      showDecimalIcon,\n      getIconStyle,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock"],"mappings":";;;;;sBACEA;IACE,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,iBAAe;IACf,kBAAgB;IACjB,iBAAc;AAAA,IACb,iBAAe;IAChB,UAAS;AAAA;sBAETA,8CACwB,WAAd,MAAM;0BADhBA;QAEG;AAAA,QACD,OAAM;AAAA,QACL,gCAAiB;;QAElBC;UACG,iCAAiB,oBAAe,SAC3B;AAAA,UACL,sBAAO,kBAAa;AAAA;2BAErB;0BAAAC,oCAAgB,oBAAe;YAEvB,qBAAgB,sBADxBA;;cAEG,sBAAO;cACR,OAAM;AAAA;+BAEN;8BAAAA,oCAAgB;;;;;;;;;IAKd,iBAAY,+BADpBF;;MAEE,OAAM;AAAA,MACL,+BAAgB;uBAEd;;;;;;"}

package/es/packages/components/rate/src/rate2.mjs

@@ -0,0 +1,7 @@
+import script from './rate.vue_vue&type=script&lang.mjs';
+export { default } from './rate.vue_vue&type=script&lang.mjs';
+import { render } from './rate.vue_vue&type=template&id=38c42df6&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/rate/src/rate.vue";
+//# sourceMappingURL=rate2.mjs.map

package/es/packages/components/rate/src/rate2.mjs.map

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

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.0.7";
+export declare const version = "1.0.1";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "1.0.7";
+const version = "1.0.1";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-ps/version.ts"],"sourcesContent":["export const version = '1.0.7'\n"],"names":[],"mappings":"MAAa,UAAU;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-ps/version.ts"],"sourcesContent":["export const version = '1.0.1'\n"],"names":[],"mappings":"MAAa,UAAU;;;;"}

package/lib/components/descriptions/index.d.ts

@@ -81,6 +81,9 @@ export declare const PsDescriptions: import("../../utils/types").SFCWithInstall<
             type: StringConstructor;
             default: string;
         };
+        widget: {
+            type: StringConstructor;
+        };
     }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         label?: unknown;
         span?: unknown;
@@ -90,6 +93,7 @@ export declare const PsDescriptions: import("../../utils/types").SFCWithInstall<
         labelAlign?: unknown;
         className?: unknown;
         labelClassName?: unknown;
+        widget?: unknown;
     } & {
         width: string | number;
         label: string;
@@ -99,7 +103,9 @@ export declare const PsDescriptions: import("../../utils/types").SFCWithInstall<
         labelAlign: string;
         className: string;
         labelClassName: string;
-    } & {}>, {
+    } & {
+        widget?: string | undefined;
+    }>, {
         width: string | number;
         label: string;
         minWidth: string | number;
@@ -144,6 +150,9 @@ export declare const PsDescriptionsItem: import("../../utils/types").SFCWithInst
         type: StringConstructor;
         default: string;
     };
+    widget: {
+        type: StringConstructor;
+    };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
     span?: unknown;
@@ -153,6 +162,7 @@ export declare const PsDescriptionsItem: import("../../utils/types").SFCWithInst
     labelAlign?: unknown;
     className?: unknown;
     labelClassName?: unknown;
+    widget?: unknown;
 } & {
     width: string | number;
     label: string;
@@ -162,7 +172,9 @@ export declare const PsDescriptionsItem: import("../../utils/types").SFCWithInst
     labelAlign: string;
     className: string;
     labelClassName: string;
-} & {}>, {
+} & {
+    widget?: string | undefined;
+}>, {
     width: string | number;
     label: string;
     minWidth: string | number;

package/lib/components/descriptions/src/description-item.d.ts

@@ -31,6 +31,9 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    widget: {
+        type: StringConstructor;
+    };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
     span?: unknown;
@@ -40,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     labelAlign?: unknown;
     className?: unknown;
     labelClassName?: unknown;
+    widget?: unknown;
 } & {
     width: string | number;
     label: string;
@@ -49,7 +53,9 @@ declare const _default: import("vue").DefineComponent<{
     labelAlign: string;
     className: string;
     labelClassName: string;
-} & {}>, {
+} & {
+    widget?: string | undefined;
+}>, {
     width: string | number;
     label: string;
     minWidth: string | number;

package/lib/components/descriptions/src/descriptions.type.d.ts

@@ -16,4 +16,5 @@ export interface IDescriptionsItemInject {
     labelAlign: string;
     className: string;
     labelClassName: string;
+    widget?: string;
 }

package/lib/components/input-number/index.d.ts

@@ -18,6 +18,8 @@ export declare const PsInputNumber: import("../../utils/types").SFCWithInstall<i
     controlsAtRight: import("vue").ComputedRef<boolean>;
     maxDisabled: import("vue").ComputedRef<boolean>;
     minDisabled: import("vue").ComputedRef<boolean>;
+    inputNumberSize: import("vue").ComputedRef<any>;
+    inputNumberDisabled: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly step?: unknown;
     readonly stepStrictly?: unknown;

package/lib/components/input-number/src/input-number.vue.d.ts

@@ -18,6 +18,8 @@ declare const _default: import("vue").DefineComponent<{
     controlsAtRight: import("vue").ComputedRef<boolean>;
     maxDisabled: import("vue").ComputedRef<boolean>;
     minDisabled: import("vue").ComputedRef<boolean>;
+    inputNumberSize: import("vue").ComputedRef<any>;
+    inputNumberDisabled: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly step?: unknown;
     readonly stepStrictly?: unknown;

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

@@ -1,280 +1,109 @@
-import type { SFCWithInstall } from 'element-ps/es/utils/types';
-declare const _Rate: SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
-    lowThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    highThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    colors: {
-        type: (ObjectConstructor | ArrayConstructor)[];
-        default: () => string[];
-    };
-    voidColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabledVoidColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    icons: {
-        type: import("vue").PropType<string[] | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[];
-    };
-    voidIcon: {
-        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
-    };
-    disabledvoidIcon: {
-        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    allowHalf: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showScore: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    textColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    texts: {
-        type: import("vue").PropType<string[]>;
-        default: () => string[];
-    };
-    scoreTemplate: {
-        type: StringConstructor;
-        default: string;
-    };
+export declare const PsRate: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly lowThreshold: import("../../utils/props").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+    readonly highThreshold: import("../../utils/props").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
+    readonly max: import("../../utils/props").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+    readonly colors: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
+    readonly voidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
+    readonly icons: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly disabledvoidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly disabled: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly allowHalf: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showText: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showScore: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly textColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#1f2d3d", unknown, unknown, unknown>;
+    readonly texts: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
+    readonly scoreTemplate: import("../../utils/props").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
 }, {
     hoverIndex: import("vue").Ref<number>;
     currentValue: import("vue").Ref<number>;
     rateDisabled: import("vue").ComputedRef<boolean | undefined>;
     text: import("vue").ComputedRef<string>;
     decimalStyle: import("vue").ComputedRef<{
-        color: any;
+        color: string | {
+            excluded?: boolean | undefined;
+            value: string;
+        };
         width: string;
     }>;
-    decimalIconComponent: import("vue").ComputedRef<any>;
-    iconComponents: import("vue").ComputedRef<any[]>;
-    showDecimalIcon: (item: number) => boolean;
-    getIconStyle: (item: number) => {
-        color: any;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    lowThreshold?: unknown;
-    highThreshold?: unknown;
-    max?: unknown;
-    colors?: unknown;
-    voidColor?: unknown;
-    disabledVoidColor?: unknown;
-    icons?: unknown;
-    voidIcon?: unknown;
-    disabledvoidIcon?: unknown;
-    disabled?: unknown;
-    allowHalf?: unknown;
-    showText?: unknown;
-    showScore?: unknown;
-    textColor?: unknown;
-    texts?: unknown;
-    scoreTemplate?: unknown;
-} & {
-    disabled: boolean;
-    modelValue: number;
-    max: number;
-    textColor: string;
-    showText: boolean;
-    lowThreshold: number;
-    highThreshold: number;
-    colors: Record<string, any> | unknown[];
-    voidColor: string;
-    disabledVoidColor: string;
-    icons: string[] | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    voidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    disabledvoidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    allowHalf: boolean;
-    showScore: boolean;
-    texts: string[];
-    scoreTemplate: string;
-} & {}>, {
-    disabled: boolean;
-    modelValue: number;
-    max: number;
-    textColor: string;
-    showText: boolean;
-    lowThreshold: number;
-    highThreshold: number;
-    colors: Record<string, any> | unknown[];
-    voidColor: string;
-    disabledVoidColor: string;
-    icons: string[] | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    voidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    disabledvoidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    allowHalf: boolean;
-    showScore: boolean;
-    texts: string[];
-    scoreTemplate: string;
-}>>;
-export default _Rate;
-export declare const PsRate: SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
-    lowThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    highThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    colors: {
-        type: (ObjectConstructor | ArrayConstructor)[];
-        default: () => string[];
-    };
-    voidColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabledVoidColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    icons: {
-        type: import("vue").PropType<string[] | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[];
-    };
-    voidIcon: {
-        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
-    };
-    disabledvoidIcon: {
-        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    allowHalf: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showScore: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    textColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    texts: {
-        type: import("vue").PropType<string[]>;
-        default: () => string[];
-    };
-    scoreTemplate: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {
-    hoverIndex: import("vue").Ref<number>;
-    currentValue: import("vue").Ref<number>;
-    rateDisabled: import("vue").ComputedRef<boolean | undefined>;
-    text: import("vue").ComputedRef<string>;
-    decimalStyle: import("vue").ComputedRef<{
-        color: any;
-        width: string;
+    decimalIconComponent: import("vue").ComputedRef<string | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any> | import("vue").FunctionalComponent<any, any> | {
+        new (...args: any[]): any;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } | {
+        excluded?: boolean | undefined;
+        value: string | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any> | import("vue").FunctionalComponent<any, any> | {
+            new (...args: any[]): any;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        };
     }>;
-    decimalIconComponent: import("vue").ComputedRef<any>;
     iconComponents: import("vue").ComputedRef<any[]>;
     showDecimalIcon: (item: number) => boolean;
     getIconStyle: (item: number) => {
-        color: any;
+        color: string | {
+            excluded?: boolean | undefined;
+            value: string;
+        };
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    lowThreshold?: unknown;
-    highThreshold?: unknown;
-    max?: unknown;
-    colors?: unknown;
-    voidColor?: unknown;
-    disabledVoidColor?: unknown;
-    icons?: unknown;
-    voidIcon?: unknown;
-    disabledvoidIcon?: unknown;
-    disabled?: unknown;
-    allowHalf?: unknown;
-    showText?: unknown;
-    showScore?: unknown;
-    textColor?: unknown;
-    texts?: unknown;
-    scoreTemplate?: unknown;
+    readonly modelValue?: unknown;
+    readonly lowThreshold?: unknown;
+    readonly highThreshold?: unknown;
+    readonly max?: unknown;
+    readonly colors?: unknown;
+    readonly voidColor?: unknown;
+    readonly disabledVoidColor?: unknown;
+    readonly icons?: unknown;
+    readonly voidIcon?: unknown;
+    readonly disabledvoidIcon?: unknown;
+    readonly disabled?: unknown;
+    readonly allowHalf?: unknown;
+    readonly showText?: unknown;
+    readonly showScore?: unknown;
+    readonly textColor?: unknown;
+    readonly texts?: unknown;
+    readonly scoreTemplate?: unknown;
 } & {
-    disabled: boolean;
+    disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     modelValue: number;
     max: number;
     textColor: string;
-    showText: boolean;
+    showText: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     lowThreshold: number;
     highThreshold: number;
-    colors: Record<string, any> | unknown[];
+    colors: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, unknown, unknown>;
     voidColor: string;
     disabledVoidColor: string;
-    icons: string[] | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    voidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    disabledvoidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    allowHalf: boolean;
-    showScore: boolean;
+    icons: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, unknown, unknown>;
+    voidIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    disabledvoidIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    allowHalf: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showScore: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     texts: string[];
     scoreTemplate: string;
 } & {}>, {
-    disabled: boolean;
+    disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     modelValue: number;
     max: number;
     textColor: string;
-    showText: boolean;
+    showText: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     lowThreshold: number;
     highThreshold: number;
-    colors: Record<string, any> | unknown[];
+    colors: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, unknown, unknown>;
     voidColor: string;
     disabledVoidColor: string;
-    icons: string[] | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    voidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    disabledvoidIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    allowHalf: boolean;
-    showScore: boolean;
+    icons: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, unknown, unknown>;
+    voidIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    disabledvoidIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    allowHalf: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showScore: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     texts: string[];
     scoreTemplate: string;
-}>>;
+}>> & Record<string, any>;
+export default PsRate;
+export * from './src/rate';

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

@@ -0,0 +1,26 @@
+import type { Component, ExtractPropTypes } from 'vue';
+export declare const rateProps: {
+    readonly modelValue: import("element-ps/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly lowThreshold: import("element-ps/es/utils/props").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+    readonly highThreshold: import("element-ps/es/utils/props").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
+    readonly max: import("element-ps/es/utils/props").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+    readonly colors: import("element-ps/es/utils/props").BuildPropReturn<import("element-ps/es/utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
+    readonly voidColor: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
+    readonly icons: import("element-ps/es/utils/props").BuildPropReturn<import("element-ps/es/utils/props").PropWrapper<(string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("element-ps/es/utils/props").BuildPropReturn<import("element-ps/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly disabledvoidIcon: import("element-ps/es/utils/props").BuildPropReturn<import("element-ps/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly disabled: import("element-ps/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly allowHalf: import("element-ps/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showText: import("element-ps/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showScore: import("element-ps/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly textColor: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "#1f2d3d", unknown, unknown, unknown>;
+    readonly texts: import("element-ps/es/utils/props").BuildPropReturn<import("element-ps/es/utils/props").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
+    readonly scoreTemplate: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
+};
+export declare type RateProps = ExtractPropTypes<typeof rateProps>;
+export declare const rateEmits: {
+    change: (value: number) => boolean;
+    "update:modelValue": (value: number) => boolean;
+};
+export declare type RateEmits = typeof rateEmits;