cosey 0.4.18 → 0.4.19

package/hooks/useUpsert.d.ts

@@ -52,6 +52,6 @@ export interface UseExternalUpsertReturn<Row extends Record<string, any>, Data>
     edit: (...args: any[]) => void;
     setData: (data: Data) => void;
     expose: Readonly<ShallowRef<UseUpsertExpose<Row, Data> | null>>;
-    ref: string;
+    ref: (_expose: any) => void;
 }
 export declare function useOuterUpsert<Row extends Record<string, any>, Data>(options: UseExternalUpsertOptions): UseExternalUpsertReturn<Row, Data>;

package/hooks/useUpsert.js

@@ -1,9 +1,9 @@
 import { ElMessage } from 'element-plus';
 import { cloneDeep, pick } from 'lodash-es';
-import { useTemplateRef, onMounted, computed, unref, ref, reactive, shallowRef, readonly } from 'vue';
+import { ref, computed, unref, reactive, useTemplateRef, shallowRef, readonly } from 'vue';
 import { toRefs } from '@vueuse/core';
-import { uuid } from '../utils/string.js';
 import { useLocale } from './useLocale.js';
+import { uuid } from '../utils/string.js';
 import { deepAssign } from '../utils/object.js';
 
 const mapTypeTitle = {
@@ -112,8 +112,13 @@ function useUpsert(options) {
   return result;
 }
 function useOuterUpsert(options) {
-  const refKey = uuid();
-  const expose = useTemplateRef(refKey);
+  const expose = ref(null);
+  const vnodeRef = (_expose) => {
+    expose.value = _expose;
+    if (_expose) {
+      _expose.setOptions(options);
+    }
+  };
   const add = (...args) => {
     expose.value?.add(...args);
   };
@@ -123,15 +128,12 @@ function useOuterUpsert(options) {
   const setData = (data) => {
     expose.value?.setData(data);
   };
-  onMounted(() => {
-    expose.value?.setOptions(options);
-  });
   const result = {
     add,
     edit,
     setData,
     expose,
-    ref: refKey
+    ref: vnodeRef
   };
   return result;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.4.18",
+  "version": "0.4.19",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",