yc-design-vue 1.1.3 → 1.1.5

package/es/Alert/index.vue2.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                          */
+/* empty css                                         */
 const _hoisted_1 = {
   key: 0,
   class: "yc-alert-icon"

package/es/Calendar/Calendar.vue2.js

@@ -7,8 +7,8 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useControlValue from "../_shared/utils/control.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 import Button from "../Button/index.js";
 import "../Radio/index.js";
 import MonthCalendar from "./CalendarMonth.vue.js";

package/es/Carousel/Carousel.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Carousel.vue2.js";
 /* empty css              */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f976facc"]]);
+const _Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5285806c"]]);
 export {
   _Carousel as default
 };

package/es/Carousel/Carousel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, watch, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, unref, Fragment, renderList, createBlock, resolveDynamicComponent, createVNode } from "vue";
+import { defineComponent, ref, watch, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, unref, Fragment, renderList, createBlock, resolveDynamicComponent, createVNode } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { isObject } from "../_shared/utils/is.js";
@@ -8,6 +8,7 @@ import "../Empty/index.js";
 import useContext from "./hooks/useContext.js";
 import CarouselArrow from "./CarouselArrow.vue.js";
 import CarouselIndicator from "./CarouselIndicator.vue.js";
+import { useInterval } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-carousel-indicator-wrapper"
@@ -41,21 +42,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const { slideTo, computedCurrent, autoPlay, carouselItems } = useContext().provide(props, emits);
-    let autoPlayTimer = null;
+    let autoPlayTimer = ref(0);
+    const stopAutoPlay = () => {
+      clearInterval(autoPlayTimer.value);
+    };
     const setAutoPlay = () => {
       var _a;
       if (!autoPlay.value) return;
-      autoPlayTimer = setInterval(
-        () => {
-          slideTo(computedCurrent.value + 1);
-        },
-        ((_a = autoPlay.value) == null ? void 0 : _a.interval) ?? 3e3
+      autoPlayTimer = useInterval(
+        ((_a = autoPlay.value) == null ? void 0 : _a.interval) ?? 3e3,
+        {
+          callback: () => {
+            console.log("定时器触发了");
+            slideTo(computedCurrent.value + 1);
+          }
+        }
       );
     };
-    const stopAutoPlay = () => {
-      clearInterval(autoPlayTimer);
-      autoPlayTimer = null;
-    };
     const handleChange = async (index) => {
       stopAutoPlay();
       await slideTo(index);
@@ -64,9 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => autoPlay.value,
       () => {
-        if (!autoPlay.value) {
-          return stopAutoPlay();
-        }
+        stopAutoPlay();
         setAutoPlay();
       },
       {

package/es/Carousel/hooks/useContext.js

@@ -41,7 +41,7 @@ const useContext = () => {
     );
     const moveType = ref("positive");
     const preIndex = ref(computedCurrent.value);
-    let timer = null;
+    let flag = false;
     const getValidIndex = (val) => {
       if (val < 0) {
         return length.value - 1;
@@ -49,15 +49,16 @@ const useContext = () => {
       return val > length.value ? val % length.value : val;
     };
     const slideTo = async (targetIndex) => {
-      if (timer || targetIndex == computedCurrent.value) {
+      if (flag || targetIndex == computedCurrent.value) {
         return;
       }
       moveType.value = targetIndex > computedCurrent.value ? "positive" : "negative";
       preIndex.value = computedCurrent.value;
       computedCurrent.value = getValidIndex(targetIndex);
       emits("change", computedCurrent.value, preIndex.value, true);
+      flag = true;
       await sleep(moveSpeed.value);
-      timer = null;
+      flag = false;
     };
     provide(CAROUSEL_CONTEXT_KEY, {
       length,

package/es/Cascader/CascaderIcon.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-cascader-suffix-icon" };
 const _hoisted_2 = {

package/es/Checkbox/Checkbox.vue2.js

@@ -8,8 +8,8 @@ import "../Empty/index.js";
 import _sfc_main$1 from "../_shared/icons/IconCheckboxChecked.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 const _hoisted_1 = ["value", "disabled", "checked"];
 const _hoisted_2 = { class: "yc-checkbox-icon" };
 const _hoisted_3 = {

package/es/Collapse/CollapseItem.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconRight.vue.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-import ExpandTransition from "../_shared/components/ExpandTransition.vue.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
+import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
 const _hoisted_1 = { class: "yc-collapse-item-header-title text-ellipsis" };
 const _hoisted_2 = {
   key: 1,

package/es/Drawer/Drawer.vue2.js

@@ -5,8 +5,8 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Image/ImagePreview.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./ImagePreview.vue2.js";
 /* empty css                  */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3306f5d"]]);
+const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c202e7b9"]]);
 export {
   ImagePreview as default
 };

package/es/Image/ImagePreview.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, ref, createBlock, openBlock, Teleport, unref, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, vShow, renderSlot, withModifiers, createSlots } from "vue";
+import { defineComponent, toRefs, ref, createBlock, openBlock, Teleport, unref, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, vShow, withModifiers, renderSlot, createSlots } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
@@ -11,8 +11,7 @@ import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/inde
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import ImagePreviewToolbar from "./ImagePreviewToolbar.vue.js";
 const _hoisted_1 = { class: "yc-image-preview-mask" };
-const _hoisted_2 = { class: "yc-image-preview-wrapper" };
-const _hoisted_3 = ["src"];
+const _hoisted_2 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "ImagePreview",
@@ -112,6 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (wheelZoom.value) {
         useEventListener("wheel", (e) => {
           e.preventDefault();
+          e.stopPropagation();
           const delta = e.deltaY < 0 ? 1 : -1;
           scale.value *= Math.pow(zoomRate.value, delta);
         });
@@ -157,7 +157,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onAfterLeave: unref(handleAfterLeave)
           }, {
             default: withCtx(() => [
-              withDirectives(createElementVNode("div", _hoisted_2, [
+              withDirectives(createElementVNode("div", {
+                class: "yc-image-preview-wrapper",
+                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(handleClose)("mask", $event, false), ["self"]))
+              }, [
                 createElementVNode("div", {
                   style: normalizeStyle({
                     transform: `scale(${unref(scale)}, ${unref(scale)})`
@@ -173,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: "yc-image-preview-img",
                     ref_key: "imageRef",
                     ref: imageRef
-                  }, null, 12, _hoisted_3)
+                  }, null, 12, _hoisted_2)
                 ], 4),
                 createVNode(ImagePreviewToolbar, {
                   actionsLayout: _ctx.actionsLayout,

package/es/Input/Input.vue2.js

@@ -5,9 +5,9 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                          */
+/* empty css                                         */
 /* empty css                             */
 import InputSuffix from "./InputSuffix.vue.js";
 const _hoisted_1 = ["value", "type", "disabled", "readonly", "placeholder"];

package/es/Input/InputSuffix.vue2.js

@@ -6,9 +6,9 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconEyeClose.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconEyeOpen.vue2.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                          */
+/* empty css                                         */
 const _hoisted_1 = {
   key: 0,
   class: "yc-input-word-limit"

package/es/InputTag/index.vue2.js

@@ -8,9 +8,9 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import Tag from "../Tag/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                          */
+/* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = ["disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Menu/SubMenu.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                   */
-import ExpandTransition from "../_shared/components/ExpandTransition.vue.js";
+/* empty css                                    */
+import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
 import "./index.js";
 import MenuItem from "./MenuItem.vue.js";
 const _hoisted_1 = { class: "yc-menu-inline" };

package/es/Message/Message.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {
   key: 0,

package/es/Modal/Modal.vue2.js

@@ -6,8 +6,8 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "./hooks/useModalClose.js";
 import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Notification/Notification.vue2.js

@@ -7,8 +7,8 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = { class: "yc-notification-left" };
 const _hoisted_2 = {

package/es/PageHeader/index.vue2.js

@@ -6,8 +6,8 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import Divider from "../Divider/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 const _hoisted_1 = { class: "yc-page-header" };
 const _hoisted_2 = { class: "yc-page-header-wrapper" };
 const _hoisted_3 = {

package/es/Radio/Radio.vue2.js

@@ -6,8 +6,8 @@ import "../Empty/index.js";
 /* empty css                             */
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 const _hoisted_1 = ["value", "checked", "disabled"];
 const _hoisted_2 = {
   key: 0,

package/es/Select/SelectIcon.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-select-suffix-icon" };
 const _hoisted_2 = {

package/es/Tabs/TabButton.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from "vue";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                          */
+/* empty css                                         */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabButton",
   props: {

package/es/Tag/index.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import Spin from "../Spin/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Textarea/index.vue2.js

@@ -1,14 +1,14 @@
 import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
 import useTextareaHeight from "./hooks/useTextareaHeight.js";
 import useLimitedInput from "../Input/hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                          */
+/* empty css                                         */
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/TimePicker/TimePicker.vue2.js

@@ -5,8 +5,8 @@ import { isArray } from "../_shared/utils/is.js";
 import { isValidTimeRange } from "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconTime.vue.js";
 import Trigger from "../Trigger/index.js";

package/es/Transfer/TransferPanel.vue2.js

@@ -5,14 +5,14 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconClose.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconDelete.vue.js";
-import _sfc_main$2 from "../_shared/icons/IconSearch.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconDelete.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconSearch.vue2.js";
 import useContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 import Input from "../Input/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue.js";
+/* empty css                                         */
 const _hoisted_1 = { class: "yc-transfer-view" };
 const _hoisted_2 = { class: "yc-transfer-view-header" };
 const _hoisted_3 = { class: "yc-transfer-view-header-title" };

package/es/Trigger/index.vue2.js

@@ -8,9 +8,9 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
 /* empty css                             */
-/* empty css                                   */
+/* empty css                                    */
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                          */
+/* empty css                                         */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Trigger",

package/es/_shared/components/{ExpandTransition.vue.js → ExpandTransition.vue2.js}

@@ -1,5 +1,5 @@
 import _sfc_main from "./ExpandTransition.vue3.js";
-/* empty css                      */
+/* empty css                     */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const ExpandTransition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e588238"]]);
 export {

package/es/_shared/components/{IconButton.vue2.js → IconButton.vue.js}

@@ -1,5 +1,5 @@
 import _sfc_main from "./IconButton.vue3.js";
-/* empty css               */
+/* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fb80b1e"]]);
 export {

package/es/_shared/icons/IconDelete.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: "IconDelete",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconDelete.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconDelete.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: "IconDelete",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 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,