element-pe 2.0.5 → 2.0.6

package/es/components/rate/src/rate.vue.d.ts

@@ -1,23 +1,23 @@
 import { type CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly modelValue: import("element-pe/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly lowThreshold: import("element-pe/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
-    readonly highThreshold: import("element-pe/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
-    readonly max: import("element-pe/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
-    readonly voidColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly icons: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
-    readonly voidIcon: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
-    readonly disabledVoidIcon: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
-    readonly disabled: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly allowHalf: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly showText: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly showScore: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly texts: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
-    readonly scoreTemplate: import("element-pe/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
-    readonly size: import("element-pe/utils").BuildPropReturn<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, unknown, unknown, "" | "default" | "small" | "large">;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly lowThreshold: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+    readonly highThreshold: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
+    readonly max: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+    readonly colors: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
+    readonly voidColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly icons: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabledVoidIcon: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabled: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly allowHalf: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showText: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showScore: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly textColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly texts: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
+    readonly scoreTemplate: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
+    readonly size: import("element-pe/es/utils").BuildPropReturn<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, unknown, unknown, "" | "default" | "small" | "large">;
 }, {
     getValueFromMap: <T>(value: number, map: Record<string, T | {
         excluded?: boolean | undefined;
@@ -27,30 +27,30 @@ declare const _default: import("vue").DefineComponent<{
         value: T;
     };
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly modelValue: import("element-pe/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-        readonly lowThreshold: import("element-pe/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
-        readonly highThreshold: import("element-pe/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
-        readonly max: import("element-pe/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-        readonly colors: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
-        readonly voidColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly disabledVoidColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly icons: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
-        readonly voidIcon: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
-        readonly disabledVoidIcon: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
-        readonly disabled: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly allowHalf: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly showText: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly showScore: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly textColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly texts: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
-        readonly scoreTemplate: import("element-pe/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
-        readonly size: import("element-pe/utils").BuildPropReturn<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, unknown, unknown, "" | "default" | "small" | "large">;
+        readonly modelValue: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly lowThreshold: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+        readonly highThreshold: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
+        readonly max: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+        readonly colors: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
+        readonly voidColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly disabledVoidColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly icons: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+        readonly voidIcon: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+        readonly disabledVoidIcon: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+        readonly disabled: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly allowHalf: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showText: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showScore: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly textColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly texts: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
+        readonly scoreTemplate: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
+        readonly size: import("element-pe/es/utils").BuildPropReturn<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, unknown, unknown, "" | "default" | "small" | "large">;
     }>> & {
         onChange?: ((value: number) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     }>>;
     emit: ((event: "update:modelValue", value: number) => void) & ((event: "change", value: number) => void);
-    formContext: import("element-pe/tokens").FormContext | undefined;
+    formContext: import("element-pe/es/tokens").FormContext | undefined;
     rateSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -100,7 +100,7 @@ declare const _default: import("vue").DefineComponent<{
             __isSuspense?: undefined;
         };
     }>;
-    voidComponent: import("vue").ComputedRef<import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>>;
+    voidComponent: import("vue").ComputedRef<import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>>;
     activeComponent: 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;
@@ -121,13 +121,13 @@ declare const _default: import("vue").DefineComponent<{
     handleKey: (e: KeyboardEvent) => number | undefined;
     setCurrentValue: (value: number, event: MouseEvent) => void;
     resetCurrentValue: () => void;
-    ElIcon: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-        readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    ElIcon: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -147,54 +147,54 @@ declare const _default: import("vue").DefineComponent<{
         };
         style: import("vue").ComputedRef<CSSProperties>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }>>, {
-        size: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown>;
+        size: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown>;
         color: string;
     }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: number) => boolean;
     "update:modelValue": (value: number) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: import("element-pe/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly lowThreshold: import("element-pe/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
-    readonly highThreshold: import("element-pe/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
-    readonly max: import("element-pe/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
-    readonly voidColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly icons: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
-    readonly voidIcon: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
-    readonly disabledVoidIcon: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
-    readonly disabled: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly allowHalf: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly showText: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly showScore: import("element-pe/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly texts: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
-    readonly scoreTemplate: import("element-pe/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
-    readonly size: import("element-pe/utils").BuildPropReturn<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, unknown, unknown, "" | "default" | "small" | "large">;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly lowThreshold: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+    readonly highThreshold: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
+    readonly max: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+    readonly colors: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
+    readonly voidColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly icons: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabledVoidIcon: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").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<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabled: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly allowHalf: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showText: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showScore: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly textColor: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly texts: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
+    readonly scoreTemplate: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
+    readonly size: import("element-pe/es/utils").BuildPropReturn<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, unknown, unknown, "" | "default" | "small" | "large">;
 }>> & {
     onChange?: ((value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
-    size: import("element-pe/utils").BuildPropType<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, "" | "default" | "small" | "large">;
-    disabled: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    size: import("element-pe/es/utils").BuildPropType<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, "" | "default" | "small" | "large">;
+    disabled: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     modelValue: number;
     textColor: string;
     max: number;
-    colors: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string[] | Record<number, string>>, unknown, unknown>;
-    showText: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    colors: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<string[] | Record<number, string>>, unknown, unknown>;
+    showText: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     lowThreshold: number;
     highThreshold: number;
     voidColor: string;
     disabledVoidColor: string;
-    icons: import("element-pe/utils").BuildPropType<import("element-pe/utils").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("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    disabledVoidIcon: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    allowHalf: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    showScore: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    icons: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").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("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    disabledVoidIcon: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    allowHalf: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showScore: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     texts: string[];
     scoreTemplate: string;
 }>;

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

@@ -1,96 +1,247 @@
-import { StarFilled, Star } from '@element-plus/icons-vue';
+import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, Fragment, renderList, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
 import '../../../constants/index.mjs';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { mutable } from '../../../utils/typescript.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
-import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
+import '../../../tokens/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { rateProps, rateEmits } from './rate.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { isObject, isArray } from '@vue/shared';
+import { formContextKey } from '../../../tokens/form.mjs';
+import { useSize } from '../../../hooks/use-common-props/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { hasClass } from '../../../utils/dom/style.mjs';
 
-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(["", "", ""])
-  },
-  voidColor: {
-    type: String,
-    default: ""
-  },
-  disabledVoidColor: {
-    type: String,
-    default: ""
-  },
-  icons: {
-    type: definePropType([Array, Object]),
-    default: () => [StarFilled, StarFilled, StarFilled]
-  },
-  voidIcon: {
-    type: iconPropType,
-    default: () => Star
-  },
-  disabledVoidIcon: {
-    type: iconPropType,
-    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: ""
-  },
-  texts: {
-    type: definePropType(Array),
-    default: () => mutable([
-      "Extremely bad",
-      "Disappointed",
-      "Fair",
-      "Satisfied",
-      "Surprise"
-    ])
-  },
-  scoreTemplate: {
-    type: String,
-    default: "{value}"
-  },
-  size: {
-    type: String,
-    validator: isValidComponentSize
+const _hoisted_1 = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
+const _hoisted_2 = ["onMousemove", "onClick"];
+const __default__ = {
+  name: "ElRate"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: rateProps,
+  emits: rateEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    function getValueFromMap(value, map) {
+      const isExcludedObject = (val) => isObject(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;
+    }
+    const formContext = inject(formContextKey, void 0);
+    const rateSize = useSize();
+    const ns = useNamespace("rate");
+    const currentValue = ref(props.modelValue);
+    const hoverIndex = ref(-1);
+    const pointerAtLeftHalf = ref(true);
+    const rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)]);
+    const rateDisabled = computed(() => props.disabled || (formContext == null ? void 0 : formContext.disabled));
+    const rateStyles = computed(() => {
+      return {
+        "--el-rate-void-color": props.voidColor,
+        "--el-rate-disabled-void-color": props.disabledVoidColor,
+        "--el-rate-fill-color": activeColor.value
+      };
+    });
+    const text = computed(() => {
+      let result = "";
+      if (props.showScore) {
+        result = props.scoreTemplate.replace(/\{\s*value\s*\}/, rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`);
+      } else if (props.showText) {
+        result = props.texts[Math.ceil(currentValue.value) - 1];
+      }
+      return result;
+    });
+    const valueDecimal = computed(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
+    const colorMap = computed(() => isArray(props.colors) ? {
+      [props.lowThreshold]: props.colors[0],
+      [props.highThreshold]: { value: props.colors[1], excluded: true },
+      [props.max]: props.colors[2]
+    } : props.colors);
+    const activeColor = computed(() => {
+      const color = getValueFromMap(currentValue.value, colorMap.value);
+      return isObject(color) ? "" : color;
+    });
+    const decimalStyle = computed(() => {
+      let width = "";
+      if (rateDisabled.value) {
+        width = `${valueDecimal.value}%`;
+      } else if (props.allowHalf) {
+        width = "50%";
+      }
+      return {
+        color: activeColor.value,
+        width
+      };
+    });
+    const componentMap = computed(() => isArray(props.icons) ? {
+      [props.lowThreshold]: props.icons[0],
+      [props.highThreshold]: {
+        value: props.icons[1],
+        excluded: true
+      },
+      [props.max]: props.icons[2]
+    } : props.icons);
+    const decimalIconComponent = computed(() => getValueFromMap(props.modelValue, componentMap.value));
+    const voidComponent = computed(() => rateDisabled.value ? props.disabledVoidIcon : props.voidIcon);
+    const activeComponent = computed(() => getValueFromMap(currentValue.value, componentMap.value));
+    const iconComponents = computed(() => {
+      const result = Array.from({ length: props.max });
+      const threshold = currentValue.value;
+      result.fill(activeComponent.value, 0, threshold);
+      result.fill(voidComponent.value, threshold, props.max);
+      return result;
+    });
+    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;
+      return showWhenDisabled || showWhenAllowHalf;
+    }
+    function selectValue(value) {
+      if (rateDisabled.value) {
+        return;
+      }
+      if (props.allowHalf && pointerAtLeftHalf.value) {
+        emit(UPDATE_MODEL_EVENT, currentValue.value);
+        if (props.modelValue !== currentValue.value) {
+          emit("change", currentValue.value);
+        }
+      } else {
+        emit(UPDATE_MODEL_EVENT, value);
+        if (props.modelValue !== value) {
+          emit("change", value);
+        }
+      }
+    }
+    function handleKey(e) {
+      if (rateDisabled.value) {
+        return;
+      }
+      let _currentValue = currentValue.value;
+      const code = e.code;
+      if (code === EVENT_CODE.up || code === EVENT_CODE.right) {
+        if (props.allowHalf) {
+          _currentValue += 0.5;
+        } else {
+          _currentValue += 1;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+      } else if (code === EVENT_CODE.left || code === EVENT_CODE.down) {
+        if (props.allowHalf) {
+          _currentValue -= 0.5;
+        } else {
+          _currentValue -= 1;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+      }
+      _currentValue = _currentValue < 0 ? 0 : _currentValue;
+      _currentValue = _currentValue > props.max ? props.max : _currentValue;
+      emit(UPDATE_MODEL_EVENT, _currentValue);
+      emit("change", _currentValue);
+      return _currentValue;
+    }
+    function setCurrentValue(value, event) {
+      if (rateDisabled.value) {
+        return;
+      }
+      if (props.allowHalf) {
+        let target = event.target;
+        if (hasClass(target, ns.e("item"))) {
+          target = target.querySelector(`.${ns.e("icon")}`);
+        }
+        if (target.clientWidth === 0 || hasClass(target, ns.e("decimal"))) {
+          target = target.parentNode;
+        }
+        pointerAtLeftHalf.value = event.offsetX * 2 <= target.clientWidth;
+        currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value;
+      } else {
+        currentValue.value = value;
+      }
+      hoverIndex.value = value;
+    }
+    function resetCurrentValue() {
+      if (rateDisabled.value) {
+        return;
+      }
+      if (props.allowHalf) {
+        pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
+      }
+      currentValue.value = props.modelValue;
+      hoverIndex.value = -1;
+    }
+    watch(() => props.modelValue, (val) => {
+      currentValue.value = val;
+      pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
+    });
+    if (!props.modelValue) {
+      emit(UPDATE_MODEL_EVENT, 0);
+    }
+    expose({
+      setCurrentValue,
+      resetCurrentValue
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(rateClasses), unref(ns).is("disabled", unref(rateDisabled))]),
+        role: "slider",
+        "aria-valuenow": currentValue.value,
+        "aria-valuetext": unref(text),
+        "aria-valuemin": "0",
+        "aria-valuemax": _ctx.max,
+        tabindex: "0",
+        style: normalizeStyle(unref(rateStyles)),
+        onKeydown: handleKey
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.max, (item, key) => {
+          return openBlock(), createElementBlock("span", {
+            key,
+            class: normalizeClass(unref(ns).e("item")),
+            onMousemove: ($event) => setCurrentValue(item, $event),
+            onMouseleave: resetCurrentValue,
+            onClick: ($event) => selectValue(item)
+          }, [
+            createVNode(unref(ElIcon), {
+              class: normalizeClass([
+                unref(ns).e("icon"),
+                { hover: hoverIndex.value === item },
+                unref(ns).is("active", item <= currentValue.value)
+              ])
+            }, {
+              default: withCtx(() => [
+                !showDecimalIcon(item) ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponents)[item - 1]), { key: 0 })) : createCommentVNode("v-if", true),
+                showDecimalIcon(item) ? (openBlock(), createBlock(unref(ElIcon), {
+                  key: 1,
+                  style: normalizeStyle(unref(decimalStyle)),
+                  class: normalizeClass([unref(ns).e("icon"), unref(ns).e("decimal")])
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(decimalIconComponent))))
+                  ]),
+                  _: 1
+                }, 8, ["style", "class"])) : createCommentVNode("v-if", true)
+              ]),
+              _: 2
+            }, 1032, ["class"])
+          ], 42, _hoisted_2);
+        }), 128)),
+        _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("text"))
+        }, toDisplayString(unref(text)), 3)) : createCommentVNode("v-if", true)
+      ], 46, _hoisted_1);
+    };
   }
 });
-const rateEmits = {
-  change: (value) => typeof value === "number",
-  [UPDATE_MODEL_EVENT]: (value) => typeof value === "number"
-};
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/rate/src/rate.vue"]]);
 
-export { rateEmits, rateProps };
+export { Rate as default };
 //# sourceMappingURL=rate2.mjs.map