fix(rate): fix not display in nuxt

arco-design · Jan 19, 2024 · 3ba750d · 3ba750d
1 parent 002604f
commit 3ba750d
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/packages/web-vue/components/rate/rate.tsx b/packages/web-vue/components/rate/rate.tsx
@@ -229,12 +229,18 @@ export default defineComponent({
       };
     };
 
+    const renderElement = (index: number) => {
+      if (props.grading) {
+        return renderGradingCharacter(index, displayIndex.value);
+      }
+      if (slots.character) {
+        return slots.character({ index });
+      }
+      return <IconStarFill />;
+    };
+
     // TODO: need to perf
     const renderCharacter = (index: number) => {
-      const displayCharacter = props.grading
-        ? renderGradingCharacter(index, displayIndex.value)
-        : slots.character?.({ index }) ?? <IconStarFill />;
-
       const leftProps = mergedDisabled.value
         ? {}
         : {
@@ -289,15 +295,15 @@ export default defineComponent({
             {...leftProps}
             {...(props.allowHalf ? getAriaProps(index, true) : undefined)}
           >
-            {displayCharacter}
+            {renderElement(index)}
           </div>
           <div
             class={`${prefixCls}-character-right`}
             style={rightStyle}
             {...rightProps}
             {...(props.allowHalf ? getAriaProps(index) : undefined)}
           >
-            {displayCharacter}
+            {renderElement(index)}
           </div>
         </div>
       );