@cloudcome/utils-vue 1.11.11 → 1.12.0

package/dist/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const VERSION = "1.11.10";
+const VERSION = "1.11.11";
 exports.VERSION = VERSION;
 //# sourceMappingURL=index.cjs.map

package/dist/index.mjs

@@ -1,4 +1,4 @@
-const VERSION = "1.11.10";
+const VERSION = "1.11.11";
 export {
   VERSION
 };

package/dist/state.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useOnceState(value, options) {
+  let lastValue = value;
+  const changed = vue.ref(false);
+  const { equal = Object.is } = options || {};
+  return {
+    change(newValue) {
+      if (equal(newValue, lastValue)) {
+        return;
+      }
+      if (changed.value) {
+        return;
+      }
+      changed.value = true;
+      lastValue = newValue;
+    },
+    // 这里需要使用 computed 确保返回的是原始值，而不是 reactive 包装后的对象
+    state: vue.computed(() => {
+      if (!changed.value) {
+        return value;
+      }
+      return lastValue;
+    })
+  };
+}
+exports.useOnceState = useOnceState;
+//# sourceMappingURL=state.cjs.map

package/dist/state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.cjs","sources":["../src/state.ts"],"sourcesContent":["import { computed, ref } from 'vue';\n\nexport type UseOnceValueOptions<T> = {\n  equal?: (a: T, b: T) => boolean;\n};\n\n/**\n * 只改变一次的值\n * @param value 初始值\n * @param options 选项\n * @returns 包含 change 方法和 value 响应式值的对象\n */\nexport function useOnceState<T>(value: T, options?: UseOnceValueOptions<T>) {\n  let lastValue = value;\n  const changed = ref(false);\n  const { equal = Object.is } = options || {};\n\n  return {\n    change(newValue: T) {\n      if (equal(newValue, lastValue)) {\n        return;\n      }\n\n      if (changed.value) {\n        return;\n      }\n\n      changed.value = true;\n      lastValue = newValue;\n    },\n    // 这里需要使用 computed 确保返回的是原始值，而不是 reactive 包装后的对象\n    state: computed(() => {\n      // changed 使用响应式是为确保 computed 能够响应式更新\n      if (!changed.value) {\n        return value;\n      }\n\n      return lastValue;\n    }),\n  };\n}\n"],"names":["ref","computed"],"mappings":";;;AAYgB,SAAA,aAAgB,OAAU,SAAkC;AAC1E,MAAI,YAAY;AACV,QAAA,UAAUA,QAAI,KAAK;AACzB,QAAM,EAAE,QAAQ,OAAO,GAAG,IAAI,WAAW,CAAC;AAEnC,SAAA;AAAA,IACL,OAAO,UAAa;AACd,UAAA,MAAM,UAAU,SAAS,GAAG;AAC9B;AAAA,MAAA;AAGF,UAAI,QAAQ,OAAO;AACjB;AAAA,MAAA;AAGF,cAAQ,QAAQ;AACJ,kBAAA;AAAA,IACd;AAAA;AAAA,IAEA,OAAOC,aAAS,MAAM;AAEhB,UAAA,CAAC,QAAQ,OAAO;AACX,eAAA;AAAA,MAAA;AAGF,aAAA;AAAA,IACR,CAAA;AAAA,EACH;AACF;;"}

package/dist/state.d.ts

@@ -0,0 +1,13 @@
+export type UseOnceValueOptions<T> = {
+    equal?: (a: T, b: T) => boolean;
+};
+/**
+ * 只改变一次的值
+ * @param value 初始值
+ * @param options 选项
+ * @returns 包含 change 方法和 value 响应式值的对象
+ */
+export declare function useOnceState<T>(value: T, options?: UseOnceValueOptions<T>): {
+    change(newValue: T): void;
+    state: import('vue').ComputedRef<T>;
+};

package/dist/state.mjs

@@ -0,0 +1,29 @@
+import { ref, computed } from "vue";
+function useOnceState(value, options) {
+  let lastValue = value;
+  const changed = ref(false);
+  const { equal = Object.is } = options || {};
+  return {
+    change(newValue) {
+      if (equal(newValue, lastValue)) {
+        return;
+      }
+      if (changed.value) {
+        return;
+      }
+      changed.value = true;
+      lastValue = newValue;
+    },
+    // 这里需要使用 computed 确保返回的是原始值，而不是 reactive 包装后的对象
+    state: computed(() => {
+      if (!changed.value) {
+        return value;
+      }
+      return lastValue;
+    })
+  };
+}
+export {
+  useOnceState
+};
+//# sourceMappingURL=state.mjs.map

package/dist/state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.mjs","sources":["../src/state.ts"],"sourcesContent":["import { computed, ref } from 'vue';\n\nexport type UseOnceValueOptions<T> = {\n  equal?: (a: T, b: T) => boolean;\n};\n\n/**\n * 只改变一次的值\n * @param value 初始值\n * @param options 选项\n * @returns 包含 change 方法和 value 响应式值的对象\n */\nexport function useOnceState<T>(value: T, options?: UseOnceValueOptions<T>) {\n  let lastValue = value;\n  const changed = ref(false);\n  const { equal = Object.is } = options || {};\n\n  return {\n    change(newValue: T) {\n      if (equal(newValue, lastValue)) {\n        return;\n      }\n\n      if (changed.value) {\n        return;\n      }\n\n      changed.value = true;\n      lastValue = newValue;\n    },\n    // 这里需要使用 computed 确保返回的是原始值，而不是 reactive 包装后的对象\n    state: computed(() => {\n      // changed 使用响应式是为确保 computed 能够响应式更新\n      if (!changed.value) {\n        return value;\n      }\n\n      return lastValue;\n    }),\n  };\n}\n"],"names":[],"mappings":";AAYgB,SAAA,aAAgB,OAAU,SAAkC;AAC1E,MAAI,YAAY;AACV,QAAA,UAAU,IAAI,KAAK;AACzB,QAAM,EAAE,QAAQ,OAAO,GAAG,IAAI,WAAW,CAAC;AAEnC,SAAA;AAAA,IACL,OAAO,UAAa;AACd,UAAA,MAAM,UAAU,SAAS,GAAG;AAC9B;AAAA,MAAA;AAGF,UAAI,QAAQ,OAAO;AACjB;AAAA,MAAA;AAGF,cAAQ,QAAQ;AACJ,kBAAA;AAAA,IACd;AAAA;AAAA,IAEA,OAAO,SAAS,MAAM;AAEhB,UAAA,CAAC,QAAQ,OAAO;AACX,eAAA;AAAA,MAAA;AAGF,aAAA;AAAA,IACR,CAAA;AAAA,EACH;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudcome/utils-vue",
-  "version": "1.11.11",
+  "version": "1.12.0",
   "description": "cloudcome utils for vue",
   "engines": {
     "node": ">=22"
@@ -39,6 +39,11 @@
       "import": "./dist/shared.mjs",
       "require": "./dist/shared.cjs"
     },
+    "./state": {
+      "types": "./dist/state.d.ts",
+      "import": "./dist/state.mjs",
+      "require": "./dist/state.cjs"
+    },
     "./time": {
       "types": "./dist/time.d.ts",
       "import": "./dist/time.mjs",
@@ -67,6 +72,9 @@
       "shared": [
         "./dist/shared.d.ts"
       ],
+      "state": [
+        "./dist/state.d.ts"
+      ],
       "time": [
         "./dist/time.d.ts"
       ],