@cloudcome/utils-vue 1.5.0 → 1.6.1

package/dist/index.cjs

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

package/dist/index.mjs

@@ -1,4 +1,4 @@
-const VERSION = "1.4.0";
+const VERSION = "1.6.0";
 export {
   VERSION
 };

package/dist/lazy.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useLazyValue(boolean, delay) {
+  const scope = vue.effectScope();
+  const lazyBoolean = vue.ref(boolean.value);
+  let changedAt = 0;
+  let t;
+  scope.run(() => {
+    vue.watch(boolean, (value) => {
+      const delayValue = vue.toValue(delay) || 100;
+      clearTimeout(t);
+      if (changedAt > 0 && Date.now() - changedAt > delayValue) {
+        lazyBoolean.value = value;
+      } else {
+        t = setTimeout(() => {
+          lazyBoolean.value = value;
+        }, delayValue);
+      }
+      changedAt = Date.now();
+    });
+  });
+  vue.onScopeDispose(() => {
+    clearTimeout(t);
+    scope.stop();
+  });
+  return vue.computed(() => {
+    return lazyBoolean.value;
+  });
+}
+exports.useLazyValue = useLazyValue;
+//# sourceMappingURL=lazy.cjs.map

package/dist/lazy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.cjs","sources":["../src/lazy.ts"],"sourcesContent":["import { type Ref, computed, effectScope, onScopeDispose, ref, toValue, watch } from 'vue';\n\n/**\n * 创建一个延迟更新的响应式值\n *\n * 该函数创建一个基于原始响应式值的延迟更新值，当原始值发生变化时，\n * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化，\n * 则会重新计算延迟时间。\n *\n * @param boolean 原始响应式值，类型为Ref<T>\n * @param delay 延迟时间，可以是数字或响应式数字，默认为100毫秒\n * @returns 返回一个计算属性，其值会在延迟后更新为原始值\n */\nexport function useLazyValue<T>(boolean: Ref<T>, delay?: number | Ref<number>) {\n  const scope = effectScope();\n  const lazyBoolean = ref(boolean.value);\n  let changedAt = 0;\n  // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n  let t: any;\n\n  scope.run(() => {\n    watch(boolean, (value) => {\n      const delayValue = toValue(delay) || 100;\n      clearTimeout(t);\n\n      if (changedAt > 0 && Date.now() - changedAt > delayValue) {\n        lazyBoolean.value = value;\n      } else {\n        t = setTimeout(() => {\n          lazyBoolean.value = value;\n        }, delayValue);\n      }\n\n      changedAt = Date.now();\n    });\n  });\n\n  onScopeDispose(() => {\n    clearTimeout(t);\n    scope.stop();\n  });\n\n  return computed<T>(() => {\n    return lazyBoolean.value;\n  });\n}\n"],"names":["effectScope","ref","watch","toValue","onScopeDispose","computed"],"mappings":";;;AAagB,SAAA,aAAgB,SAAiB,OAA8B;AAC7E,QAAM,QAAQA,IAAAA,YAAY;AACpB,QAAA,cAAcC,IAAAA,IAAI,QAAQ,KAAK;AACrC,MAAI,YAAY;AAEZ,MAAA;AAEJ,QAAM,IAAI,MAAM;AACRC,cAAA,SAAS,CAAC,UAAU;AAClB,YAAA,aAAaC,IAAAA,QAAQ,KAAK,KAAK;AACrC,mBAAa,CAAC;AAEd,UAAI,YAAY,KAAK,KAAK,IAAI,IAAI,YAAY,YAAY;AACxD,oBAAY,QAAQ;AAAA,MAAA,OACf;AACL,YAAI,WAAW,MAAM;AACnB,sBAAY,QAAQ;AAAA,WACnB,UAAU;AAAA,MAAA;AAGf,kBAAY,KAAK,IAAI;AAAA,IAAA,CACtB;AAAA,EAAA,CACF;AAEDC,MAAAA,eAAe,MAAM;AACnB,iBAAa,CAAC;AACd,UAAM,KAAK;AAAA,EAAA,CACZ;AAED,SAAOC,aAAY,MAAM;AACvB,WAAO,YAAY;AAAA,EAAA,CACpB;AACH;;"}

package/dist/lazy.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+/**
+ * 创建一个延迟更新的响应式值
+ *
+ * 该函数创建一个基于原始响应式值的延迟更新值，当原始值发生变化时，
+ * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化，
+ * 则会重新计算延迟时间。
+ *
+ * @param boolean 原始响应式值，类型为Ref<T>
+ * @param delay 延迟时间，可以是数字或响应式数字，默认为100毫秒
+ * @returns 返回一个计算属性，其值会在延迟后更新为原始值
+ */
+export declare function useLazyValue<T>(boolean: Ref<T>, delay?: number | Ref<number>): import('vue').ComputedRef<T>;

package/dist/lazy.mjs

@@ -0,0 +1,32 @@
+import { effectScope, ref, watch, toValue, onScopeDispose, computed } from "vue";
+function useLazyValue(boolean, delay) {
+  const scope = effectScope();
+  const lazyBoolean = ref(boolean.value);
+  let changedAt = 0;
+  let t;
+  scope.run(() => {
+    watch(boolean, (value) => {
+      const delayValue = toValue(delay) || 100;
+      clearTimeout(t);
+      if (changedAt > 0 && Date.now() - changedAt > delayValue) {
+        lazyBoolean.value = value;
+      } else {
+        t = setTimeout(() => {
+          lazyBoolean.value = value;
+        }, delayValue);
+      }
+      changedAt = Date.now();
+    });
+  });
+  onScopeDispose(() => {
+    clearTimeout(t);
+    scope.stop();
+  });
+  return computed(() => {
+    return lazyBoolean.value;
+  });
+}
+export {
+  useLazyValue
+};
+//# sourceMappingURL=lazy.mjs.map

package/dist/lazy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.mjs","sources":["../src/lazy.ts"],"sourcesContent":["import { type Ref, computed, effectScope, onScopeDispose, ref, toValue, watch } from 'vue';\n\n/**\n * 创建一个延迟更新的响应式值\n *\n * 该函数创建一个基于原始响应式值的延迟更新值，当原始值发生变化时，\n * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化，\n * 则会重新计算延迟时间。\n *\n * @param boolean 原始响应式值，类型为Ref<T>\n * @param delay 延迟时间，可以是数字或响应式数字，默认为100毫秒\n * @returns 返回一个计算属性，其值会在延迟后更新为原始值\n */\nexport function useLazyValue<T>(boolean: Ref<T>, delay?: number | Ref<number>) {\n  const scope = effectScope();\n  const lazyBoolean = ref(boolean.value);\n  let changedAt = 0;\n  // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n  let t: any;\n\n  scope.run(() => {\n    watch(boolean, (value) => {\n      const delayValue = toValue(delay) || 100;\n      clearTimeout(t);\n\n      if (changedAt > 0 && Date.now() - changedAt > delayValue) {\n        lazyBoolean.value = value;\n      } else {\n        t = setTimeout(() => {\n          lazyBoolean.value = value;\n        }, delayValue);\n      }\n\n      changedAt = Date.now();\n    });\n  });\n\n  onScopeDispose(() => {\n    clearTimeout(t);\n    scope.stop();\n  });\n\n  return computed<T>(() => {\n    return lazyBoolean.value;\n  });\n}\n"],"names":[],"mappings":";AAagB,SAAA,aAAgB,SAAiB,OAA8B;AAC7E,QAAM,QAAQ,YAAY;AACpB,QAAA,cAAc,IAAI,QAAQ,KAAK;AACrC,MAAI,YAAY;AAEZ,MAAA;AAEJ,QAAM,IAAI,MAAM;AACR,UAAA,SAAS,CAAC,UAAU;AAClB,YAAA,aAAa,QAAQ,KAAK,KAAK;AACrC,mBAAa,CAAC;AAEd,UAAI,YAAY,KAAK,KAAK,IAAI,IAAI,YAAY,YAAY;AACxD,oBAAY,QAAQ;AAAA,MAAA,OACf;AACL,YAAI,WAAW,MAAM;AACnB,sBAAY,QAAQ;AAAA,WACnB,UAAU;AAAA,MAAA;AAGf,kBAAY,KAAK,IAAI;AAAA,IAAA,CACtB;AAAA,EAAA,CACF;AAED,iBAAe,MAAM;AACnB,iBAAa,CAAC;AACd,UAAM,KAAK;AAAA,EAAA,CACZ;AAED,SAAO,SAAY,MAAM;AACvB,WAAO,YAAY;AAAA,EAAA,CACpB;AACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudcome/utils-vue",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "description": "cloudcome utils for vue",
   "engines": {
     "node": ">=22"
@@ -29,6 +29,11 @@
       "import": "./dist/event.mjs",
       "require": "./dist/event.cjs"
     },
+    "./lazy": {
+      "types": "./dist/lazy.d.ts",
+      "import": "./dist/lazy.mjs",
+      "require": "./dist/lazy.cjs"
+    },
     "./page": {
       "types": "./dist/page.d.ts",
       "import": "./dist/page.mjs",
@@ -51,6 +56,9 @@
       "event": [
         "./dist/event.d.ts"
       ],
+      "lazy": [
+        "./dist/lazy.d.ts"
+      ],
       "page": [
         "./dist/page.d.ts"
       ],
@@ -66,7 +74,7 @@
     "dist"
   ],
   "dependencies": {
-    "@cloudcome/utils-core": "~1.2.1",
+    "@cloudcome/utils-core": "~1.2.2",
     "vue": "^3.5.13",
     "vue-component-type-helpers": "^2.2.10"
   },