@dao-style/biz 0.5.0 → 0.6.0

package/dist/node_modules/@vueuse/core/index.mjs

@@ -1,6 +1,6 @@
-import { isClient, isString, noop, tryOnScopeDispose, identity, isFunction, isDef, resolveUnref, tryOnMounted } from "./node_modules/@vueuse/shared/index.mjs";
-import { bypassFilter, createFilterWrapper, pausableFilter, pausableWatch, pausableWatch as pausableWatch2, watchWithFilter } from "./node_modules/@vueuse/shared/index.mjs";
-import { ref, getCurrentInstance, watch, computed, shallowRef } from "vue";
+import { isIOS, noop, isClient, isString, resolveUnref, tryOnScopeDispose, identity, isFunction, isDef, tryOnMounted } from "../shared/index.mjs";
+import { bypassFilter, createFilterWrapper, debounceFilter, pausableFilter, pausableWatch, tryOnBeforeUnmount, useDebounceFn, pausableWatch as pausableWatch2, watchWithFilter } from "../shared/index.mjs";
+import { getCurrentInstance, ref, watch, computed, shallowRef } from "vue";
 function unrefElement(elRef) {
   var _a;
   const plain = resolveUnref(elRef);
@@ -9,27 +9,37 @@ function unrefElement(elRef) {
 const defaultWindow = isClient ? window : void 0;
 function useEventListener(...args) {
   let target;
-  let event;
-  let listener;
+  let events;
+  let listeners;
   let options;
-  if (isString(args[0])) {
-    [event, listener, options] = args;
+  if (isString(args[0]) || Array.isArray(args[0])) {
+    [events, listeners, options] = args;
     target = defaultWindow;
   } else {
-    [target, event, listener, options] = args;
+    [target, events, listeners, options] = args;
   }
   if (!target)
     return noop;
-  let cleanup = noop;
-  const stopWatch = watch(() => unrefElement(target), (el) => {
+  if (!Array.isArray(events))
+    events = [events];
+  if (!Array.isArray(listeners))
+    listeners = [listeners];
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn) => fn());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
+  };
+  const stopWatch = watch(() => [unrefElement(target), resolveUnref(options)], ([el, options2]) => {
     cleanup();
     if (!el)
       return;
-    el.addEventListener(event, listener, options);
-    cleanup = () => {
-      el.removeEventListener(event, listener, options);
-      cleanup = noop;
-    };
+    cleanups.push(...events.flatMap((event) => {
+      return listeners.map((listener) => register(el, event, listener, options2));
+    }));
   }, { immediate: true, flush: "post" });
   const stop = () => {
     stopWatch();
@@ -38,42 +48,49 @@ function useEventListener(...args) {
   tryOnScopeDispose(stop);
   return stop;
 }
+let _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window: window2 = defaultWindow, ignore, capture = true, detectIframe = false } = options;
+  const { window: window2 = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;
   if (!window2)
     return;
-  const shouldListen = ref(true);
-  let fallback;
+  if (isIOS && !_iOSWorkaround) {
+    _iOSWorkaround = true;
+    Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop));
+  }
+  let shouldListen = true;
+  const shouldIgnore = (event) => {
+    return ignore.some((target2) => {
+      if (typeof target2 === "string") {
+        return Array.from(window2.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
+      } else {
+        const el = unrefElement(target2);
+        return el && (event.target === el || event.composedPath().includes(el));
+      }
+    });
+  };
   const listener = (event) => {
-    window2.clearTimeout(fallback);
     const el = unrefElement(target);
-    if (!el || el === event.target || event.composedPath().includes(el) || !shouldListen.value)
+    if (!el || el === event.target || event.composedPath().includes(el))
+      return;
+    if (event.detail === 0)
+      shouldListen = !shouldIgnore(event);
+    if (!shouldListen) {
+      shouldListen = true;
       return;
+    }
     handler(event);
   };
-  const shouldIgnore = (event) => {
-    return ignore && ignore.some((target2) => {
-      const el = unrefElement(target2);
-      return el && (event.target === el || event.composedPath().includes(el));
-    });
-  };
   const cleanup = [
     useEventListener(window2, "click", listener, { passive: true, capture }),
     useEventListener(window2, "pointerdown", (e) => {
       const el = unrefElement(target);
-      shouldListen.value = !!el && !e.composedPath().includes(el) && !shouldIgnore(e);
-    }, { passive: true }),
-    useEventListener(window2, "pointerup", (e) => {
-      if (e.button === 0) {
-        const path = e.composedPath();
-        e.composedPath = () => path;
-        fallback = window2.setTimeout(() => listener(e), 50);
-      }
+      if (el)
+        shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);
     }, { passive: true }),
     detectIframe && useEventListener(window2, "blur", (event) => {
       var _a;
       const el = unrefElement(target);
-      if (((_a = document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
+      if (((_a = window2.document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window2.document.activeElement)))
         handler(event);
     })
   ].filter(Boolean);
@@ -93,17 +110,17 @@ function cloneFnJSON(source) {
 const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -136,17 +153,31 @@ function useResizeObserver(target, callback, options = {}) {
   };
 }
 function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
-  const { box = "content-box" } = options;
+  const { window: window2 = defaultWindow, box = "content-box" } = options;
+  const isSVG = computed(() => {
+    var _a, _b;
+    return (_b = (_a = unrefElement(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes("svg");
+  });
   const width = ref(initialSize.width);
   const height = ref(initialSize.height);
   useResizeObserver(target, ([entry]) => {
     const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
-    if (boxSize) {
-      width.value = boxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
-      height.value = boxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+    if (window2 && isSVG.value) {
+      const $elem = unrefElement(target);
+      if ($elem) {
+        const styles = window2.getComputedStyle($elem);
+        width.value = parseFloat(styles.width);
+        height.value = parseFloat(styles.height);
+      }
     } else {
-      width.value = entry.contentRect.width;
-      height.value = entry.contentRect.height;
+      if (boxSize) {
+        const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
+        width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
+        height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+      } else {
+        width.value = entry.contentRect.width;
+        height.value = entry.contentRect.height;
+      }
     }
   }, options);
   watch(() => unrefElement(target), (ele) => {
@@ -266,7 +297,7 @@ function useVirtualList(list, options) {
     wrapperProps
   };
 }
-function useVirtualListResourses(list) {
+function useVirtualListResources(list) {
   const containerRef = ref(null);
   const size = useElementSize(containerRef);
   const currentList = ref([]);
@@ -275,19 +306,18 @@ function useVirtualListResourses(list) {
   return { state, source, currentList, size, containerRef };
 }
 function createGetViewCapacity(state, source, itemSize) {
-  return (containerHeight) => {
+  return (containerSize) => {
     if (typeof itemSize === "number")
-      return Math.ceil(containerHeight / itemSize);
+      return Math.ceil(containerSize / itemSize);
     const { start = 0 } = state.value;
     let sum = 0;
     let capacity = 0;
     for (let i = start; i < source.value.length; i++) {
-      const height = itemSize(i);
-      sum += height;
-      if (sum >= containerHeight) {
-        capacity = i;
+      const size = itemSize(i);
+      sum += size;
+      capacity = i;
+      if (sum > containerSize)
         break;
-      }
     }
     return capacity - start;
   };
@@ -363,7 +393,7 @@ function createScrollTo(type, calculateRange, getDistance, containerRef) {
   };
 }
 function useHorizontalVirtualList(options, list) {
-  const resources = useVirtualListResourses(list);
+  const resources = useVirtualListResources(list);
   const { state, source, currentList, size, containerRef } = resources;
   const containerStyle = { overflowX: "auto" };
   const { itemWidth, overscan = 5 } = options;
@@ -395,7 +425,7 @@ function useHorizontalVirtualList(options, list) {
   };
 }
 function useVerticalVirtualList(options, list) {
-  const resources = useVirtualListResourses(list);
+  const resources = useVirtualListResources(list);
   const { state, source, currentList, size, containerRef } = resources;
   const containerStyle = { overflowY: "auto" };
   const { itemHeight, overscan = 5 } = options;
@@ -430,20 +460,24 @@ export {
   bypassFilter,
   cloneFnJSON,
   createFilterWrapper,
+  debounceFilter,
   defaultWindow,
   identity,
   isClient,
   isDef,
   isFunction,
+  isIOS,
   isString,
   noop,
   onClickOutside,
   pausableFilter,
   pausableWatch,
   resolveUnref,
+  tryOnBeforeUnmount,
   tryOnMounted,
   tryOnScopeDispose,
   unrefElement,
+  useDebounceFn,
   useElementSize,
   useEventListener,
   useResizeObserver,

package/dist/node_modules/@vueuse/shared/index.js

@@ -3,7 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 var _a;
 const isClient = typeof window !== "undefined";
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const isDef = (val) => typeof val !== "undefined";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const noop = () => {
+};
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function resolveUnref(r) {
+  return typeof r === "function" ? r() : vue.unref(r);
+}
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
     return new Promise((resolve, reject) => {
@@ -15,6 +23,47 @@ function createFilterWrapper(filter, fn) {
 const bypassFilter = (invoke) => {
   return invoke();
 };
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop;
+  };
+  const filter = (invoke) => {
+    const duration = resolveUnref(ms);
+    const maxDuration = resolveUnref(options.maxWait);
+    if (timer)
+      _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
+      }
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
+    });
+  };
+  return filter;
+}
 function pausableFilter(extendFilter = bypassFilter) {
   const isActive = vue.ref(true);
   function pause() {
@@ -29,10 +78,31 @@ function pausableFilter(extendFilter = bypassFilter) {
   };
   return { isActive: vue.readonly(isActive), pause, resume, eventFilter };
 }
+function identity(arg) {
+  return arg;
+}
+function tryOnScopeDispose(fn) {
+  if (vue.getCurrentScope()) {
+    vue.onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+function useDebounceFn(fn, ms = 200, options = {}) {
+  return createFilterWrapper(debounceFilter(ms, options), fn);
+}
 function tryOnBeforeUnmount(fn) {
   if (vue.getCurrentInstance())
     vue.onBeforeUnmount(fn);
 }
+function tryOnMounted(fn, sync = true) {
+  if (vue.getCurrentInstance())
+    vue.onMounted(fn);
+  else if (sync)
+    fn();
+  else
+    vue.nextTick(fn);
+}
 var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
 var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
 var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
@@ -101,9 +171,20 @@ function watchPausable(source, cb, options = {}) {
 }
 exports.bypassFilter = bypassFilter;
 exports.createFilterWrapper = createFilterWrapper;
+exports.debounceFilter = debounceFilter;
+exports.identity = identity;
 exports.isClient = isClient;
+exports.isDef = isDef;
+exports.isFunction = isFunction;
+exports.isIOS = isIOS;
+exports.isString = isString;
+exports.noop = noop;
 exports.pausableFilter = pausableFilter;
 exports.pausableWatch = watchPausable;
+exports.resolveUnref = resolveUnref;
 exports.tryOnBeforeUnmount = tryOnBeforeUnmount;
+exports.tryOnMounted = tryOnMounted;
+exports.tryOnScopeDispose = tryOnScopeDispose;
+exports.useDebounceFn = useDebounceFn;
 exports.watchPausable = watchPausable;
 exports.watchWithFilter = watchWithFilter;

package/dist/node_modules/@vueuse/shared/index.mjs

@@ -1,7 +1,15 @@
-import { ref, readonly, getCurrentInstance, onBeforeUnmount, watch } from "vue";
+import { ref, readonly, getCurrentInstance, onBeforeUnmount, watch, unref, getCurrentScope, onScopeDispose, onMounted, nextTick } from "vue";
 var _a;
 const isClient = typeof window !== "undefined";
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const isDef = (val) => typeof val !== "undefined";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const noop = () => {
+};
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function resolveUnref(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
     return new Promise((resolve, reject) => {
@@ -13,6 +21,47 @@ function createFilterWrapper(filter, fn) {
 const bypassFilter = (invoke) => {
   return invoke();
 };
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop;
+  };
+  const filter = (invoke) => {
+    const duration = resolveUnref(ms);
+    const maxDuration = resolveUnref(options.maxWait);
+    if (timer)
+      _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
+      }
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
+    });
+  };
+  return filter;
+}
 function pausableFilter(extendFilter = bypassFilter) {
   const isActive = ref(true);
   function pause() {
@@ -27,10 +76,31 @@ function pausableFilter(extendFilter = bypassFilter) {
   };
   return { isActive: readonly(isActive), pause, resume, eventFilter };
 }
+function identity(arg) {
+  return arg;
+}
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+function useDebounceFn(fn, ms = 200, options = {}) {
+  return createFilterWrapper(debounceFilter(ms, options), fn);
+}
 function tryOnBeforeUnmount(fn) {
   if (getCurrentInstance())
     onBeforeUnmount(fn);
 }
+function tryOnMounted(fn, sync = true) {
+  if (getCurrentInstance())
+    onMounted(fn);
+  else if (sync)
+    fn();
+  else
+    nextTick(fn);
+}
 var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
 var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
 var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
@@ -100,10 +170,21 @@ function watchPausable(source, cb, options = {}) {
 export {
   bypassFilter,
   createFilterWrapper,
+  debounceFilter,
+  identity,
   isClient,
+  isDef,
+  isFunction,
+  isIOS,
+  isString,
+  noop,
   pausableFilter,
   watchPausable as pausableWatch,
+  resolveUnref,
   tryOnBeforeUnmount,
+  tryOnMounted,
+  tryOnScopeDispose,
+  useDebounceFn,
   watchPausable,
   watchWithFilter
 };