@element-plus/nightly 0.0.20220312 → 0.0.20220315

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

@@ -5,9 +5,9 @@ export declare const rateProps: {
     readonly lowThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly highThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
     readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["var(--el-rate-star-color)", "var(--el-rate-star-color)", "var(--el-rate-star-color)"], unknown, unknown, unknown>;
-    readonly voidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-void-color)", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-disable-void-color)", unknown, unknown, unknown>;
+    readonly colors: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
+    readonly voidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly icons: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").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<ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
     readonly voidIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").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<ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabledVoidIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").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<ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
@@ -15,7 +15,7 @@ export declare const rateProps: {
     readonly allowHalf: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showScore: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-text-color)", unknown, unknown, unknown>;
+    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly texts: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
     readonly scoreTemplate: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
     readonly size: import("element-plus/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">;

package/lib/components/rate/src/rate.js

@@ -30,19 +30,15 @@ const rateProps = props.buildProps({
   },
   colors: {
     type: props.definePropType([Array, Object]),
-    default: () => typescript.mutable([
-      "var(--el-rate-star-color)",
-      "var(--el-rate-star-color)",
-      "var(--el-rate-star-color)"
-    ])
+    default: () => typescript.mutable(["", "", ""])
   },
   voidColor: {
     type: String,
-    default: "var(--el-rate-void-color)"
+    default: ""
   },
   disabledVoidColor: {
     type: String,
-    default: "var(--el-rate-disable-void-color)"
+    default: ""
   },
   icons: {
     type: props.definePropType([Array, Object]),
@@ -74,7 +70,7 @@ const rateProps = props.buildProps({
   },
   textColor: {
     type: String,
-    default: "var(--el-rate-text-color)"
+    default: ""
   },
   texts: {
     type: props.definePropType(Array),

package/lib/components/rate/src/rate.js.map

@@ -1 +1 @@
-{"version":3,"file":"rate.js","sources":["../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons-vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  mutable,\n  isValidComponentSize,\n  iconPropType,\n} from '@element-plus/utils'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Component, ExtractPropTypes, PropType } from 'vue'\nimport type Rate from './rate.vue'\n\nexport const rateProps = buildProps({\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  lowThreshold: {\n    type: Number,\n    default: 2,\n  },\n  highThreshold: {\n    type: Number,\n    default: 4,\n  },\n  max: {\n    type: Number,\n    default: 5,\n  },\n  colors: {\n    type: definePropType<string[] | Record<number, string>>([Array, Object]),\n    default: () =>\n      mutable([\n        'var(--el-rate-star-color)',\n        'var(--el-rate-star-color)',\n        'var(--el-rate-star-color)',\n      ] as const),\n  },\n  voidColor: {\n    type: String,\n    default: 'var(--el-rate-void-color)',\n  },\n  disabledVoidColor: {\n    type: String,\n    default: 'var(--el-rate-disable-void-color)',\n  },\n  icons: {\n    type: definePropType<\n      Array<string | Component> | Record<number, string | Component>\n    >([Array, Object]),\n    default: () => [StarFilled, StarFilled, StarFilled],\n  },\n  voidIcon: {\n    type: iconPropType,\n    default: () => Star,\n  },\n  disabledVoidIcon: {\n    type: iconPropType,\n    default: () => StarFilled,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  allowHalf: {\n    type: Boolean,\n    default: false,\n  },\n  showText: {\n    type: Boolean,\n    default: false,\n  },\n  showScore: {\n    type: Boolean,\n    default: false,\n  },\n  textColor: {\n    type: String,\n    default: 'var(--el-rate-text-color)',\n  },\n  texts: {\n    type: definePropType<string[]>(Array),\n    default: () =>\n      mutable([\n        'Extremely bad',\n        'Disappointed',\n        'Fair',\n        'Satisfied',\n        'Surprise',\n      ] as const),\n  },\n  scoreTemplate: {\n    type: String,\n    default: '{value}',\n  },\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n  change: (value: number) => typeof value === 'number',\n  [UPDATE_MODEL_EVENT]: (value: number) => typeof value === 'number',\n}\nexport type RateEmits = typeof rateEmits\n\nexport type RateInstance = InstanceType<typeof Rate>\n"],"names":["buildProps","definePropType","mutable","StarFilled","iconPropType","Star","isValidComponentSize","UPDATE_MODEL_EVENT"],"mappings":"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"}
+{"version":3,"file":"rate.js","sources":["../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons-vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  mutable,\n  isValidComponentSize,\n  iconPropType,\n} from '@element-plus/utils'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Component, ExtractPropTypes, PropType } from 'vue'\nimport type Rate from './rate.vue'\n\nexport const rateProps = buildProps({\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  lowThreshold: {\n    type: Number,\n    default: 2,\n  },\n  highThreshold: {\n    type: Number,\n    default: 4,\n  },\n  max: {\n    type: Number,\n    default: 5,\n  },\n  colors: {\n    type: definePropType<string[] | Record<number, string>>([Array, Object]),\n    default: () => mutable(['', '', ''] as const),\n  },\n  voidColor: {\n    type: String,\n    default: '',\n  },\n  disabledVoidColor: {\n    type: String,\n    default: '',\n  },\n  icons: {\n    type: definePropType<\n      Array<string | Component> | Record<number, string | Component>\n    >([Array, Object]),\n    default: () => [StarFilled, StarFilled, StarFilled],\n  },\n  voidIcon: {\n    type: iconPropType,\n    default: () => Star,\n  },\n  disabledVoidIcon: {\n    type: iconPropType,\n    default: () => StarFilled,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  allowHalf: {\n    type: Boolean,\n    default: false,\n  },\n  showText: {\n    type: Boolean,\n    default: false,\n  },\n  showScore: {\n    type: Boolean,\n    default: false,\n  },\n  textColor: {\n    type: String,\n    default: '',\n  },\n  texts: {\n    type: definePropType<string[]>(Array),\n    default: () =>\n      mutable([\n        'Extremely bad',\n        'Disappointed',\n        'Fair',\n        'Satisfied',\n        'Surprise',\n      ] as const),\n  },\n  scoreTemplate: {\n    type: String,\n    default: '{value}',\n  },\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n  change: (value: number) => typeof value === 'number',\n  [UPDATE_MODEL_EVENT]: (value: number) => typeof value === 'number',\n}\nexport type RateEmits = typeof rateEmits\n\nexport type RateInstance = InstanceType<typeof Rate>\n"],"names":["buildProps","definePropType","mutable","StarFilled","iconPropType","Star","isValidComponentSize","UPDATE_MODEL_EVENT"],"mappings":";;;;;;;;;;;;;AASY,MAAC,SAAS,GAAGA,gBAAU,CAAC;AACpC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACxC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAED,oBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAM,CAACE,mBAAU,EAAEA,mBAAU,EAAEA,mBAAU,CAAC;AACvD,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,aAAI;AACvB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAED,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMD,mBAAU;AAC7B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEF,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC;AAC3B,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,MAAM;AACZ,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAEI,8BAAoB;AACnC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ;AAC9C,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ;AAC5D;;;;;"}

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

@@ -1,11 +1,12 @@
+import { type CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     readonly modelValue: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly lowThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly highThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
     readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["var(--el-rate-star-color)", "var(--el-rate-star-color)", "var(--el-rate-star-color)"], unknown, unknown, unknown>;
-    readonly voidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-void-color)", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-disable-void-color)", unknown, unknown, unknown>;
+    readonly colors: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
+    readonly voidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly icons: import("element-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<import("element-plus/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>;
@@ -13,11 +14,44 @@ declare const _default: import("vue").DefineComponent<{
     readonly allowHalf: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showScore: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-text-color)", unknown, unknown, unknown>;
+    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly texts: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
     readonly scoreTemplate: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
     readonly size: import("element-plus/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;
+        value: T;
+    }>) => T | {
+        excluded?: boolean | undefined;
+        value: T;
+    };
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly modelValue: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly lowThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+        readonly highThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
+        readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+        readonly colors: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
+        readonly voidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly disabledVoidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly icons: import("element-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly allowHalf: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showText: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showScore: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly texts: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
+        readonly scoreTemplate: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
+        readonly size: import("element-plus/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-plus/es/tokens").FormContext | undefined;
+    rateSize: import("vue").ComputedRef<"default" | "small" | "large">;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -32,17 +66,26 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
-    hoverIndex: import("vue").Ref<number>;
     currentValue: import("vue").Ref<number>;
-    rateDisabled: import("vue").ComputedRef<boolean>;
+    hoverIndex: import("vue").Ref<number>;
+    pointerAtLeftHalf: import("vue").Ref<boolean>;
+    rateClasses: import("vue").ComputedRef<string[]>;
+    rateDisabled: import("vue").ComputedRef<boolean | undefined>;
+    rateStyles: import("vue").ComputedRef<CSSProperties>;
     text: import("vue").ComputedRef<string>;
-    decimalStyle: import("vue").ComputedRef<{
-        color: string | {
-            excluded?: boolean | undefined;
+    valueDecimal: import("vue").ComputedRef<number>;
+    colorMap: import("vue").ComputedRef<{
+        [x: number]: string | {
             value: string;
+            excluded: boolean;
         };
+    }>;
+    activeColor: import("vue").ComputedRef<string>;
+    decimalStyle: import("vue").ComputedRef<{
+        color: string;
         width: string;
     }>;
+    componentMap: import("vue").ComputedRef<Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>;
     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;
@@ -57,19 +100,59 @@ declare const _default: import("vue").DefineComponent<{
             __isSuspense?: undefined;
         };
     }>;
+    voidComponent: import("vue").ComputedRef<import("element-plus/es/utils").BuildPropType<import("element-plus/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;
+        __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;
+        };
+    }>;
     iconComponents: import("vue").ComputedRef<unknown[]>;
-    rateKls: import("vue").ComputedRef<string[]>;
     showDecimalIcon: (item: number) => boolean;
-    getIconStyle: (item: number) => {
-        color: string | {
-            excluded?: boolean | undefined;
-            value: string;
-        };
-    };
     selectValue: (value: number) => void;
     handleKey: (e: KeyboardEvent) => number | undefined;
     setCurrentValue: (value: number, event: MouseEvent) => void;
     resetCurrentValue: () => void;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        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-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("element-plus/es/utils").BuildPropType<import("element-plus/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;
@@ -78,9 +161,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly lowThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly highThreshold: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 4, unknown, unknown, unknown>;
     readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-    readonly colors: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["var(--el-rate-star-color)", "var(--el-rate-star-color)", "var(--el-rate-star-color)"], unknown, unknown, unknown>;
-    readonly voidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-void-color)", unknown, unknown, unknown>;
-    readonly disabledVoidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-disable-void-color)", unknown, unknown, unknown>;
+    readonly colors: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[] | Record<number, string>>, () => ["", "", ""], unknown, unknown, unknown>;
+    readonly voidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly disabledVoidColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly icons: import("element-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<import("element-plus/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>;
@@ -88,7 +171,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly allowHalf: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showScore: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "var(--el-rate-text-color)", unknown, unknown, unknown>;
+    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly texts: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], unknown, unknown, unknown>;
     readonly scoreTemplate: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "{value}", unknown, unknown, unknown>;
     readonly size: import("element-plus/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">;

package/lib/components/rate/src/rate2.js

@@ -3,50 +3,56 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var shared = require('@vue/shared');
-require('../../../tokens/index.js');
-require('../../../utils/index.js');
 require('../../../constants/index.js');
-var index = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
+require('../../../utils/index.js');
+require('../../../tokens/index.js');
+var index$2 = require('../../icon/index.js');
 require('../../../hooks/index.js');
 var rate = require('./rate.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var shared = require('@vue/shared');
 var form = require('../../../tokens/form.js');
-var index$1 = require('../../../hooks/use-common-props/index.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
+var index = require('../../../hooks/use-common-props/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
 var event = require('../../../constants/event.js');
 var aria = require('../../../constants/aria.js');
 var style = require('../../../utils/dom/style.js');
 
-function getValueFromMap(value, map) {
-  const isExcludedObject = (val) => shared.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 _sfc_main = vue.defineComponent({
-  name: "ElRate",
-  components: {
-    ElIcon: index.ElIcon,
-    StarFilled: iconsVue.StarFilled,
-    Star: iconsVue.Star
-  },
+const _hoisted_1 = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
+const _hoisted_2 = ["onMousemove", "onClick"];
+const __default__ = {
+  name: "ElRate"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: rate.rateProps,
   emits: rate.rateEmits,
-  setup(props, { emit }) {
-    const elForm = vue.inject(form.formContextKey, {});
-    const rateSize = index$1.useSize();
-    const ns = index$2.useNamespace("rate");
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    function getValueFromMap(value, map) {
+      const isExcludedObject = (val) => shared.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 = vue.inject(form.formContextKey, void 0);
+    const rateSize = index.useSize();
+    const ns = index$1.useNamespace("rate");
     const currentValue = vue.ref(props.modelValue);
     const hoverIndex = vue.ref(-1);
     const pointerAtLeftHalf = vue.ref(true);
-    const rateKls = vue.computed(() => [ns.b(), ns.m(rateSize.value)]);
-    const rateDisabled = vue.computed(() => props.disabled || elForm.disabled);
+    const rateClasses = vue.computed(() => [ns.b(), ns.m(rateSize.value)]);
+    const rateDisabled = vue.computed(() => props.disabled || (formContext == null ? void 0 : formContext.disabled));
+    const rateStyles = vue.computed(() => {
+      return {
+        "--el-rate-void-color": props.voidColor,
+        "--el-rate-disabled-void-color": props.disabledVoidColor,
+        "--el-rate-fill-color": activeColor.value
+      };
+    });
     const text = vue.computed(() => {
       let result = "";
       if (props.showScore) {
@@ -62,7 +68,10 @@ const _sfc_main = vue.defineComponent({
       [props.highThreshold]: { value: props.colors[1], excluded: true },
       [props.max]: props.colors[2]
     } : props.colors);
-    const activeColor = vue.computed(() => getValueFromMap(currentValue.value, colorMap.value));
+    const activeColor = vue.computed(() => {
+      const color = getValueFromMap(currentValue.value, colorMap.value);
+      return shared.isObject(color) ? "" : color;
+    });
     const decimalStyle = vue.computed(() => {
       let width = "";
       if (rateDisabled.value) {
@@ -98,12 +107,6 @@ const _sfc_main = vue.defineComponent({
       const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
       return showWhenDisabled || showWhenAllowHalf;
     }
-    function getIconStyle(item) {
-      const voidColor = rateDisabled.value ? props.disabledVoidColor : props.voidColor;
-      return {
-        color: item <= currentValue.value ? activeColor.value : voidColor
-      };
-    }
     function selectValue(value) {
       if (rateDisabled.value) {
         return;
@@ -185,77 +188,62 @@ const _sfc_main = vue.defineComponent({
     if (!props.modelValue) {
       emit(event.UPDATE_MODEL_EVENT, 0);
     }
-    return {
-      ns,
-      hoverIndex,
-      currentValue,
-      rateDisabled,
-      text,
-      decimalStyle,
-      decimalIconComponent,
-      iconComponents,
-      rateKls,
-      showDecimalIcon,
-      getIconStyle,
-      selectValue,
-      handleKey,
+    expose({
       setCurrentValue,
       resetCurrentValue
-    };
-  }
-});
-const _hoisted_1 = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
-const _hoisted_2 = ["onMousemove", "onClick"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.rateKls),
-    role: "slider",
-    "aria-valuenow": _ctx.currentValue,
-    "aria-valuetext": _ctx.text,
-    "aria-valuemin": "0",
-    "aria-valuemax": _ctx.max,
-    tabindex: "0",
-    onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.handleKey && _ctx.handleKey(...args))
-  }, [
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.max, (item, key) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        key,
-        class: vue.normalizeClass(_ctx.ns.e("item")),
-        style: vue.normalizeStyle({ cursor: _ctx.rateDisabled ? "auto" : "pointer" }),
-        onMousemove: ($event) => _ctx.setCurrentValue(item, $event),
-        onMouseleave: _cache[0] || (_cache[0] = (...args) => _ctx.resetCurrentValue && _ctx.resetCurrentValue(...args)),
-        onClick: ($event) => _ctx.selectValue(item)
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(rateClasses), vue.unref(ns).is("disabled", vue.unref(rateDisabled))]),
+        role: "slider",
+        "aria-valuenow": currentValue.value,
+        "aria-valuetext": vue.unref(text),
+        "aria-valuemin": "0",
+        "aria-valuemax": _ctx.max,
+        tabindex: "0",
+        style: vue.normalizeStyle(vue.unref(rateStyles)),
+        onKeydown: handleKey
       }, [
-        vue.createVNode(_component_el_icon, {
-          class: vue.normalizeClass([_ctx.ns.e("icon"), { hover: _ctx.hoverIndex === item }]),
-          style: vue.normalizeStyle(_ctx.getIconStyle(item))
-        }, {
-          default: vue.withCtx(() => [
-            !_ctx.showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponents[item - 1]), { key: 0 })) : vue.createCommentVNode("v-if", true),
-            _ctx.showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-              key: 1,
-              style: vue.normalizeStyle(_ctx.decimalStyle),
-              class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.ns.e("decimal")])
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.max, (item, key) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            key,
+            class: vue.normalizeClass(vue.unref(ns).e("item")),
+            onMousemove: ($event) => setCurrentValue(item, $event),
+            onMouseleave: resetCurrentValue,
+            onClick: ($event) => selectValue(item)
+          }, [
+            vue.createVNode(vue.unref(index$2.ElIcon), {
+              class: vue.normalizeClass([
+                vue.unref(ns).e("icon"),
+                { hover: hoverIndex.value === item },
+                vue.unref(ns).is("active", item <= currentValue.value)
+              ])
             }, {
               default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decimalIconComponent)))
+                !showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponents)[item - 1]), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
+                  key: 1,
+                  style: vue.normalizeStyle(vue.unref(decimalStyle)),
+                  class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).e("decimal")])
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(decimalIconComponent))))
+                  ]),
+                  _: 1
+                }, 8, ["style", "class"])) : vue.createCommentVNode("v-if", true)
               ]),
-              _: 1
-            }, 8, ["style", "class"])) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 2
-        }, 1032, ["class", "style"])
-      ], 46, _hoisted_2);
-    }), 128)),
-    _ctx.showText || _ctx.showScore ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 0,
-      class: vue.normalizeClass(_ctx.ns.e("text")),
-      style: vue.normalizeStyle({ color: _ctx.textColor })
-    }, vue.toDisplayString(_ctx.text), 7)) : vue.createCommentVNode("v-if", true)
-  ], 42, _hoisted_1);
-}
-var Rate = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+              _: 2
+            }, 1032, ["class"])
+          ], 42, _hoisted_2);
+        }), 128)),
+        _ctx.showText || _ctx.showScore ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("text"))
+        }, vue.toDisplayString(vue.unref(text)), 3)) : vue.createCommentVNode("v-if", true)
+      ], 46, _hoisted_1);
+    };
+  }
+});
 
-exports["default"] = Rate;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=rate2.js.map