From 04fe085197ee24255c8bbd92dd6af18d25d83ee3 Mon Sep 17 00:00:00 2001
From: yinyin <wuyinyin163@163.com>
Date: Sun, 3 Apr 2022 22:12:46 +0800
Subject: [PATCH 1/4] perf(ui/rate): add call function

---
 packages/varlet-ui/src/rate/Rate.vue | 31 +++++++++++++++++-----------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/packages/varlet-ui/src/rate/Rate.vue b/packages/varlet-ui/src/rate/Rate.vue
index 7fe4a3dc8e0..1621349ed2f 100644
--- a/packages/varlet-ui/src/rate/Rate.vue
+++ b/packages/varlet-ui/src/rate/Rate.vue
@@ -1,6 +1,10 @@
 <template>
-  <div class="var-rate__warp">
-    <div class="var-rate">
+  <div 
+   :class="n('warp')"
+  >
+    <div 
+      :class="n()"
+    >
       <div
         :key="val"
         v-for="val in toNumber(count)"
@@ -27,12 +31,14 @@ import VarFormDetails from '../form-details'
 import Ripple from '../ripple'
 import { defineComponent, nextTick } from 'vue'
 import { useForm } from '../form/provide'
-import { useValidation } from '../utils/components'
+import { useValidation, call, createNamespace} from '../utils/components'
 import { toSizeUnit } from '../utils/elements'
 import { toNumber } from '../utils/shared'
 import { props } from './props'
 import type { RateProvider } from './provide'
 
+const { n, classes } = createNamespace('rate')
+
 export default defineComponent({
   name: 'VarRate',
   components: {
@@ -61,10 +67,10 @@ export default defineComponent({
       const { type, color } = transformValue(val)
 
       return {
-        'var-rate__content': true,
-        'var-rate--disabled': form?.disabled.value,
-        'var-rate--error': errorMessage.value,
-        'var-rate--primary': type !== 'empty' && !color,
+        [n('content')]: true,
+        [n('__disable')]: form?.disabled.value,
+        [n('__error')]: errorMessage.value,
+        [n('primary')]: type !== 'empty' && !color,
       }
     }
 
@@ -100,7 +106,7 @@ export default defineComponent({
         if (event.offsetX <= Math.floor(offsetWidth / 2)) score -= 0.5
       }
 
-      props['onUpdate:modelValue']?.(score)
+      call(props['onUpdate:modelValue'],score)
     }
 
     const validate = () => v(props.rules, toNumber(props.modelValue))
@@ -115,12 +121,12 @@ export default defineComponent({
       }
 
       changeValue(score, event)
-      onChange?.(score)
+      call(onChange, score)
       validateWithTrigger()
     }
 
     const reset = () => {
-      props['onUpdate:modelValue']?.(0)
+      call(props['onUpdate:modelValue'], 0)
       resetValidation()
     }
 
@@ -130,8 +136,7 @@ export default defineComponent({
       resetValidation,
     }
 
-    bindForm?.(rateProvider)
-
+    call(bindForm, rateProvider)
     return {
       errorMessage,
       formDisabled: form?.disabled,
@@ -145,6 +150,8 @@ export default defineComponent({
       resetValidation,
       toSizeUnit,
       toNumber,
+      n,
+      classes,
     }
   },
 })

From 6fad62d9ecf0543e0eca5449f78649990f807b2d Mon Sep 17 00:00:00 2001
From: yinyin <wuyinyin163@163.com>
Date: Sun, 3 Apr 2022 22:36:09 +0800
Subject: [PATCH 2/4] perf(ui/rate): add call function

---
 packages/varlet-ui/src/rate/Rate.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/varlet-ui/src/rate/Rate.vue b/packages/varlet-ui/src/rate/Rate.vue
index 1621349ed2f..f0ae11610b7 100644
--- a/packages/varlet-ui/src/rate/Rate.vue
+++ b/packages/varlet-ui/src/rate/Rate.vue
@@ -37,7 +37,7 @@ import { toNumber } from '../utils/shared'
 import { props } from './props'
 import type { RateProvider } from './provide'
 
-const { n, classes } = createNamespace('rate')
+const { n } = createNamespace('rate')
 
 export default defineComponent({
   name: 'VarRate',
@@ -68,9 +68,9 @@ export default defineComponent({
 
       return {
         [n('content')]: true,
-        [n('__disable')]: form?.disabled.value,
-        [n('__error')]: errorMessage.value,
-        [n('primary')]: type !== 'empty' && !color,
+        [n('--disable')]: form?.disabled.value,
+        [n('--error')]: errorMessage.value,
+        [n('--primary')]: type !== 'empty' && !color,
       }
     }
 
@@ -151,7 +151,6 @@ export default defineComponent({
       toSizeUnit,
       toNumber,
       n,
-      classes,
     }
   },
 })

From 762b7821709b3fa8ec719881716ebf1b41792fc8 Mon Sep 17 00:00:00 2001
From: yinyin <wuyinyin163@163.com>
Date: Sun, 3 Apr 2022 22:39:59 +0800
Subject: [PATCH 3/4] perf(ui/rate): add call function

---
 packages/varlet-ui/src/rate/Rate.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/varlet-ui/src/rate/Rate.vue b/packages/varlet-ui/src/rate/Rate.vue
index f0ae11610b7..61b31b744ed 100644
--- a/packages/varlet-ui/src/rate/Rate.vue
+++ b/packages/varlet-ui/src/rate/Rate.vue
@@ -1,10 +1,6 @@
 <template>
-  <div 
-   :class="n('warp')"
-  >
-    <div 
-      :class="n()"
-    >
+  <div :class="n('warp')">
+    <div :class="n()">
       <div
         :key="val"
         v-for="val in toNumber(count)"

From 7e97c8308c84765edf61abb5b26c1fdaa2842662 Mon Sep 17 00:00:00 2001
From: yinyin <wuyinyin163@163.com>
Date: Sun, 3 Apr 2022 23:17:30 +0800
Subject: [PATCH 4/4] perf(ui/rate): add call function

---
 packages/varlet-ui/src/rate/Rate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/varlet-ui/src/rate/Rate.vue b/packages/varlet-ui/src/rate/Rate.vue
index 61b31b744ed..95d888f9170 100644
--- a/packages/varlet-ui/src/rate/Rate.vue
+++ b/packages/varlet-ui/src/rate/Rate.vue
@@ -64,7 +64,7 @@ export default defineComponent({
 
       return {
         [n('content')]: true,
-        [n('--disable')]: form?.disabled.value,
+        [n('--disabled')]: form?.disabled.value,
         [n('--error')]: errorMessage.value,
         [n('--primary')]: type !== 'empty' && !color,
       }