fix(space): fix space undifined (#337)

ecaps1038 · Mar 22, 2024 · 743931f · 743931f
1 parent dcd884e
commit 743931f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/packages/yike-design-demo/src/components/Snippet.vue b/packages/yike-design-demo/src/components/Snippet.vue
@@ -56,7 +56,7 @@ function onCopy() {
   <div class="demo-block">
     <slot name="demo"></slot>
   </div>
-  <yk-space class="flex-end" :size="8">
+  <yk-space class="snippet-icon" justify="end" :size="8">
     <div class="icon" @click="onCopy"><icon-copy-outline /></div>
     <div
       class="icon"
@@ -94,10 +94,7 @@ function onCopy() {
   transition: all @animats;
 }
 
-.flex-end {
-  display: flex;
-  justify-content: flex-end;
-
+.snippet-icon {
   .icon {
     display: flex;
     justify-content: center;

diff --git a/packages/yike-design-ui/components/radio/src/radio-group.vue b/packages/yike-design-ui/components/radio/src/radio-group.vue
@@ -1,7 +1,7 @@
 <template>
   <yk-space
     v-if="type === 'radio'"
-    :direction="direction"
+    :dir="direction"
     :size="mergedSize"
     :type="type"
     :class="bem([type, mergedSize, direction])"

diff --git a/packages/yike-design-ui/components/space/src/space.vue b/packages/yike-design-ui/components/space/src/space.vue
@@ -15,6 +15,8 @@ const props = withDefaults(
   defineProps<SpaceProps>(),
   {
     size: 'l',
+    align: 'start',
+    justify: 'start',
     dir: 'horizontal',
     overflow: 'visible',
     wrap: false,
@@ -60,8 +62,8 @@ const classList = computed(() => {
     classes.push(`overflow-${overflow.value}`)
   }
 
-  classes.push(`align-${align?.value}`)
-  classes.push(`justify-${justify?.value}`)
+  classes.push(`align-${align.value}`)
+  classes.push(`justify-${justify.value}`)
 
   return classes
 })