refactor: update element reference to registerElement in multiple com…

…ponents
oku-ui · Nov 19, 2024 · c6e8c69 · c6e8c69
1 parent 8234a84
commit c6e8c69
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/.docs/components/demo/UseAnimate/tailwind/index.vue b/.docs/components/demo/UseAnimate/tailwind/index.vue
@@ -18,7 +18,7 @@ onMounted(() => {
 
 <template>
   <div
-    :ref="scope.updateElement"
+    :ref="scope.registerElement"
     class="bg-white w-1/3 aspect-square rounded-2xl"
   />
 </template>
diff --git a/.docs/components/demo/UseAnimateList/tailwind/index.vue b/.docs/components/demo/UseAnimateList/tailwind/index.vue
@@ -16,7 +16,7 @@ onMounted(() => {
 </script>
 
 <template>
- <ul :ref="scope.updateElement"
+ <ul :ref="scope.registerElement"
  class="grid grid-cols-4">
     <li
       v-for="i in 20"

diff --git a/.docs/components/demo/UseAnimationList/tailwind/index.vue b/.docs/components/demo/UseAnimationList/tailwind/index.vue
@@ -27,7 +27,7 @@ onMounted(() => {
   <Toast
     v-model="open"
   ></Toast>
- <ul :ref="scope.updateElement"
+ <ul :ref="scope.registerElement"
  class="grid grid-cols-4">
     <li
     key="test"

diff --git a/packages/core/src/components/stories/demo/UseAnimate.vue b/packages/core/src/components/stories/demo/UseAnimate.vue
@@ -29,7 +29,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <ul :ref="scope.updateElement">
+  <ul :ref="scope.registerElement">
     @oku/motion useAnimate Demo
     <li class="bg-red-500">
       1

diff --git a/packages/core/src/composables/useAnimate.ts b/packages/core/src/composables/useAnimate.ts
@@ -10,10 +10,10 @@ export function useAnimate() {
     animations: {
       [key: string]: AnimationPlaybackControls[]
     }
-    updateElement: (el?: any) => void
+    registerElement: (el?: any) => void
   }>({
         animations: {},
-        updateElement(el?: any) {
+        registerElement(el?: any) {
           scope.el = el
         },
       })