@cloudcome/utils-vue 1.13.1 → 1.13.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +1 -1
  2. package/dist/async.cjs +65 -65
  3. package/dist/async.cjs.map +1 -1
  4. package/dist/async.mjs +66 -67
  5. package/dist/async.mjs.map +1 -1
  6. package/dist/component/self.d.ts +4 -4
  7. package/dist/component.cjs +110 -13
  8. package/dist/component.cjs.map +1 -1
  9. package/dist/component.d.ts +1 -1
  10. package/dist/component.mjs +108 -17
  11. package/dist/component.mjs.map +1 -1
  12. package/dist/event.cjs +39 -32
  13. package/dist/event.cjs.map +1 -1
  14. package/dist/event.mjs +39 -33
  15. package/dist/event.mjs.map +1 -1
  16. package/dist/index.cjs +8 -3
  17. package/dist/index.cjs.map +1 -1
  18. package/dist/index.mjs +9 -5
  19. package/dist/index.mjs.map +1 -1
  20. package/dist/request.cjs +72 -74
  21. package/dist/request.cjs.map +1 -1
  22. package/dist/request.d.ts +1 -1
  23. package/dist/request.mjs +71 -74
  24. package/dist/request.mjs.map +1 -1
  25. package/dist/shared.cjs +87 -26
  26. package/dist/shared.cjs.map +1 -1
  27. package/dist/shared.d.ts +1 -1
  28. package/dist/shared.mjs +87 -28
  29. package/dist/shared.mjs.map +1 -1
  30. package/dist/state.cjs +26 -25
  31. package/dist/state.cjs.map +1 -1
  32. package/dist/state.mjs +27 -27
  33. package/dist/state.mjs.map +1 -1
  34. package/dist/time.cjs +45 -35
  35. package/dist/time.cjs.map +1 -1
  36. package/dist/time.mjs +45 -37
  37. package/dist/time.mjs.map +1 -1
  38. package/dist/types.cjs +0 -2
  39. package/dist/types.mjs +0 -2
  40. package/package.json +42 -43
  41. package/dist/life.cjs +0 -16
  42. package/dist/life.cjs.map +0 -1
  43. package/dist/life.mjs +0 -17
  44. package/dist/life.mjs.map +0 -1
  45. package/dist/types.cjs.map +0 -1
  46. package/dist/types.mjs.map +0 -1
@@ -1 +1 @@
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;"}
1
+ {"version":3,"file":"state.mjs","names":[],"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"],"mappings":";;;;;;;;AAYA,SAAgB,aAAgB,OAAU,SAAkC;CAC1E,IAAI,YAAY;CAChB,MAAM,UAAU,IAAI,MAAM;CAC1B,MAAM,EAAE,QAAQ,OAAO,OAAO,WAAW,EAAE;CAE3C,OAAO;EACL,OAAO,UAAa;GAClB,IAAI,MAAM,UAAU,UAAU,EAC5B;GAGF,IAAI,QAAQ,OACV;GAGF,QAAQ,QAAQ;GAChB,YAAY;;EAGd,OAAO,eAAe;GAEpB,IAAI,CAAC,QAAQ,OACX,OAAO;GAGT,OAAO;IACP;EACH"}
package/dist/time.cjs CHANGED
@@ -1,42 +1,52 @@
1
- "use strict";
2
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const vue = require("vue");
4
- const life = require("./life.cjs");
5
- const shared = require("./shared.cjs");
2
+ const require_shared = require("./shared.cjs");
3
+ const require_component = require("./component.cjs");
4
+ let vue = require("vue");
5
+ //#region src/time.ts
6
+ /**
7
+ * 创建一个延迟更新的响应式值
8
+ *
9
+ * 该函数创建一个基于原始响应式值的延迟更新值,当原始值发生变化时,
10
+ * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化,
11
+ * 则会重新计算延迟时间。
12
+ *
13
+ * @param initialValue 原始响应式值,类型为Ref<T>
14
+ * @param delay 延迟时间,可以是数字或响应式数字,默认为100毫秒
15
+ * @returns 返回一个计算属性,其值会在延迟后更新为原始值
16
+ */
6
17
  function useLazyValue(initialValue, delay) {
7
- const lazyValue = vue.ref(initialValue.value);
8
- let changedAt = 0;
9
- shared._runScope(() => {
10
- let t;
11
- vue.watch(initialValue, (value) => {
12
- const delayValue = vue.toValue(delay) || 100;
13
- clearTimeout(t);
14
- if (changedAt > 0 && Date.now() - changedAt > delayValue) {
15
- lazyValue.value = value;
16
- } else {
17
- t = setTimeout(() => {
18
- lazyValue.value = value;
19
- }, delayValue);
20
- }
21
- changedAt = Date.now();
22
- });
23
- return () => {
24
- clearTimeout(t);
25
- };
26
- });
27
- return vue.computed(() => {
28
- return lazyValue.value;
29
- });
18
+ const lazyValue = (0, vue.ref)(initialValue.value);
19
+ let changedAt = 0;
20
+ require_shared._runScope(() => {
21
+ let t;
22
+ (0, vue.watch)(initialValue, (value) => {
23
+ const delayValue = (0, vue.toValue)(delay) || 100;
24
+ clearTimeout(t);
25
+ if (changedAt > 0 && Date.now() - changedAt > delayValue) lazyValue.value = value;
26
+ else t = setTimeout(() => {
27
+ lazyValue.value = value;
28
+ }, delayValue);
29
+ changedAt = Date.now();
30
+ });
31
+ return () => {
32
+ clearTimeout(t);
33
+ };
34
+ });
35
+ return (0, vue.computed)(() => {
36
+ return lazyValue.value;
37
+ });
30
38
  }
31
39
  function useInterval(callback, delay) {
32
- life.useMount(() => {
33
- const delayValue = vue.toValue(delay) || 100;
34
- const t = setInterval(callback, delayValue);
35
- return () => {
36
- clearInterval(t);
37
- };
38
- });
40
+ require_component.useMount(() => {
41
+ const delayValue = (0, vue.toValue)(delay) || 100;
42
+ const t = setInterval(callback, delayValue);
43
+ return () => {
44
+ clearInterval(t);
45
+ };
46
+ });
39
47
  }
48
+ //#endregion
40
49
  exports.useInterval = useInterval;
41
50
  exports.useLazyValue = useLazyValue;
42
- //# sourceMappingURL=time.cjs.map
51
+
52
+ //# sourceMappingURL=time.cjs.map
package/dist/time.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"time.cjs","sources":["../src/time.ts"],"sourcesContent":["import { type Ref, computed, effectScope, onScopeDispose, ref, toValue, watch } from 'vue';\nimport { useMount } from './component';\nimport { _runLifeHook, _runScope } from './shared';\n\n/**\n * 创建一个延迟更新的响应式值\n *\n * 该函数创建一个基于原始响应式值的延迟更新值,当原始值发生变化时,\n * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化,\n * 则会重新计算延迟时间。\n *\n * @param initialValue 原始响应式值,类型为Ref<T>\n * @param delay 延迟时间,可以是数字或响应式数字,默认为100毫秒\n * @returns 返回一个计算属性,其值会在延迟后更新为原始值\n */\nexport function useLazyValue<T>(initialValue: Ref<T>, delay?: number | Ref<number>) {\n const lazyValue = ref(initialValue.value);\n let changedAt = 0;\n\n _runScope(() => {\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n let t: any;\n\n watch(initialValue, (value) => {\n const delayValue = toValue(delay) || 100;\n clearTimeout(t);\n\n if (changedAt > 0 && Date.now() - changedAt > delayValue) {\n lazyValue.value = value;\n } else {\n t = setTimeout(() => {\n lazyValue.value = value;\n }, delayValue);\n }\n\n changedAt = Date.now();\n });\n\n return () => {\n clearTimeout(t);\n };\n });\n\n return computed<T>(() => {\n return lazyValue.value;\n });\n}\n\nexport function useInterval(callback: () => void, delay?: number | Ref<number>) {\n useMount(() => {\n const delayValue = toValue(delay) || 100;\n const t = setInterval(callback, delayValue);\n\n return () => {\n clearInterval(t);\n };\n });\n}\n"],"names":["ref","_runScope","watch","toValue","computed","useMount"],"mappings":";;;;;AAegB,SAAA,aAAgB,cAAsB,OAA8B;AAC5E,QAAA,YAAYA,IAAAA,IAAI,aAAa,KAAK;AACxC,MAAI,YAAY;AAEhBC,SAAAA,UAAU,MAAM;AAEV,QAAA;AAEEC,cAAA,cAAc,CAAC,UAAU;AACvB,YAAA,aAAaC,IAAAA,QAAQ,KAAK,KAAK;AACrC,mBAAa,CAAC;AAEd,UAAI,YAAY,KAAK,KAAK,IAAI,IAAI,YAAY,YAAY;AACxD,kBAAU,QAAQ;AAAA,MAAA,OACb;AACL,YAAI,WAAW,MAAM;AACnB,oBAAU,QAAQ;AAAA,WACjB,UAAU;AAAA,MAAA;AAGf,kBAAY,KAAK,IAAI;AAAA,IAAA,CACtB;AAED,WAAO,MAAM;AACX,mBAAa,CAAC;AAAA,IAChB;AAAA,EAAA,CACD;AAED,SAAOC,aAAY,MAAM;AACvB,WAAO,UAAU;AAAA,EAAA,CAClB;AACH;AAEgB,SAAA,YAAY,UAAsB,OAA8B;AAC9EC,OAAAA,SAAS,MAAM;AACP,UAAA,aAAaF,IAAAA,QAAQ,KAAK,KAAK;AAC/B,UAAA,IAAI,YAAY,UAAU,UAAU;AAE1C,WAAO,MAAM;AACX,oBAAc,CAAC;AAAA,IACjB;AAAA,EAAA,CACD;AACH;;;"}
1
+ {"version":3,"file":"time.cjs","names":[],"sources":["../src/time.ts"],"sourcesContent":["import { computed, type Ref, ref, toValue, watch } from 'vue';\nimport { useMount } from './component';\nimport { _runScope } from './shared';\n\n/**\n * 创建一个延迟更新的响应式值\n *\n * 该函数创建一个基于原始响应式值的延迟更新值,当原始值发生变化时,\n * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化,\n * 则会重新计算延迟时间。\n *\n * @param initialValue 原始响应式值,类型为Ref<T>\n * @param delay 延迟时间,可以是数字或响应式数字,默认为100毫秒\n * @returns 返回一个计算属性,其值会在延迟后更新为原始值\n */\nexport function useLazyValue<T>(\n initialValue: Ref<T>,\n delay?: number | Ref<number>,\n) {\n const lazyValue = ref(initialValue.value);\n let changedAt = 0;\n\n _runScope(() => {\n // biome-ignore lint/suspicious/noExplicitAny: 内部使用 any\n let t: any;\n\n watch(initialValue, (value) => {\n const delayValue = toValue(delay) || 100;\n clearTimeout(t);\n\n if (changedAt > 0 && Date.now() - changedAt > delayValue) {\n lazyValue.value = value;\n } else {\n t = setTimeout(() => {\n lazyValue.value = value;\n }, delayValue);\n }\n\n changedAt = Date.now();\n });\n\n return () => {\n clearTimeout(t);\n };\n });\n\n return computed<T>(() => {\n return lazyValue.value;\n });\n}\n\nexport function useInterval(\n callback: () => void,\n delay?: number | Ref<number>,\n) {\n useMount(() => {\n const delayValue = toValue(delay) || 100;\n const t = setInterval(callback, delayValue);\n\n return () => {\n clearInterval(t);\n };\n });\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,aACd,cACA,OACA;CACA,MAAM,aAAA,GAAA,IAAA,KAAgB,aAAa,MAAM;CACzC,IAAI,YAAY;CAEhB,eAAA,gBAAgB;EAEd,IAAI;EAEJ,CAAA,GAAA,IAAA,OAAM,eAAe,UAAU;GAC7B,MAAM,cAAA,GAAA,IAAA,SAAqB,MAAM,IAAI;GACrC,aAAa,EAAE;GAEf,IAAI,YAAY,KAAK,KAAK,KAAK,GAAG,YAAY,YAC5C,UAAU,QAAQ;QAElB,IAAI,iBAAiB;IACnB,UAAU,QAAQ;MACjB,WAAW;GAGhB,YAAY,KAAK,KAAK;IACtB;EAEF,aAAa;GACX,aAAa,EAAE;;GAEjB;CAEF,QAAA,GAAA,IAAA,gBAAyB;EACvB,OAAO,UAAU;GACjB;;AAGJ,SAAgB,YACd,UACA,OACA;CACA,kBAAA,eAAe;EACb,MAAM,cAAA,GAAA,IAAA,SAAqB,MAAM,IAAI;EACrC,MAAM,IAAI,YAAY,UAAU,WAAW;EAE3C,aAAa;GACX,cAAc,EAAE;;GAElB"}
package/dist/time.mjs CHANGED
@@ -1,42 +1,50 @@
1
- import { ref, watch, toValue, computed } from "vue";
2
- import { u as useMount } from "./life.mjs";
3
1
  import { _runScope } from "./shared.mjs";
2
+ import { useMount } from "./component.mjs";
3
+ import { computed, ref, toValue, watch } from "vue";
4
+ //#region src/time.ts
5
+ /**
6
+ * 创建一个延迟更新的响应式值
7
+ *
8
+ * 该函数创建一个基于原始响应式值的延迟更新值,当原始值发生变化时,
9
+ * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化,
10
+ * 则会重新计算延迟时间。
11
+ *
12
+ * @param initialValue 原始响应式值,类型为Ref<T>
13
+ * @param delay 延迟时间,可以是数字或响应式数字,默认为100毫秒
14
+ * @returns 返回一个计算属性,其值会在延迟后更新为原始值
15
+ */
4
16
  function useLazyValue(initialValue, delay) {
5
- const lazyValue = ref(initialValue.value);
6
- let changedAt = 0;
7
- _runScope(() => {
8
- let t;
9
- watch(initialValue, (value) => {
10
- const delayValue = toValue(delay) || 100;
11
- clearTimeout(t);
12
- if (changedAt > 0 && Date.now() - changedAt > delayValue) {
13
- lazyValue.value = value;
14
- } else {
15
- t = setTimeout(() => {
16
- lazyValue.value = value;
17
- }, delayValue);
18
- }
19
- changedAt = Date.now();
20
- });
21
- return () => {
22
- clearTimeout(t);
23
- };
24
- });
25
- return computed(() => {
26
- return lazyValue.value;
27
- });
17
+ const lazyValue = ref(initialValue.value);
18
+ let changedAt = 0;
19
+ _runScope(() => {
20
+ let t;
21
+ watch(initialValue, (value) => {
22
+ const delayValue = toValue(delay) || 100;
23
+ clearTimeout(t);
24
+ if (changedAt > 0 && Date.now() - changedAt > delayValue) lazyValue.value = value;
25
+ else t = setTimeout(() => {
26
+ lazyValue.value = value;
27
+ }, delayValue);
28
+ changedAt = Date.now();
29
+ });
30
+ return () => {
31
+ clearTimeout(t);
32
+ };
33
+ });
34
+ return computed(() => {
35
+ return lazyValue.value;
36
+ });
28
37
  }
29
38
  function useInterval(callback, delay) {
30
- useMount(() => {
31
- const delayValue = toValue(delay) || 100;
32
- const t = setInterval(callback, delayValue);
33
- return () => {
34
- clearInterval(t);
35
- };
36
- });
39
+ useMount(() => {
40
+ const delayValue = toValue(delay) || 100;
41
+ const t = setInterval(callback, delayValue);
42
+ return () => {
43
+ clearInterval(t);
44
+ };
45
+ });
37
46
  }
38
- export {
39
- useInterval,
40
- useLazyValue
41
- };
42
- //# sourceMappingURL=time.mjs.map
47
+ //#endregion
48
+ export { useInterval, useLazyValue };
49
+
50
+ //# sourceMappingURL=time.mjs.map
package/dist/time.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"time.mjs","sources":["../src/time.ts"],"sourcesContent":["import { type Ref, computed, effectScope, onScopeDispose, ref, toValue, watch } from 'vue';\nimport { useMount } from './component';\nimport { _runLifeHook, _runScope } from './shared';\n\n/**\n * 创建一个延迟更新的响应式值\n *\n * 该函数创建一个基于原始响应式值的延迟更新值,当原始值发生变化时,\n * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化,\n * 则会重新计算延迟时间。\n *\n * @param initialValue 原始响应式值,类型为Ref<T>\n * @param delay 延迟时间,可以是数字或响应式数字,默认为100毫秒\n * @returns 返回一个计算属性,其值会在延迟后更新为原始值\n */\nexport function useLazyValue<T>(initialValue: Ref<T>, delay?: number | Ref<number>) {\n const lazyValue = ref(initialValue.value);\n let changedAt = 0;\n\n _runScope(() => {\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n let t: any;\n\n watch(initialValue, (value) => {\n const delayValue = toValue(delay) || 100;\n clearTimeout(t);\n\n if (changedAt > 0 && Date.now() - changedAt > delayValue) {\n lazyValue.value = value;\n } else {\n t = setTimeout(() => {\n lazyValue.value = value;\n }, delayValue);\n }\n\n changedAt = Date.now();\n });\n\n return () => {\n clearTimeout(t);\n };\n });\n\n return computed<T>(() => {\n return lazyValue.value;\n });\n}\n\nexport function useInterval(callback: () => void, delay?: number | Ref<number>) {\n useMount(() => {\n const delayValue = toValue(delay) || 100;\n const t = setInterval(callback, delayValue);\n\n return () => {\n clearInterval(t);\n };\n });\n}\n"],"names":[],"mappings":";;;AAegB,SAAA,aAAgB,cAAsB,OAA8B;AAC5E,QAAA,YAAY,IAAI,aAAa,KAAK;AACxC,MAAI,YAAY;AAEhB,YAAU,MAAM;AAEV,QAAA;AAEE,UAAA,cAAc,CAAC,UAAU;AACvB,YAAA,aAAa,QAAQ,KAAK,KAAK;AACrC,mBAAa,CAAC;AAEd,UAAI,YAAY,KAAK,KAAK,IAAI,IAAI,YAAY,YAAY;AACxD,kBAAU,QAAQ;AAAA,MAAA,OACb;AACL,YAAI,WAAW,MAAM;AACnB,oBAAU,QAAQ;AAAA,WACjB,UAAU;AAAA,MAAA;AAGf,kBAAY,KAAK,IAAI;AAAA,IAAA,CACtB;AAED,WAAO,MAAM;AACX,mBAAa,CAAC;AAAA,IAChB;AAAA,EAAA,CACD;AAED,SAAO,SAAY,MAAM;AACvB,WAAO,UAAU;AAAA,EAAA,CAClB;AACH;AAEgB,SAAA,YAAY,UAAsB,OAA8B;AAC9E,WAAS,MAAM;AACP,UAAA,aAAa,QAAQ,KAAK,KAAK;AAC/B,UAAA,IAAI,YAAY,UAAU,UAAU;AAE1C,WAAO,MAAM;AACX,oBAAc,CAAC;AAAA,IACjB;AAAA,EAAA,CACD;AACH;"}
1
+ {"version":3,"file":"time.mjs","names":[],"sources":["../src/time.ts"],"sourcesContent":["import { computed, type Ref, ref, toValue, watch } from 'vue';\nimport { useMount } from './component';\nimport { _runScope } from './shared';\n\n/**\n * 创建一个延迟更新的响应式值\n *\n * 该函数创建一个基于原始响应式值的延迟更新值,当原始值发生变化时,\n * 延迟值会在指定的延迟时间后更新。如果在延迟期间原始值再次变化,\n * 则会重新计算延迟时间。\n *\n * @param initialValue 原始响应式值,类型为Ref<T>\n * @param delay 延迟时间,可以是数字或响应式数字,默认为100毫秒\n * @returns 返回一个计算属性,其值会在延迟后更新为原始值\n */\nexport function useLazyValue<T>(\n initialValue: Ref<T>,\n delay?: number | Ref<number>,\n) {\n const lazyValue = ref(initialValue.value);\n let changedAt = 0;\n\n _runScope(() => {\n // biome-ignore lint/suspicious/noExplicitAny: 内部使用 any\n let t: any;\n\n watch(initialValue, (value) => {\n const delayValue = toValue(delay) || 100;\n clearTimeout(t);\n\n if (changedAt > 0 && Date.now() - changedAt > delayValue) {\n lazyValue.value = value;\n } else {\n t = setTimeout(() => {\n lazyValue.value = value;\n }, delayValue);\n }\n\n changedAt = Date.now();\n });\n\n return () => {\n clearTimeout(t);\n };\n });\n\n return computed<T>(() => {\n return lazyValue.value;\n });\n}\n\nexport function useInterval(\n callback: () => void,\n delay?: number | Ref<number>,\n) {\n useMount(() => {\n const delayValue = toValue(delay) || 100;\n const t = setInterval(callback, delayValue);\n\n return () => {\n clearInterval(t);\n };\n });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,SAAgB,aACd,cACA,OACA;CACA,MAAM,YAAY,IAAI,aAAa,MAAM;CACzC,IAAI,YAAY;CAEhB,gBAAgB;EAEd,IAAI;EAEJ,MAAM,eAAe,UAAU;GAC7B,MAAM,aAAa,QAAQ,MAAM,IAAI;GACrC,aAAa,EAAE;GAEf,IAAI,YAAY,KAAK,KAAK,KAAK,GAAG,YAAY,YAC5C,UAAU,QAAQ;QAElB,IAAI,iBAAiB;IACnB,UAAU,QAAQ;MACjB,WAAW;GAGhB,YAAY,KAAK,KAAK;IACtB;EAEF,aAAa;GACX,aAAa,EAAE;;GAEjB;CAEF,OAAO,eAAkB;EACvB,OAAO,UAAU;GACjB;;AAGJ,SAAgB,YACd,UACA,OACA;CACA,eAAe;EACb,MAAM,aAAa,QAAQ,MAAM,IAAI;EACrC,MAAM,IAAI,YAAY,UAAU,WAAW;EAE3C,aAAa;GACX,cAAc,EAAE;;GAElB"}
package/dist/types.cjs CHANGED
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=types.cjs.map
package/dist/types.mjs CHANGED
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.mjs.map
package/package.json CHANGED
@@ -1,11 +1,38 @@
1
1
  {
2
2
  "name": "@cloudcome/utils-vue",
3
- "version": "1.13.1",
3
+ "version": "1.13.3",
4
4
  "description": "cloudcome utils for vue",
5
- "engines": {
6
- "node": ">=22"
5
+ "main": "./dist/index.cjs",
6
+ "module": "./dist/index.mjs",
7
+ "types": "./dist/index.d.ts",
8
+ "typesVersions": {
9
+ "*": {
10
+ "async": [
11
+ "./dist/async.d.ts"
12
+ ],
13
+ "component": [
14
+ "./dist/component.d.ts"
15
+ ],
16
+ "event": [
17
+ "./dist/event.d.ts"
18
+ ],
19
+ "request": [
20
+ "./dist/request.d.ts"
21
+ ],
22
+ "shared": [
23
+ "./dist/shared.d.ts"
24
+ ],
25
+ "state": [
26
+ "./dist/state.d.ts"
27
+ ],
28
+ "time": [
29
+ "./dist/time.d.ts"
30
+ ],
31
+ "types": [
32
+ "./dist/types.d.ts"
33
+ ]
34
+ }
7
35
  },
8
- "engineStrict": true,
9
36
  "sideEffects": false,
10
37
  "exports": {
11
38
  ".": {
@@ -55,48 +82,16 @@
55
82
  "require": "./dist/types.cjs"
56
83
  }
57
84
  },
58
- "typesVersions": {
59
- "*": {
60
- "async": [
61
- "./dist/async.d.ts"
62
- ],
63
- "component": [
64
- "./dist/component.d.ts"
65
- ],
66
- "event": [
67
- "./dist/event.d.ts"
68
- ],
69
- "request": [
70
- "./dist/request.d.ts"
71
- ],
72
- "shared": [
73
- "./dist/shared.d.ts"
74
- ],
75
- "state": [
76
- "./dist/state.d.ts"
77
- ],
78
- "time": [
79
- "./dist/time.d.ts"
80
- ],
81
- "types": [
82
- "./dist/types.d.ts"
83
- ]
84
- }
85
- },
86
- "main": "./dist/index.cjs",
87
- "module": "./dist/index.mjs",
88
- "types": "./dist/index.d.ts",
89
85
  "files": [
90
86
  "dist"
91
87
  ],
92
- "dependencies": {
93
- "@cloudcome/utils-core": "~1.19.0",
94
- "vue": "^3.5.13",
95
- "vue-component-type-helpers": "^2.2.10"
88
+ "engines": {
89
+ "node": ">=22"
96
90
  },
97
- "repository": {
98
- "type": "git",
99
- "url": "git+https://github.com/cloudcome/utils.git"
91
+ "dependencies": {
92
+ "@cloudcome/utils-core": "~1.20.0",
93
+ "vue": "^3.5.34",
94
+ "vue-component-type-helpers": "^3.2.8"
100
95
  },
101
96
  "keywords": [
102
97
  "utils",
@@ -110,5 +105,9 @@
110
105
  ],
111
106
  "homepage": "https://github.com/cloudcome/utils",
112
107
  "license": "MIT",
113
- "author": "云淡然 <hi@ydr.me> (https://ydr.me/)"
108
+ "author": "云淡然 <hi@ydr.me> (https://ydr.me/)",
109
+ "repository": {
110
+ "type": "git",
111
+ "url": "git+https://github.com/cloudcome/utils.git"
112
+ }
114
113
  }
package/dist/life.cjs DELETED
@@ -1,16 +0,0 @@
1
- "use strict";
2
- const shared = require("./shared.cjs");
3
- const vue = require("vue");
4
- function useMount(beforeMount) {
5
- shared._runLifeHook(vue.onBeforeMount, vue.onBeforeUnmount, beforeMount);
6
- }
7
- function useMounted(mounted) {
8
- shared._runLifeHook(vue.onMounted, vue.onUnmounted, mounted);
9
- }
10
- function useActivated(activated) {
11
- shared._runLifeHook(vue.onActivated, vue.onDeactivated, activated);
12
- }
13
- exports.useActivated = useActivated;
14
- exports.useMount = useMount;
15
- exports.useMounted = useMounted;
16
- //# sourceMappingURL=life.cjs.map
package/dist/life.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"life.cjs","sources":["../src/component/life.ts"],"sourcesContent":["import { _runLifeHook } from '@/shared';\nimport type { MaybePromise } from '@cloudcome/utils-core/types';\nimport { onActivated, onBeforeMount, onBeforeUnmount, onDeactivated, onMounted, onUnmounted } from 'vue';\n\nexport type HookListener = () => MaybePromise<unknown>;\nexport type HookListenerWithDispose = () => MaybePromise<undefined | HookListener>;\n\n/**\n * 页面挂载前生命周期钩子\n *\n * @param beforeMount - 在组件挂载前执行的回调函数,可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMount(() => {\n * console.log('组件即将挂载');\n * // 可以返回一个清理函数,在组件卸载前执行\n * return () => {\n * console.log('组件即将卸载');\n * };\n * });\n * ```\n */\nexport function useMount(beforeMount: HookListenerWithDispose) {\n _runLifeHook(onBeforeMount, onBeforeUnmount, beforeMount);\n}\n\n/**\n * 页面挂载后生命周期钩子\n *\n * @param mounted - 在组件挂载后执行的回调函数,可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMounted(() => {\n * console.log('组件已挂载');\n * // 可以返回一个清理函数,在组件卸载前执行\n * return () => {\n * console.log('组件即将卸载');\n * };\n * });\n * ```\n */\nexport function useMounted(mounted: HookListenerWithDispose) {\n _runLifeHook(onMounted, onUnmounted, mounted);\n}\n\n/**\n * 页面激活时生命周期钩子\n *\n * @param activated - 在组件被激活时执行的回调函数,可以返回一个清理函数\n *\n * @example\n * ```ts\n * useActivated(() => {\n * console.log('组件已激活');\n * // 可以返回一个清理函数,在组件失活前执行\n * return () => {\n * console.log('组件即将失活');\n * };\n * });\n * ```\n */\nexport function useActivated(activated: HookListenerWithDispose) {\n _runLifeHook(onActivated, onDeactivated, activated);\n}\n"],"names":["_runLifeHook","onBeforeMount","onBeforeUnmount","onMounted","onUnmounted","onActivated","onDeactivated"],"mappings":";;;AAuBO,SAAS,SAAS,aAAsC;AAChDA,sBAAAC,IAAAA,eAAeC,qBAAiB,WAAW;AAC1D;AAkBO,SAAS,WAAW,SAAkC;AAC9CF,sBAAAG,IAAAA,WAAWC,iBAAa,OAAO;AAC9C;AAkBO,SAAS,aAAa,WAAoC;AAClDJ,sBAAAK,IAAAA,aAAaC,mBAAe,SAAS;AACpD;;;;"}
package/dist/life.mjs DELETED
@@ -1,17 +0,0 @@
1
- import { _runLifeHook } from "./shared.mjs";
2
- import { onBeforeUnmount, onBeforeMount, onUnmounted, onMounted, onDeactivated, onActivated } from "vue";
3
- function useMount(beforeMount) {
4
- _runLifeHook(onBeforeMount, onBeforeUnmount, beforeMount);
5
- }
6
- function useMounted(mounted) {
7
- _runLifeHook(onMounted, onUnmounted, mounted);
8
- }
9
- function useActivated(activated) {
10
- _runLifeHook(onActivated, onDeactivated, activated);
11
- }
12
- export {
13
- useMounted as a,
14
- useActivated as b,
15
- useMount as u
16
- };
17
- //# sourceMappingURL=life.mjs.map
package/dist/life.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"life.mjs","sources":["../src/component/life.ts"],"sourcesContent":["import { _runLifeHook } from '@/shared';\nimport type { MaybePromise } from '@cloudcome/utils-core/types';\nimport { onActivated, onBeforeMount, onBeforeUnmount, onDeactivated, onMounted, onUnmounted } from 'vue';\n\nexport type HookListener = () => MaybePromise<unknown>;\nexport type HookListenerWithDispose = () => MaybePromise<undefined | HookListener>;\n\n/**\n * 页面挂载前生命周期钩子\n *\n * @param beforeMount - 在组件挂载前执行的回调函数,可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMount(() => {\n * console.log('组件即将挂载');\n * // 可以返回一个清理函数,在组件卸载前执行\n * return () => {\n * console.log('组件即将卸载');\n * };\n * });\n * ```\n */\nexport function useMount(beforeMount: HookListenerWithDispose) {\n _runLifeHook(onBeforeMount, onBeforeUnmount, beforeMount);\n}\n\n/**\n * 页面挂载后生命周期钩子\n *\n * @param mounted - 在组件挂载后执行的回调函数,可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMounted(() => {\n * console.log('组件已挂载');\n * // 可以返回一个清理函数,在组件卸载前执行\n * return () => {\n * console.log('组件即将卸载');\n * };\n * });\n * ```\n */\nexport function useMounted(mounted: HookListenerWithDispose) {\n _runLifeHook(onMounted, onUnmounted, mounted);\n}\n\n/**\n * 页面激活时生命周期钩子\n *\n * @param activated - 在组件被激活时执行的回调函数,可以返回一个清理函数\n *\n * @example\n * ```ts\n * useActivated(() => {\n * console.log('组件已激活');\n * // 可以返回一个清理函数,在组件失活前执行\n * return () => {\n * console.log('组件即将失活');\n * };\n * });\n * ```\n */\nexport function useActivated(activated: HookListenerWithDispose) {\n _runLifeHook(onActivated, onDeactivated, activated);\n}\n"],"names":[],"mappings":";;AAuBO,SAAS,SAAS,aAAsC;AAChD,eAAA,eAAe,iBAAiB,WAAW;AAC1D;AAkBO,SAAS,WAAW,SAAkC;AAC9C,eAAA,WAAW,aAAa,OAAO;AAC9C;AAkBO,SAAS,aAAa,WAAoC;AAClD,eAAA,aAAa,eAAe,SAAS;AACpD;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}