alovajs / scene / #35

Committed 18 Dec 2023 03:32AM UTC coverage: 97.972% (-0.02%) from 97.996%

Build # #35

Build Type

push

github

Committed by

web-flow

Commit Message

feat(auto_request): add useAutoRequest hook (#47)

* feat(auto_request): add useAutoRequest hook

* refactor: optimize codes of useAutoRequest, modify tests

Run Details

777 of 826 branches covered (0.0%)

Branch coverage included in aggregate %.

159 of 162 new or added lines in 9 files covered. (98.15%)

1 existing line in 1 file now uncovered.

4391 of 4449 relevant lines covered (98.7%)

91.06 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

98.11

/src/framework/vue.js

import { __self, isFn, map } from '@/helper';
import { trueValue } from '@/helper/variables';
import { computed, onMounted, onUnmounted, ref, watch } from 'vue';

/**
 * 创建状态
 * @param data 创建状态的数据
 * @returns {FrameworkState}
 */
export const $ = ref;

/**
 * 创建计算属性
 * @param getter 计算属性回调
 * @returns {FrameworkState}
 */
export const $$ = (getter, _) => computed(getter, _);

/**
 * 脱水普通状态、计算属性或alova导出的状态，返回状态原始值
 * @param state 状态
 * @returns 状态原始值，即状态对应的数据
 */
export const _$ = state => state.value;

/**
 * 状态导出
 * @param state 状态
 * @returns 状态原始值
 */
export const _exp$ = state => state;

/**
 * 批量导出状态
 * @param state 状态
 * @returns 状态原始值
 */
export const _expBatch$ = (...states) => map(states, s => _exp$(s));

/**
 * 更新状态值
 * @param state 更新的状态
 * @param newData 新状态值
 */
export const upd$ = (state, newData) => (state.value = isFn(newData) ? newData(state.value) : newData);

/**
 * 监听状态触发回调
 * @param states 监听状态
 * @param {Function} cb 回调函数
 */
export const watch$ = (states, cb) => {
  watch(states, cb, {
    deep: trueValue
  });
};

/**
 * 组件挂载执行
 * @param {Function} cb 回调函数
 */
export const onMounted$ = cb => {
  onMounted(cb);
};

/**
 * 组件卸载执行
 * @param {Function} cb 回调函数
 */
export const onUnmounted$ = cb => {
  onUnmounted(cb);
};

/**
 * 使用标识，一般作为标识
 * 在react中每次渲染都会调用hook，如果使用基础数据每次将会获得初始值
 * 兼容react
 * @param initialValue 初始值
 */
export const useFlag$ = initialValue => ({ current: initialValue });

/**
 * 由于在react下，use hook返回的loading、data等状态为普遍值，将会受闭包影响
 * 此函数作为兼容react而存在
 * @param requestState 请求hook状态
 */
export const useRequestRefState$ = __self;

/**
 * 由于在react下，如果每次传入子组件的callback引用变化会导致子组件重新渲染，而引起性能问题
 * 此函数作为兼容react而存在
 * @param callback
 * @returns
 */
export const useMemorizedCallback$ = __self;

1	import { __self, isFn, map } from '@/helper';	1✔
2	import { trueValue } from '@/helper/variables';	1✔
3	import { computed, onMounted, onUnmounted, ref, watch } from 'vue';	1✔
4		1✔
5	/**	1✔
6	* 创建状态	1✔
7	* @param data 创建状态的数据	1✔
8	* @returns {FrameworkState}	1✔
9	*/	1✔
10	export const $ = ref;	1✔
11		1✔
12	/**	1✔
13	* 创建计算属性	1✔
14	* @param getter 计算属性回调	1✔
15	* @returns {FrameworkState}	1✔
16	*/	1✔
17	export const $$ = (getter, _) => computed(getter, _);	1✔
18		1✔
19	/**	1✔
20	* 脱水普通状态、计算属性或alova导出的状态，返回状态原始值	1✔
21	* @param state 状态	1✔
22	* @returns 状态原始值，即状态对应的数据	1✔
23	*/	1✔
24	export const _$ = state => state.value;	1✔
25		1✔
26	/**	1✔
27	* 状态导出	1✔
28	* @param state 状态	1✔
29	* @returns 状态原始值	1✔
30	*/	1✔
31	export const _exp$ = state => state;	1✔
32		1✔
33	/**	1✔
34	* 批量导出状态	1✔
35	* @param state 状态	1✔
36	* @returns 状态原始值	1✔
37	*/	1✔
38	export const _expBatch$ = (...states) => map(states, s => _exp$(s));	1✔
39		1✔
40	/**	1✔
41	* 更新状态值	1✔
42	* @param state 更新的状态	1✔
43	* @param newData 新状态值	1✔
44	*/	1✔
45	export const upd$ = (state, newData) => (state.value = isFn(newData) ? newData(state.value) : newData);	1✔
46		1✔
47	/**	1✔
48	* 监听状态触发回调	1✔
49	* @param states 监听状态	1✔
50	* @param {Function} cb 回调函数	1✔
51	*/	1✔
52	export const watch$ = (states, cb) => {	1✔
53	watch(states, cb, {	40✔
54	deep: trueValue	40✔
55	});	40✔
56	};	40✔
57		1✔
58	/**	1✔
59	* 组件挂载执行	1✔
60	* @param {Function} cb 回调函数	1✔
61	*/	1✔
62	export const onMounted$ = cb => {	1✔
63	onMounted(cb);	11✔
64	};	11✔
65		1✔
66	/**	1✔
67	* 组件卸载执行	1✔
68	* @param {Function} cb 回调函数	1✔
69	*/	1✔
70	export const onUnmounted$ = cb => {	1✔
NEW 71	onUnmounted(cb);	×
UNCOV 72	};	×
73		1✔
74	/**	1✔
75	* 使用标识，一般作为标识	1✔
76	* 在react中每次渲染都会调用hook，如果使用基础数据每次将会获得初始值	1✔
77	* 兼容react	1✔
78	* @param initialValue 初始值	1✔
79	*/	1✔
80	export const useFlag$ = initialValue => ({ current: initialValue });	1✔
81		1✔
82	/**	1✔
83	* 由于在react下，use hook返回的loading、data等状态为普遍值，将会受闭包影响	1✔
84	* 此函数作为兼容react而存在	1✔
85	* @param requestState 请求hook状态	1✔
86	*/	1✔
87	export const useRequestRefState$ = __self;	1✔
88		1✔
89	/**	1✔
90	* 由于在react下，如果每次传入子组件的callback引用变化会导致子组件重新渲染，而引起性能问题	1✔
91	* 此函数作为兼容react而存在	1✔
92	* @param callback	1✔
93	* @returns	1✔
94	*/	1✔
95	export const useMemorizedCallback$ = __self;	1✔

alovajs / scene / #35

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous