init

node_modules/element-plus/es/hooks/use-throttle-render/index.mjs

@@ -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