perf(ui/row): add class (#384)

varletjs · Apr 4, 2022 · a76fdb0 · a76fdb0
1 parent 2d57c82
commit a76fdb0
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/varlet-ui/src/row/Row.vue b/packages/varlet-ui/src/row/Row.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="var-row var--box"
+    :class="classes(n(), 'var--box')"
     :style="{
       justifyContent: justify,
       alignItems: align,
@@ -19,6 +19,9 @@ import { useCols } from './provide'
 import { toPxNum } from '../utils/elements'
 import type { ComputedRef } from 'vue'
 import type { RowProvider } from './provide'
+import { createNamespace } from '../utils/components'
+
+const { n, classes } = createNamespace('row')
 
 export default defineComponent({
   name: 'VarRow',
@@ -44,7 +47,7 @@ export default defineComponent({
 
     bindCols(rowProvider)
 
-    return { average }
+    return { n, classes, average }
   },
 })
 </script>