@ftjs/core 1.0.0 → 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 yuhengshen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

@@ -97,6 +97,43 @@ const setStorage = (key, value, cache) => {
     localStorage.setItem(key, JSON.stringify(obj));
   }
 };
+const isEqual = (a, b) => {
+  if (a === b) {
+    return true;
+  }
+  if (a == null || b == null) {
+    return a === b;
+  }
+  if (typeof a !== typeof b) {
+    return false;
+  }
+  if (Number.isNaN(a) && Number.isNaN(b)) {
+    return true;
+  }
+  if (typeof a !== "object") {
+    return a === b;
+  }
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((item, index) => isEqual(item, b[index]));
+  }
+  if (Array.isArray(a) || Array.isArray(b)) {
+    return false;
+  }
+  if (a instanceof Date && b instanceof Date) {
+    return a.getTime() === b.getTime();
+  }
+  if (a instanceof Date || b instanceof Date) {
+    return false;
+  }
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+  return keysA.every(
+    (key) => Object.prototype.hasOwnProperty.call(b, key) && isEqual(a[key], b[key])
+  );
+};
 const provideFormKey = Symbol("@ftjs/core-form-provide");
 const useFormInject = () => {
   return inject(provideFormKey);
@@ -105,8 +142,7 @@ const useColumnsChecked = (columns, cache) => {
   const storageKey = `ftjs-form-columns-checked-obj`;
   const columnsV = computed(() => {
     const entries = columns.value.map((e) => {
-      var _a;
-      const field = e.field ?? ((_a = e.fields) == null ? void 0 : _a[0]);
+      const field = getField(e);
       return [field, !toValue(e.hide)];
     });
     return Object.fromEntries(entries);
@@ -279,6 +315,8 @@ const useForm = (props) => {
       const control = column.control;
       if (!watchObj && !control) return;
       const field = getField(column);
+      const watchArr = column.fields ?? [column.field];
+      const isSingleWatch = watchArr.length === 1;
       const cancel = [];
       if (typeof watchObj === "function") {
         watchObj = {
@@ -289,9 +327,13 @@ const useForm = (props) => {
         cancel.push(
           watch(
             () => {
-              return get(form.value, field);
+              return watchArr.map((f) => get(form.value, f));
             },
             (val, oldVal) => {
+              if (isSingleWatch) {
+                val = val == null ? void 0 : val[0];
+                oldVal = oldVal == null ? void 0 : oldVal[0];
+              }
               watchObj.handler({ val, oldVal, form: form.value });
             },
             {
@@ -304,7 +346,7 @@ const useForm = (props) => {
       if (control) {
         cancel.push(
           watch(
-            () => get(form.value, field),
+            () => watchArr.map((f) => get(form.value, f)),
             (val) => {
               control.forEach(({ field: targetField, value }) => {
                 let show = true;
@@ -314,7 +356,15 @@ const useForm = (props) => {
                     val
                   });
                 } else {
-                  show = Array.isArray(value) ? value.includes(val) : val === value;
+                  if (Array.isArray(value)) {
+                    if (isSingleWatch) {
+                      show = value.some((v) => isEqual(v, val[0]));
+                    } else {
+                      show = isEqual(value, val);
+                    }
+                  } else {
+                    show = isEqual(value, val[0]);
+                  }
                 }
                 if (!fieldControlMap.value.has(targetField)) {
                   fieldControlMap.value.set(targetField, /* @__PURE__ */ new Map());
@@ -497,6 +547,7 @@ export {
   has,
   isBrowser,
   isEmptyStrOrNull,
+  isEqual,
   set,
   setStorage,
   unrefs,

package/dist/utils.d.ts

@@ -29,3 +29,9 @@ export declare const getStorage: (key: string, cache?: string) => {};
  * @param cache 缓存名称
  */
 export declare const setStorage: (key: string, value: any, cache?: string) => void;
+/**
+ * 简单判断两个值是否相等
+ *
+ * 不考虑循环引用
+ */
+export declare const isEqual: (a: any, b: any) => any;

package/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@ftjs/core",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "keywords": [],
   "author": "",
   "license": "MIT",
   "type": "module",
-  "scripts": {
-    "build": "vite build",
-    "minify": "pnpm dlx esbuild ./dist/index.js --minify --outfile=./dist/index.min.js",
-    "test": "vitest --typecheck",
-    "test:coverage": "vitest run --coverage",
-    "semantic-release": "semantic-release"
-  },
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -25,20 +18,26 @@
   ],
   "dependencies": {},
   "devDependencies": {
-    "@types/node": "catalog:",
-    "@vitejs/plugin-vue-jsx": "catalog:",
-    "@vitest/coverage-v8": "catalog:",
-    "@vitest/ui": "catalog:",
-    "@vue/test-utils": "catalog:",
-    "happy-dom": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:",
-    "vite-plugin-dts": "catalog:",
-    "vitest": "catalog:",
-    "vue-tsc": "catalog:",
-    "vue": "catalog:"
+    "@types/node": "^22.10.9",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vitest/coverage-v8": "^3.0.5",
+    "@vitest/ui": "^3.0.5",
+    "@vue/test-utils": "^2.4.6",
+    "happy-dom": "^17.0.2",
+    "typescript": "^5.8.3",
+    "vite": "^6.1.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^3.0.5",
+    "vue-tsc": "2.2.0",
+    "vue": "^3.5.13"
   },
   "peerDependencies": {
     "vue": ">=3.3.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "minify": "pnpm dlx esbuild ./dist/index.js --minify --outfile=./dist/index.min.js",
+    "test": "vitest --typecheck",
+    "test:coverage": "vitest run --coverage"
   }
-}
+}