fix(loading): v-loading's lifecycle name replace by inserted (#2759)

opentiny · Jan 8, 2025 · 336f42f · 336f42f
1 parent d4228d9
commit 336f42f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/packages/vue-common/src/adapter/vue2/index.ts b/packages/vue-common/src/adapter/vue2/index.ts
@@ -301,6 +301,7 @@ export const directive = (directives) => {
   for (const name in directives) {
     const content = directives[name]
 
+    mapping(content, 'mounted', 'inserted')
     mapping(content, 'beforeMount', 'bind')
     mapping(content, 'updated', 'update')
     mapping(content, 'unmounted', 'unbind')

diff --git a/packages/vue-common/src/adapter/vue3/index.ts b/packages/vue-common/src/adapter/vue3/index.ts
@@ -381,6 +381,7 @@ export const directive = (directives) => {
   for (const name in directives) {
     const content = directives[name]
 
+    mapping(content, 'inserted', 'mounted')
     mapping(content, 'bind', 'beforeMount')
     mapping(content, 'update', 'updated')
     mapping(content, 'unbind', 'unmounted')

diff --git a/packages/vue/src/loading/src/directive.ts b/packages/vue/src/loading/src/directive.ts
@@ -121,7 +121,7 @@ const toggleLoading = (el, binding, maskInstance) => {
 }
 
 const vLoading = {
-  bind(el, binding, vnode) {
+  inserted(el, binding, vnode) {
     const vm = vnode.context
     const textExr = el.getAttribute(constants.TEXT_ATTR)
     const spinnerExr = el.getAttribute(constants.TEXT_SPINNER)
@@ -132,7 +132,7 @@ const vLoading = {
       component: Loading,
       propsData: {
         _constants: constants,
-        tiny_mode: vm.tiny_mode?.value || appProperties().tiny_mode?.value
+        tiny_mode: vm?.tiny_mode?.value || appProperties().tiny_mode?.value
       },
       el: document.createElement('div')
     })