yc-design-vue 1.1.3 → 1.1.4

package/es/_shared/icons/IconEdit.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconEdit",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconEdit.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconMinus.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconMinus.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconMinus",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M5 24h38" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconMinus.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconMinus",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M5 24h38" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconMinus.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSearch",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSearch.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconSearch.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSearch",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/utils/dom.js

@@ -70,7 +70,7 @@ const findFirstScrollableParent = (element) => {
   }
   let currentElement = element.parentElement;
   while (currentElement && currentElement !== document.body) {
-    const style = window.getComputedStyle(currentElement);
+    const style = getComputedStyle(currentElement);
     const overflow = style.overflowY || style.overflow;
     const isScrollable = ["auto", "scroll"].includes(overflow);
     const canScroll = currentElement.scrollHeight > currentElement.clientHeight;
@@ -91,15 +91,15 @@ const throttleByRaf = (cb) => {
   let timer = 0;
   const throttle2 = (...args) => {
     if (timer) {
-      window.cancelAnimationFrame(timer);
+      cancelAnimationFrame(timer);
     }
-    timer = window.requestAnimationFrame(() => {
+    timer = requestAnimationFrame(() => {
       cb(...args);
       timer = 0;
     });
   };
   throttle2.cancel = () => {
-    window.cancelAnimationFrame(timer);
+    cancelAnimationFrame(timer);
     timer = 0;
   };
   return throttle2;
@@ -152,7 +152,7 @@ const valueToPx = (value) => {
   return value;
 };
 function isHorizontallyScrollable(element) {
-  const style = window.getComputedStyle(element);
+  const style = getComputedStyle(element);
   const isScrollableOverflow = style.overflowX === "scroll" || style.overflowX === "auto";
   const isVisible = style.display !== "none" && style.visibility !== "hidden";
   if (!isVisible) {
@@ -162,7 +162,7 @@ function isHorizontallyScrollable(element) {
   return isScrollableOverflow && isContentLarger;
 }
 function isVerticallyScrollable(element) {
-  const style = window.getComputedStyle(element);
+  const style = getComputedStyle(element);
   const isScrollableOverflow = style.overflowY === "scroll" || style.overflowY === "auto";
   const isVisible = style.display !== "none" && style.visibility !== "hidden";
   if (!isVisible) {

package/es/node_modules/@vueuse/core/index.js

@@ -1,5 +1,5 @@
 import { tryOnScopeDispose, toArray, watchImmediate, isClient, isObject, makeDestructurable, camelize, tryOnMounted, toRefs, noop, isIOS, notNullish, useThrottleFn, useDebounceFn, pxValue, injectLocal, useTimeoutFn, createSingletonPromise } from "../shared/index.js";
-import { createFilterWrapper, debounceFilter, getLifeCycleTarget, throttleFilter } from "../shared/index.js";
+import { createFilterWrapper, debounceFilter, getLifeCycleTarget, throttleFilter, useInterval, useIntervalFn } from "../shared/index.js";
 import { computed, toValue, watch, shallowRef, getCurrentInstance, onMounted, unref, defineComponent, ref, reactive, watchEffect, hasInjectionContext, toRaw } from "vue";
 function createReusableTemplate(options = {}) {
   const {
@@ -1080,6 +1080,8 @@ export {
   useElementBounding,
   useElementSize,
   useEventListener,
+  useInterval,
+  useIntervalFn,
   useMediaQuery,
   useMounted,
   useMutationObserver,

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

@@ -1,4 +1,4 @@
-import { getCurrentScope, onScopeDispose, watch, onMounted, nextTick, isRef, toRefs as toRefs$1, customRef, toValue, getCurrentInstance, hasInjectionContext, inject, shallowRef, readonly } from "vue";
+import { getCurrentScope, onScopeDispose, watch, onMounted, nextTick, isRef, toRefs as toRefs$1, customRef, toValue, getCurrentInstance, shallowRef, hasInjectionContext, inject, readonly } from "vue";
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -240,6 +240,79 @@ function tryOnMounted(fn, sync = true, target) {
   else
     nextTick(fn);
 }
+function useIntervalFn(cb, interval = 1e3, options = {}) {
+  const {
+    immediate = true,
+    immediateCallback = false
+  } = options;
+  let timer = null;
+  const isActive = shallowRef(false);
+  function clean() {
+    if (timer) {
+      clearInterval(timer);
+      timer = null;
+    }
+  }
+  function pause() {
+    isActive.value = false;
+    clean();
+  }
+  function resume() {
+    const intervalValue = toValue(interval);
+    if (intervalValue <= 0)
+      return;
+    isActive.value = true;
+    if (immediateCallback)
+      cb();
+    clean();
+    if (isActive.value)
+      timer = setInterval(cb, intervalValue);
+  }
+  if (immediate && isClient)
+    resume();
+  if (isRef(interval) || typeof interval === "function") {
+    const stopWatch = watch(interval, () => {
+      if (isActive.value && isClient)
+        resume();
+    });
+    tryOnScopeDispose(stopWatch);
+  }
+  tryOnScopeDispose(pause);
+  return {
+    isActive,
+    pause,
+    resume
+  };
+}
+function useInterval(interval = 1e3, options = {}) {
+  const {
+    controls: exposeControls = false,
+    immediate = true,
+    callback
+  } = options;
+  const counter = shallowRef(0);
+  const update = () => counter.value += 1;
+  const reset = () => {
+    counter.value = 0;
+  };
+  const controls = useIntervalFn(
+    callback ? () => {
+      update();
+      callback(counter.value);
+    } : update,
+    interval,
+    { immediate }
+  );
+  if (exposeControls) {
+    return {
+      counter,
+      reset,
+      ...controls
+    };
+  } else {
+    return counter;
+  }
+}
 function useTimeoutFn(cb, interval, options = {}) {
   const {
     immediate = true,
@@ -310,6 +383,8 @@ export {
   tryOnMounted,
   tryOnScopeDispose,
   useDebounceFn,
+  useInterval,
+  useIntervalFn,
   useThrottleFn,
   useTimeoutFn,
   watchImmediate