knt-shared 1.2.2 → 1.2.3

package/dist/components/Form/useForm.d.ts

@@ -6,10 +6,7 @@ import { FormSchema, UseFormOptions, UseFormReturn } from './types';
  * @param options 表单配置选项
  * @returns [register, formMethods]
  */
-export declare function useForm(options?: UseFormOptions): [
-    (formInstance: any) => void,
-    Omit<UseFormReturn, 'register'>
-];
+export declare function useForm(options?: UseFormOptions): [(formInstance: any) => void, Omit<UseFormReturn, 'register'>];
 /**
  * 创建表单配置
  * 用于快速创建表单 schema

package/dist/components/Form/useForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../src/components/Form/useForm.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAC;AAEzF;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,OAAO,GAAE,cAAmB,GAAG;IACrD,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI;IAC3B,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;CAChC,CAgTA;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAKpE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,EAAE,GAAG,UAAU,EAAE,CAEzE"}
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../src/components/Form/useForm.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAC;AAEzF;;;;;GAKG;AACH,wBAAgB,OAAO,CACrB,OAAO,GAAE,cAAmB,GAC3B,CAAC,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAmWhE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAKpE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,EAAE,GAAG,UAAU,EAAE,CAEzE"}

package/dist/components/Modal/useModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useModal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAE3F;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAyF7E"}
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useModal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAE3F;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,kBAAkB,CA2F7E"}

package/dist/index.cjs.js

@@ -1621,6 +1621,8 @@ function useForm(options = {}) {
   const formModel = vue.reactive({});
   const loadedRef = vue.ref(false);
   const propsRef = vue.ref({});
+  const pendingValues = vue.ref(null);
+  let unwatchFormRef = null;
   const initFormModel = () => {
     var _a, _b;
     const schemas = vue.unref(((_b = (_a = formRef.value) == null ? void 0 : _a.getSchema) == null ? void 0 : _b.call(_a)) || options.schemas || []);
@@ -1632,12 +1634,38 @@ function useForm(options = {}) {
   };
   const register = async (formInstance) => {
     await vue.nextTick();
+    if (unwatchFormRef) {
+      unwatchFormRef();
+      unwatchFormRef = null;
+    }
     formRef.value = formInstance;
     loadedRef.value = true;
     if (options && Object.keys(options).length > 0) {
       await setProps(options);
     }
     initFormModel();
+    if (formInstance.formRef) {
+      unwatchFormRef = vue.watch(
+        () => formInstance.formRef.value,
+        (val) => {
+          if (val === null) {
+            console.log("表单组件已卸载，重置 useForm 状态");
+            formRef.value = null;
+            loadedRef.value = false;
+            if (unwatchFormRef) {
+              unwatchFormRef();
+              unwatchFormRef = null;
+            }
+          }
+        },
+        { flush: "sync" }
+        // 同步执行，确保及时清理
+      );
+    }
+    if (pendingValues.value) {
+      await setFieldsValue(pendingValues.value);
+      pendingValues.value = null;
+    }
   };
   const getForm = () => {
     const form = vue.unref(formRef);
@@ -1649,7 +1677,16 @@ function useForm(options = {}) {
     return form;
   };
   const getFormSafe = () => {
-    return vue.unref(formRef);
+    var _a;
+    const form = vue.unref(formRef);
+    if (!form) return null;
+    if (((_a = form.formRef) == null ? void 0 : _a.value) === null) {
+      console.log("检测到失效的表单实例，清理引用");
+      formRef.value = null;
+      loadedRef.value = false;
+      return null;
+    }
+    return form;
   };
   const getFieldsValue = () => {
     const form = getFormSafe();
@@ -1661,7 +1698,10 @@ function useForm(options = {}) {
   };
   const setFieldsValue = async (values) => {
     const form = getFormSafe();
-    if (!form) return;
+    if (!form) {
+      pendingValues.value = { ...pendingValues.value, ...values };
+      return;
+    }
     if (form.setFieldsValue) {
       await form.setFieldsValue(values);
     } else {
@@ -3733,9 +3773,7 @@ function useModal(props) {
   const openModal = (visible = true, data) => {
     const modal = getModal();
     if (!modal) return;
-    if (data !== void 0) {
-      modal.setModalProps({ _data: data });
-    }
+    modal.setModalProps({ _data: data });
     if (visible) {
       modal.openModal();
     } else {
@@ -3746,6 +3784,9 @@ function useModal(props) {
     const modal = getModal();
     if (!modal) return;
     modal.closeModal();
+    setTimeout(() => {
+      modal.setModalProps({ _data: void 0 });
+    });
   };
   const setModalProps = (modalProps) => {
     const modal = getModal();