1
This commit is contained in:
46
admin/node_modules/element-plus/es/hooks/use-throttle-render/index.mjs
generated
vendored
Normal file
46
admin/node_modules/element-plus/es/hooks/use-throttle-render/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,46 @@
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import { isNumber, isUndefined } from '../../utils/types.mjs';
|
||||
import { isObject } from '@vue/shared';
|
||||
|
||||
const useThrottleRender = (loading, throttle = 0) => {
|
||||
if (throttle === 0)
|
||||
return loading;
|
||||
const initVal = isObject(throttle) && Boolean(throttle.initVal);
|
||||
const throttled = ref(initVal);
|
||||
let timeoutHandle = null;
|
||||
const dispatchThrottling = (timer) => {
|
||||
if (isUndefined(timer)) {
|
||||
throttled.value = loading.value;
|
||||
return;
|
||||
}
|
||||
if (timeoutHandle) {
|
||||
clearTimeout(timeoutHandle);
|
||||
}
|
||||
timeoutHandle = setTimeout(() => {
|
||||
throttled.value = loading.value;
|
||||
}, timer);
|
||||
};
|
||||
const dispatcher = (type) => {
|
||||
if (type === "leading") {
|
||||
if (isNumber(throttle)) {
|
||||
dispatchThrottling(throttle);
|
||||
} else {
|
||||
dispatchThrottling(throttle.leading);
|
||||
}
|
||||
} else {
|
||||
if (isObject(throttle)) {
|
||||
dispatchThrottling(throttle.trailing);
|
||||
} else {
|
||||
throttled.value = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
onMounted(() => dispatcher("leading"));
|
||||
watch(() => loading.value, (val) => {
|
||||
dispatcher(val ? "leading" : "trailing");
|
||||
});
|
||||
return throttled;
|
||||
};
|
||||
|
||||
export { useThrottleRender };
|
||||
//# sourceMappingURL=index.mjs.map
|
||||
Reference in New Issue
Block a user