Browse Source

fix: center props in text3D

Jaime A Torrealba C 2 năm trước cách đây
mục cha
commit
a4e66d30a0

+ 5 - 3
packages/cientos/src/core/Text3D.vue

@@ -34,7 +34,8 @@ const props = withDefaults(
     bevelThickness?: number
     bevelSize?: number
     bevelOffset?: number
-    bevelSegments?: number
+    bevelSegments?: number,
+    center?: boolean
   }>(),
   {
     size: 0.5,
@@ -45,8 +46,9 @@ const props = withDefaults(
     bevelSize: 0.02,
     bevelOffset: 0,
     bevelSegments: 4,
+    center:false
   },
-)
+  )
 
 const { extend } = useCientos()
 
@@ -92,7 +94,7 @@ const textOptions = computed(() => {
 </script>
 <template>
   <TresMesh v-if="font">
-    <TresTextGeometry v-if="localText" :args="[localText, textOptions]" />
+    <TresTextGeometry v-if="localText" :args="[localText, textOptions]" :center="center" />
     <slot />
   </TresMesh>
 </template>

+ 1 - 0
packages/tres/src/core/useInstanceCreator/index.ts

@@ -45,6 +45,7 @@ export function useInstanceCreator(prefix: string) {
 
           // Check if the property is a function
           if (isFunction(instance[camelKey])) {
+            if(key === 'center' && !value) return
             // Call the function with the value, spread if it's an array
             instance[camelKey](...(isArray(value) ? value : [value]))
             return