@koi-design/uxd-ui 13.2.8 → 14.0.1

package/es/components/VirtualList/VirtualScrollBar.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, ref, watch, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createElementVNode } from 'vue';
+import { defineComponent, reactive, shallowRef, watch, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createElementVNode } from 'vue';
 import raf from 'raf';
 import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
 
@@ -32,12 +32,13 @@ const _sfc_main = defineComponent({
   setup(props, { emit }) {
     const state = reactive({
       dragging: false,
+      mouseOver: false,
       pageY: null,
       startTop: null,
       visible: false
     });
-    const scrollBarRef = ref(null);
-    const thumbRef = ref(null);
+    const scrollBarRef = shallowRef(null);
+    const thumbRef = shallowRef(null);
     let moveRaf = null;
     let visibleTimeout = null;
     const delayHidden = () => {
@@ -115,6 +116,12 @@ const _sfc_main = defineComponent({
         });
       }
     };
+    const onMouseEnter = () => {
+      state.mouseOver = true;
+    };
+    const onMouseLeave = () => {
+      state.mouseOver = false;
+    };
     const onScrollbarTouchStart = (e) => {
       e.preventDefault();
     };
@@ -130,6 +137,8 @@ const _sfc_main = defineComponent({
       var _a, _b, _c;
       window.removeEventListener("mousemove", onMouseMove);
       window.removeEventListener("mouseup", onMouseUp);
+      window.removeEventListener("mouseenter", onMouseEnter);
+      window.removeEventListener("mouseleave", onMouseLeave);
       (_a = scrollBarRef == null ? void 0 : scrollBarRef.value) == null ? void 0 : _a.removeEventListener("touchstart", onScrollbarTouchStart);
       (_b = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _b.removeEventListener("touchmove", onMouseMove);
       (_c = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _c.removeEventListener("touchend", onMouseUp);
@@ -149,7 +158,9 @@ const _sfc_main = defineComponent({
       delayHidden,
       getSpinHeight,
       getTop,
-      onMouseDown
+      onMouseDown,
+      onMouseEnter,
+      onMouseLeave
     };
   }
 });
@@ -158,18 +169,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "scrollBarRef",
     class: normalizeClass(`${_ctx.prefixCls}-scrollbar`),
     style: normalizeStyle({
-      width: "8px",
+      width: "var(--scrollbar-width)",
       top: 0,
       bottom: 0,
       right: 0,
       position: "absolute",
       display: _ctx.realVisible ? void 0 : "none"
     }),
-    onTouchstartPassive: _cache[2] || (_cache[2] = withModifiers(() => {
+    onTouchstartPassive: _cache[4] || (_cache[4] = withModifiers(() => {
     }, ["prevent"])),
-    onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {
+    onMousedown: _cache[5] || (_cache[5] = withModifiers(() => {
     }, ["prevent", "stop"])),
-    onMousemove: _cache[4] || (_cache[4] = ($event) => _ctx.delayHidden())
+    onMousemove: _cache[6] || (_cache[6] = ($event) => _ctx.delayHidden())
   }, [
     createElementVNode("div", {
       ref: "thumbRef",
@@ -185,17 +196,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         top: `${_ctx.getTop()}px`,
         left: 0,
         position: "absolute",
-        background: "rgba(0,0,0,0.5)",
+        backgroundColor: _ctx.state.mouseOver ? "var(--scrollbar-thumb-background-color-hover)" : `var(--scrollbar-thumb-background-color)`,
         borderRadius: "99px",
         cursor: "pointer",
         useSelect: "none"
       }),
       onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseDown && _ctx.onMouseDown(...args)),
-      onTouchstartPassive: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseDown && _ctx.onMouseDown(...args))
+      onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseEnter && _ctx.onMouseEnter(...args)),
+      onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args)),
+      onTouchstartPassive: _cache[3] || (_cache[3] = (...args) => _ctx.onMouseDown && _ctx.onMouseDown(...args))
     }, null, 38)
   ], 38);
 }
-var VirtualScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\VirtualList\\VirtualScrollBar.vue"]]);
+var VirtualScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/VirtualList/VirtualScrollBar.vue"]]);
 
 export { VirtualScrollBar as default };
 //# sourceMappingURL=VirtualScrollBar.mjs.map

package/es/components/VirtualList/VirtualScrollBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualScrollBar.mjs","sources":["../../../../src/components/VirtualList/VirtualScrollBar.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"scrollBarRef\"\n    :class=\"`${prefixCls}-scrollbar`\"\n    :style=\"{\n      width: '8px',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      position: 'absolute',\n      display: realVisible ? undefined : 'none'\n    }\"\n    @touchstart.prevent.passive\n    @mousedown.prevent.stop\n    @mousemove=\"delayHidden()\"\n  >\n    <div\n      ref=\"thumbRef\"\n      :class=\"[\n        `${prefixCls}-scrollbar-thumb`,\n        {\n          [`${prefixCls}-scrollbar-thumb-moving`]: state.dragging\n        }\n      ]\"\n      :style=\"{\n        width: '100%',\n        height: `${getSpinHeight()}px`,\n        top: `${getTop()}px`,\n        left: 0,\n        position: 'absolute',\n        background: 'rgba(0,0,0,0.5)',\n        borderRadius: '99px',\n        cursor: 'pointer',\n        useSelect: 'none'\n      }\"\n      @mousedown=\"onMouseDown\"\n      @touchstart.passive=\"onMouseDown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onBeforeUnmount, reactive, ref, watch, computed } from 'vue';\nimport raf from 'raf';\nimport type { ScrollBarState } from './VirtualList.type';\n\nfunction getPageY(e: any) {\n  return 'touches' in e ? e.touches[0].pageY : e.pageY;\n}\n\nexport default defineComponent({\n  name: 'VirtualScrollBar',\n  props: {\n    prefixCls: {\n      type: String\n    },\n    scrollTop: {\n      type: Number,\n      default: 0\n    },\n    scrollHeight: {\n      type: Number,\n      default: 0\n    },\n    height: {\n      type: Number,\n      default: 0\n    },\n    count: {\n      type: Number,\n      default: 0\n    }\n  },\n  emits: ['scroll', 'start-move', 'stop-move'],\n  setup(props, { emit }) {\n    const state = reactive({\n      dragging: false,\n      pageY: null,\n      startTop: null,\n      visible: false\n    } as ScrollBarState);\n    const scrollBarRef = ref<HTMLElement | null>(null);\n    const thumbRef = ref<HTMLElement | null>(null);\n    let moveRaf: number | null = null;\n\n    // ========== visible =============\n    // #region\n    let visibleTimeout: any = null;\n\n    const delayHidden = () => {\n      clearTimeout(visibleTimeout);\n      state.visible = true;\n\n      visibleTimeout = setTimeout(() => {\n        state.visible = false;\n      }, 2000);\n    };\n\n    watch(\n      () => props.scrollTop,\n      () => {\n        delayHidden();\n      },\n      { flush: 'post' }\n    );\n\n    const realVisible = computed(() => {\n      if (!props.height || !props.scrollHeight || props.height >= props.scrollHeight) {\n        return false;\n      }\n\n      return state.visible;\n    });\n    // #endregion\n\n    // ========== height & range =============\n    // #region\n    const getSpinHeight = () => {\n      const { height, count } = props;\n\n      let baseHeight = (height / count) * 10;\n      baseHeight = Math.max(baseHeight, 20);\n      baseHeight = Math.min(baseHeight, height / 2);\n      return Math.floor(baseHeight);\n\n      // return 0;\n    };\n\n    const getScrollRange = () => {\n      const { scrollHeight, height } = props;\n\n      // if scrollHeight smaller than height return 0\n      return scrollHeight - height;\n    };\n\n    const getHeightRange = () => {\n      const { height } = props;\n      const spinHeight = getSpinHeight();\n      return height - spinHeight;\n    };\n\n    const getTop = () => {\n      const { scrollTop } = props;\n      const scrollRange = getScrollRange();\n      const heightRange = getHeightRange();\n      if (scrollRange === 0) {\n        return 0;\n      }\n      return (scrollTop / scrollRange) * heightRange;\n    };\n\n    // #endregion\n\n    // ========== event =============\n    // #region\n    const onMouseDown = (e: any) => {\n      state.dragging = true;\n      state.pageY = getPageY(e);\n      state.startTop = getTop();\n\n      emit('start-move');\n\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      attachEvents();\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    const onMouseUp = () => {\n      state.dragging = false;\n      emit('stop-move');\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeEvents();\n    };\n\n    const onMouseMove = (e: any) => {\n      const { dragging, pageY, startTop } = state;\n      if (moveRaf) {\n        raf.cancel(moveRaf);\n      }\n\n      if (dragging) {\n        const offsetY = getPageY(e) - (pageY as number);\n        const newTop = (startTop as number) + offsetY;\n        const scrollRange = getScrollRange();\n        const heightRange = getHeightRange();\n        const newScrollTop = Math.ceil((newTop / heightRange) * scrollRange);\n        moveRaf = raf(() => {\n          emit('scroll', newScrollTop);\n        });\n      }\n    };\n\n    const onScrollbarTouchStart = (e: any) => {\n      e.preventDefault();\n    };\n\n    const attachEvents = () => {\n      window.addEventListener('mousemove', onMouseMove);\n      window.addEventListener('mouseup', onMouseUp);\n      scrollBarRef.value?.addEventListener('touchstart', onScrollbarTouchStart);\n      thumbRef.value?.addEventListener('touchmove', onMouseMove);\n      thumbRef.value?.addEventListener('touchend', onMouseUp);\n    };\n\n    const removeEvents = () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n\n      scrollBarRef?.value?.removeEventListener('touchstart', onScrollbarTouchStart);\n      thumbRef?.value?.removeEventListener('touchmove', onMouseMove);\n      thumbRef?.value?.removeEventListener('touchend', onMouseUp);\n      if (moveRaf) {\n        raf.cancel(moveRaf);\n      }\n    };\n\n    // #endregion\n\n    onBeforeUnmount(() => {\n      removeEvents();\n      clearTimeout(visibleTimeout);\n    });\n\n    return {\n      state,\n      realVisible,\n      scrollBarRef,\n      thumbRef,\n      delayHidden,\n      getSpinHeight,\n      getTop,\n      onMouseDown\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"VirtualScrollBar.mjs","sources":["../../../../src/components/VirtualList/VirtualScrollBar.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"scrollBarRef\"\n    :class=\"`${prefixCls}-scrollbar`\"\n    :style=\"{\n      width: 'var(--scrollbar-width)',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      position: 'absolute',\n      display: realVisible ? undefined : 'none'\n    }\"\n    @touchstart.prevent.passive\n    @mousedown.prevent.stop\n    @mousemove=\"delayHidden()\"\n  >\n    <div\n      ref=\"thumbRef\"\n      :class=\"[\n        `${prefixCls}-scrollbar-thumb`,\n        {\n          [`${prefixCls}-scrollbar-thumb-moving`]: state.dragging\n        }\n      ]\"\n      :style=\"{\n        width: '100%',\n        height: `${getSpinHeight()}px`,\n        top: `${getTop()}px`,\n        left: 0,\n        position: 'absolute',\n        backgroundColor: state.mouseOver ? 'var(--scrollbar-thumb-background-color-hover)' : `var(--scrollbar-thumb-background-color)`,\n        borderRadius: '99px',\n        cursor: 'pointer',\n        useSelect: 'none'\n      }\"\n      @mousedown=\"onMouseDown\"\n      @mouseenter=\"onMouseEnter\"\n      @mouseleave=\"onMouseLeave\"\n      @touchstart.passive=\"onMouseDown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onBeforeUnmount, reactive, watch, computed, shallowRef } from 'vue';\nimport raf from 'raf';\nimport type { ScrollBarState } from './VirtualList.type';\n\nfunction getPageY(e: any) {\n  return 'touches' in e ? e.touches[0].pageY : e.pageY;\n}\n\nexport default defineComponent({\n  name: 'VirtualScrollBar',\n  props: {\n    prefixCls: {\n      type: String\n    },\n    scrollTop: {\n      type: Number,\n      default: 0\n    },\n    scrollHeight: {\n      type: Number,\n      default: 0\n    },\n    height: {\n      type: Number,\n      default: 0\n    },\n    count: {\n      type: Number,\n      default: 0\n    }\n  },\n  emits: ['scroll', 'start-move', 'stop-move'],\n  setup(props, { emit }) {\n    const state = reactive({\n      dragging: false,\n      mouseOver: false,\n      pageY: null,\n      startTop: null,\n      visible: false\n    } as ScrollBarState);\n    const scrollBarRef = shallowRef<HTMLElement | null>(null);\n    const thumbRef = shallowRef<HTMLElement | null>(null);\n\n    let moveRaf: number | null = null;\n\n    // ========== visible =============\n    // #region\n    let visibleTimeout: any = null;\n\n    const delayHidden = () => {\n      clearTimeout(visibleTimeout);\n      state.visible = true;\n\n      visibleTimeout = setTimeout(() => {\n        state.visible = false;\n      }, 2000);\n    };\n\n    watch(\n      () => props.scrollTop,\n      () => {\n        delayHidden();\n      },\n      { flush: 'post' }\n    );\n\n    const realVisible = computed(() => {\n      if (!props.height || !props.scrollHeight || props.height >= props.scrollHeight) {\n        return false;\n      }\n\n      return state.visible;\n    });\n    // #endregion\n\n    // ========== height & range =============\n    // #region\n    const getSpinHeight = () => {\n      const { height, count } = props;\n\n      let baseHeight = (height / count) * 10;\n      baseHeight = Math.max(baseHeight, 20);\n      baseHeight = Math.min(baseHeight, height / 2);\n      return Math.floor(baseHeight);\n\n      // return 0;\n    };\n\n    const getScrollRange = () => {\n      const { scrollHeight, height } = props;\n\n      // if scrollHeight smaller than height return 0\n      return scrollHeight - height;\n    };\n\n    const getHeightRange = () => {\n      const { height } = props;\n      const spinHeight = getSpinHeight();\n      return height - spinHeight;\n    };\n\n    const getTop = () => {\n      const { scrollTop } = props;\n      const scrollRange = getScrollRange();\n      const heightRange = getHeightRange();\n      if (scrollRange === 0) {\n        return 0;\n      }\n      return (scrollTop / scrollRange) * heightRange;\n    };\n\n    // #endregion\n\n    // ========== event =============\n    // #region\n    const onMouseDown = (e: any) => {\n      state.dragging = true;\n      state.pageY = getPageY(e);\n      state.startTop = getTop();\n\n      emit('start-move');\n\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      attachEvents();\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    const onMouseUp = () => {\n      state.dragging = false;\n      emit('stop-move');\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeEvents();\n    };\n\n    const onMouseMove = (e: any) => {\n      const { dragging, pageY, startTop } = state;\n      if (moveRaf) {\n        raf.cancel(moveRaf);\n      }\n\n      if (dragging) {\n        const offsetY = getPageY(e) - (pageY as number);\n        const newTop = (startTop as number) + offsetY;\n        const scrollRange = getScrollRange();\n        const heightRange = getHeightRange();\n        const newScrollTop = Math.ceil((newTop / heightRange) * scrollRange);\n        moveRaf = raf(() => {\n          emit('scroll', newScrollTop);\n        });\n      }\n    };\n\n    const onMouseEnter = () => {\n      state.mouseOver = true;\n    };\n\n    const onMouseLeave = () => {\n      state.mouseOver = false;\n    };\n\n    const onScrollbarTouchStart = (e: any) => {\n      e.preventDefault();\n    };\n\n    const attachEvents = () => {\n      window.addEventListener('mousemove', onMouseMove);\n      window.addEventListener('mouseup', onMouseUp);\n      scrollBarRef.value?.addEventListener('touchstart', onScrollbarTouchStart);\n      thumbRef.value?.addEventListener('touchmove', onMouseMove);\n      thumbRef.value?.addEventListener('touchend', onMouseUp);\n    };\n\n    const removeEvents = () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n      window.removeEventListener('mouseenter', onMouseEnter);\n      window.removeEventListener('mouseleave', onMouseLeave);\n\n      scrollBarRef?.value?.removeEventListener('touchstart', onScrollbarTouchStart);\n      thumbRef?.value?.removeEventListener('touchmove', onMouseMove);\n      thumbRef?.value?.removeEventListener('touchend', onMouseUp);\n\n      if (moveRaf) {\n        raf.cancel(moveRaf);\n      }\n    };\n\n    // #endregion\n\n    onBeforeUnmount(() => {\n      removeEvents();\n      clearTimeout(visibleTimeout);\n    });\n\n    return {\n      state,\n      realVisible,\n      scrollBarRef,\n      thumbRef,\n      delayHidden,\n      getSpinHeight,\n      getTop,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode"],"mappings":"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"}

package/es/components/VirtualList/VirtualScrollBar.vue.d.ts

@@ -24,14 +24,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         pageY: number;
         startTop: number;
         visible: boolean;
+        mouseOver: boolean;
     };
     realVisible: import("vue").ComputedRef<boolean>;
-    scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-    thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+    thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
     delayHidden: () => void;
     getSpinHeight: () => number;
     getTop: () => number;
     onMouseDown: (e: any) => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     prefixCls: {
         type: StringConstructor;

package/es/components/VirtualList/index.d.ts

@@ -21,8 +21,8 @@ declare const _default: {
         style: any;
         className: any;
         restProps: any;
-        containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        scrollBarRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        containerRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             prefixCls: {
                 type: StringConstructor;
             };
@@ -52,14 +52,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
             height: number;
             scrollTop: number;
@@ -102,14 +105,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, {
             height: number;
             scrollTop: number;
@@ -145,14 +151,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
             height: number;
             scrollTop: number;
@@ -195,14 +204,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, {
             height: number;
             scrollTop: number;
@@ -323,14 +335,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             prefixCls: {
                 type: StringConstructor;
@@ -390,8 +405,8 @@ declare const _default: {
         style: any;
         className: any;
         restProps: any;
-        containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        scrollBarRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        containerRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             prefixCls: {
                 type: StringConstructor;
             };
@@ -421,14 +436,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
             height: number;
             scrollTop: number;
@@ -471,14 +489,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, {
             height: number;
             scrollTop: number;
@@ -514,14 +535,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
             height: number;
             scrollTop: number;
@@ -564,14 +588,17 @@ declare const _default: {
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, {
             height: number;
             scrollTop: number;
@@ -623,8 +650,8 @@ declare const _default: {
     style: any;
     className: any;
     restProps: any;
-    containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
-    scrollBarRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+    containerRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+    scrollBarRef: import("vue").ShallowRef<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         prefixCls: {
             type: StringConstructor;
         };
@@ -654,14 +681,17 @@ declare const _default: {
             pageY: number;
             startTop: number;
             visible: boolean;
+            mouseOver: boolean;
         };
         realVisible: import("vue").ComputedRef<boolean>;
-        scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
         delayHidden: () => void;
         getSpinHeight: () => number;
         getTop: () => number;
         onMouseDown: (e: any) => void;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
         height: number;
         scrollTop: number;
@@ -704,14 +734,17 @@ declare const _default: {
             pageY: number;
             startTop: number;
             visible: boolean;
+            mouseOver: boolean;
         };
         realVisible: import("vue").ComputedRef<boolean>;
-        scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
         delayHidden: () => void;
         getSpinHeight: () => number;
         getTop: () => number;
         onMouseDown: (e: any) => void;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
     }, {}, {}, {}, {
         height: number;
         scrollTop: number;
@@ -747,14 +780,17 @@ declare const _default: {
             pageY: number;
             startTop: number;
             visible: boolean;
+            mouseOver: boolean;
         };
         realVisible: import("vue").ComputedRef<boolean>;
-        scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
         delayHidden: () => void;
         getSpinHeight: () => number;
         getTop: () => number;
         onMouseDown: (e: any) => void;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
         height: number;
         scrollTop: number;
@@ -797,14 +833,17 @@ declare const _default: {
             pageY: number;
             startTop: number;
             visible: boolean;
+            mouseOver: boolean;
         };
         realVisible: import("vue").ComputedRef<boolean>;
-        scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
         delayHidden: () => void;
         getSpinHeight: () => number;
         getTop: () => number;
         onMouseDown: (e: any) => void;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
     }, {}, {}, {}, {
         height: number;
         scrollTop: number;
@@ -925,14 +964,17 @@ declare const _default: {
             pageY: number;
             startTop: number;
             visible: boolean;
+            mouseOver: boolean;
         };
         realVisible: import("vue").ComputedRef<boolean>;
-        scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
         delayHidden: () => void;
         getSpinHeight: () => number;
         getTop: () => number;
         onMouseDown: (e: any) => void;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         prefixCls: {
             type: StringConstructor;
@@ -963,5 +1005,5 @@ declare const _default: {
         scrollHeight: number;
         count: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
 export default _default;

package/es/components/base/HighlightText.mjs

@@ -35,7 +35,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64);
   }), 128);
 }
-var HighlightText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\base\\HighlightText.vue"]]);
+var HighlightText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/base/HighlightText.vue"]]);
 
 export { HighlightText as default };
 //# sourceMappingURL=HighlightText.mjs.map

package/es/components/base/RenderEmpty.mjs

@@ -1,5 +1,5 @@
-import { UColorfulEmpty } from '@koi-design/uxd-icon';
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import ColorfullEmpty from '../Icon/ColorfullEmpty.mjs';
 import { oneOf } from '../../utils/propsValidators.mjs';
 import useGlobalConfig from './hooks/useGlobalConfig.mjs';
 import { normalSizeMap } from '../../utils/globalType.mjs';
@@ -25,7 +25,7 @@ const emptyProps = {
 const _sfc_main = defineComponent({
   name: "RenderEmpty",
   components: {
-    UColorfulEmpty
+    ColorfullEmpty
   },
   props: emptyProps,
   setup(props) {
@@ -52,7 +52,7 @@ const _sfc_main = defineComponent({
 });
 const _hoisted_1 = ["src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_UColorfulEmpty = resolveComponent("UColorfulEmpty");
+  const _component_ColorfullEmpty = resolveComponent("ColorfullEmpty");
   const _component_u_icon = resolveComponent("u-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.prefixCls, `${_ctx.prefixCls}-${_ctx.size}`])
@@ -63,7 +63,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "image", {}, () => [
         _ctx.isIcon ? (openBlock(), createBlock(_component_u_icon, { key: 0 }, {
           default: withCtx(() => [
-            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : (openBlock(), createBlock(_component_UColorfulEmpty, { key: 1 }))
+            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : (openBlock(), createBlock(_component_ColorfullEmpty, { key: 1 }))
           ]),
           _: 1
         })) : createCommentVNode("v-if", true),
@@ -89,7 +89,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var RenderEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\base\\RenderEmpty.vue"]]);
+var RenderEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/base/RenderEmpty.vue"]]);
 
 export { RenderEmpty as default };
 //# sourceMappingURL=RenderEmpty.mjs.map

package/es/components/base/RenderEmpty.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RenderEmpty.mjs","sources":["../../../../src/components/base/RenderEmpty.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls, `${prefixCls}-${size}`]\">\n    <div :class=\"`${prefixCls}-image`\">\n      <slot name=\"image\">\n        <u-icon v-if=\"isIcon\">\n          <component :is=\"icon\" v-if=\"icon\" />\n          <UColorfulEmpty v-else />\n        </u-icon>\n        <img v-if=\"isImg\" :src=\"image\" />\n      </slot>\n    </div>\n    <div v-if=\"text !== false\" :class=\"`${prefixCls}-description`\">\n      <slot name=\"text\">\n        {{ computedText }}\n      </slot>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"`${prefixCls}-footer`\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { UColorfulEmpty } from '@koi-design/uxd-icon';\nimport { computed, defineComponent } from 'vue';\nimport type { PropType } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport useGlobalConfig from './hooks/useGlobalConfig';\nimport { normalSizeMap, type IconPropType, type NormalSizeMap } from '../../utils/globalType';\n\nconst emptyProps = {\n  text: {\n    type: [String, Boolean] as PropType<string | boolean>,\n    default: undefined as undefined\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  image: {\n    type: String as PropType<string>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  }\n};\n\nexport default defineComponent({\n  name: 'RenderEmpty',\n  components: {\n    UColorfulEmpty\n  },\n  props: emptyProps,\n  setup(props) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('empty');\n\n    const computedText = computed(() => {\n      if (typeof props.text === 'string' && props.text) {\n        return props.text;\n      }\n      return globalConfig.locale.empty.text;\n    });\n\n    const isImg = computed(() => {\n      return props.image !== undefined;\n    });\n\n    const isIcon = computed(() => {\n      return !isImg.value;\n    });\n\n    return {\n      prefixCls,\n      computedText,\n      isImg,\n      isIcon\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;AA8BA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,OAAO;AAAA,IACtB,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,aAAa;AAAA;AAElC;AAEA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,EAAE,WAAW,QAAQ,iBAAiB,gBAAgB,OAAO;UAE7D,eAAe,SAAS,MAAM;UAC9B,OAAO,MAAM,SAAS,YAAY,MAAM,MAAM;eACzC,MAAM;AAAA;aAER,aAAa,OAAO,MAAM;AAAA,KAClC;UAEK,QAAQ,SAAS,MAAM;aACpB,MAAM,UAAU;AAAA,KACxB;UAEK,SAAS,SAAS,MAAM;aACrB,CAAC,MAAM;AAAA,KACf;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sBA9ECA,mBAkBM;IAlBA,OAAKC,gBAAG,gBAAS,GAAK,kBAAa,WAAI;;IAC3CC,mBAQM;MARA,OAAKD,kBAAK,sBAAS;AAAA;MACvBE,WAMO,0BANP,MAMO;AAAA,QALS,4BAAdC,YAGS;2BAFP,MAAoC;AAAA,YAAR,0BAA5BA,YAAoCC,wBAApB,SAAI,gCACpBD,YAAyB;;;;QAEhB,2BAAXJ,mBAAiC;;UAAd,KAAK;;;;IAGjB,cAAI,sBAAfA,mBAIM;;MAJsB,OAAKC,kBAAK,4BAAS;AAAA;MAC7CE,WAEO,yBAFP,MAEO;AAAA,wCADF,iBAAY;;;IAGR,YAAO,wBAAlBH,mBAEM;;MAFsB,OAAKC,kBAAK,uBAAS;AAAA;MAC7CE,WAAQ;;;;;;;;"}
+{"version":3,"file":"RenderEmpty.mjs","sources":["../../../../src/components/base/RenderEmpty.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls, `${prefixCls}-${size}`]\">\n    <div :class=\"`${prefixCls}-image`\">\n      <slot name=\"image\">\n        <u-icon v-if=\"isIcon\">\n          <component :is=\"icon\" v-if=\"icon\" />\n          <ColorfullEmpty v-else />\n        </u-icon>\n        <img v-if=\"isImg\" :src=\"image\" />\n      </slot>\n    </div>\n    <div v-if=\"text !== false\" :class=\"`${prefixCls}-description`\">\n      <slot name=\"text\">\n        {{ computedText }}\n      </slot>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"`${prefixCls}-footer`\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue';\nimport type { PropType } from 'vue';\nimport ColorfullEmpty from '../Icon/ColorfullEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport useGlobalConfig from './hooks/useGlobalConfig';\nimport { normalSizeMap, type IconPropType, type NormalSizeMap } from '../../utils/globalType';\n\nconst emptyProps = {\n  text: {\n    type: [String, Boolean] as PropType<string | boolean>,\n    default: undefined as undefined\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  image: {\n    type: String as PropType<string>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  }\n};\n\nexport default defineComponent({\n  name: 'RenderEmpty',\n  components: {\n    ColorfullEmpty\n  },\n  props: emptyProps,\n  setup(props) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('empty');\n\n    const computedText = computed(() => {\n      if (typeof props.text === 'string' && props.text) {\n        return props.text;\n      }\n      return globalConfig.locale.empty.text;\n    });\n\n    const isImg = computed(() => {\n      return props.image !== undefined;\n    });\n\n    const isIcon = computed(() => {\n      return !isImg.value;\n    });\n\n    return {\n      prefixCls,\n      computedText,\n      isImg,\n      isIcon\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;AA8BA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,OAAO;AAAA,IACtB,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,aAAa;AAAA;AAElC;AAEA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,EAAE,WAAW,QAAQ,iBAAiB,gBAAgB,OAAO;UAE7D,eAAe,SAAS,MAAM;UAC9B,OAAO,MAAM,SAAS,YAAY,MAAM,MAAM;eACzC,MAAM;AAAA;aAER,aAAa,OAAO,MAAM;AAAA,KAClC;UAEK,QAAQ,SAAS,MAAM;aACpB,MAAM,UAAU;AAAA,KACxB;UAEK,SAAS,SAAS,MAAM;aACrB,CAAC,MAAM;AAAA,KACf;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sBA9ECA,mBAkBM;IAlBA,OAAKC,gBAAG,gBAAS,GAAK,kBAAa,WAAI;;IAC3CC,mBAQM;MARA,OAAKD,kBAAK,sBAAS;AAAA;MACvBE,WAMO,0BANP,MAMO;AAAA,QALS,4BAAdC,YAGS;2BAFP,MAAoC;AAAA,YAAR,0BAA5BA,YAAoCC,wBAApB,SAAI,gCACpBD,YAAyB;;;;QAEhB,2BAAXJ,mBAAiC;;UAAd,KAAK;;;;IAGjB,cAAI,sBAAfA,mBAIM;;MAJsB,OAAKC,kBAAK,4BAAS;AAAA;MAC7CE,WAEO,yBAFP,MAEO;AAAA,wCADF,iBAAY;;;IAGR,YAAO,wBAAlBH,mBAEM;;MAFsB,OAAKC,kBAAK,uBAAS;AAAA;MAC7CE,WAAQ;;;;;;;;"}

package/es/components/base/RenderEmpty.vue.d.ts

@@ -41,6 +41,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: "small" | "default" | "large";
     text: string | boolean;
 }, {}, {
-    UColorfulEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ColorfullEmpty: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/base/ResizeObserver.mjs

@@ -25,7 +25,7 @@ var ResizeObserver$1 = defineComponent({
       if (stateWidth !== _width || stateHeight !== _height) {
         stateWidth = _width;
         stateHeight = _height;
-        emit("resize", { widht: _width, width: _width, height: _height });
+        emit("resize", { widht: _width, height: _height });
       }
     };
     const destroyObserver = () => {

package/es/components/base/ResizeObserver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserver.mjs","sources":["../../../../src/components/base/ResizeObserver.ts"],"sourcesContent":["import 'resize-observer-polyfill';\nimport { ref, onMounted, onUpdated, onBeforeUnmount, defineComponent } from 'vue';\nimport { cloneVNode, findDOMNode } from '../../utils/slots';\n\nexport default defineComponent({\n  name: 'ResizeObserver',\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['resize'],\n  setup(props, { emit, slots }) {\n    const root = ref(null);\n    let resizeObserver: ResizeObserver | null = null;\n    let currentElement: HTMLElement | null = null;\n    let stateWidth = 0;\n    let stateHeight = 0;\n\n    const handleResize = (elems: ResizeObserverEntry[]) => {\n      const [{ target }] = elems;\n      const { width, height } = target.getBoundingClientRect();\n      const _width = Math.floor(width);\n      const _height = Math.floor(height);\n      if (stateWidth !== _width || stateHeight !== _height) {\n        stateWidth = _width;\n        stateHeight = _height;\n        emit('resize', { widht: _width, width: _width, height: _height });\n      }\n    };\n\n    const destroyObserver = () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n        resizeObserver = null;\n      }\n    };\n\n    const onCompontentUpdated = () => {\n      if (props.disabled) {\n        destroyObserver();\n        return;\n      }\n      const element = findDOMNode(root.value);\n      if (currentElement !== element) {\n        destroyObserver();\n        currentElement = element;\n      }\n      if (!resizeObserver && element && ResizeObserver) {\n        resizeObserver = new ResizeObserver(handleResize);\n        resizeObserver.observe(element);\n      }\n    };\n\n    onMounted(() => {\n      onCompontentUpdated();\n    });\n\n    onUpdated(() => {\n      onCompontentUpdated();\n    });\n\n    onBeforeUnmount(() => {\n      destroyObserver();\n    });\n\n    const getRenderChild = () => {\n      const chidlren = slots.default?.();\n      if (chidlren && chidlren?.length > 0) {\n        return cloneVNode(chidlren[0], {\n          ref: root\n        });\n      }\n      return null;\n    };\n    return () => getRenderChild();\n  }\n});\n"],"names":[],"mappings":";;;;AAIA,uBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO,CAAC,QAAQ;AAAA,EAChB,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,OAAO,IAAI,IAAI;AACrB,QAAI,iBAAwC;AAC5C,QAAI,iBAAqC;AACzC,QAAI,aAAa;AACjB,QAAI,cAAc;AAElB,UAAM,eAAe,CAAC,UAAiC;AACrD,YAAM,CAAC,EAAE,QAAQ,IAAI;AACrB,YAAM,EAAE,OAAO,WAAW,OAAO;AACjC,YAAM,SAAS,KAAK,MAAM,KAAK;AAC/B,YAAM,UAAU,KAAK,MAAM,MAAM;AACjC,UAAI,eAAe,UAAU,gBAAgB,SAAS;AACpD,qBAAa;AACb,sBAAc;AACd,aAAK,UAAU,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,SAAS;AAAA;AAClE;AAGF,UAAM,kBAAkB,MAAM;AAC5B,UAAI,gBAAgB;AAClB,uBAAe;AACf,yBAAiB;AAAA;AACnB;AAGF,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB;AACA;AAAA;AAEF,YAAM,UAAU,YAAY,KAAK,KAAK;AACtC,UAAI,mBAAmB,SAAS;AAC9B;AACA,yBAAiB;AAAA;AAEnB,UAAI,CAAC,kBAAkB,WAAW,gBAAgB;AAChD,yBAAiB,IAAI,eAAe,YAAY;AAChD,uBAAe,QAAQ,OAAO;AAAA;AAChC;AAGF,cAAU,MAAM;AACd;AAAoB,KACrB;AAED,cAAU,MAAM;AACd;AAAoB,KACrB;AAED,oBAAgB,MAAM;AACpB;AAAgB,KACjB;AAED,UAAM,iBAAiB,MAAM;AAnEjC;AAoEM,YAAM,YAAW,WAAM,YAAN;AACjB,UAAI,aAAY,qCAAU,UAAS,GAAG;AACpC,eAAO,WAAW,SAAS,IAAI;AAAA,UAC7B,KAAK;AAAA,SACN;AAAA;AAEH,aAAO;AAAA;AAET,WAAO,MAAM;AAAe;AAEhC,CAAC;;;;"}
+{"version":3,"file":"ResizeObserver.mjs","sources":["../../../../src/components/base/ResizeObserver.ts"],"sourcesContent":["import 'resize-observer-polyfill';\nimport { ref, onMounted, onUpdated, onBeforeUnmount, defineComponent } from 'vue';\nimport { cloneVNode, findDOMNode } from '../../utils/slots';\n\nexport default defineComponent({\n  name: 'ResizeObserver',\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['resize'],\n  setup(props, { emit, slots }) {\n    const root = ref(null);\n    let resizeObserver: ResizeObserver | null = null;\n    let currentElement: HTMLElement | null = null;\n    let stateWidth = 0;\n    let stateHeight = 0;\n\n    const handleResize = (elems: ResizeObserverEntry[]) => {\n      const [{ target }] = elems;\n      const { width, height } = target.getBoundingClientRect();\n      const _width = Math.floor(width);\n      const _height = Math.floor(height);\n      if (stateWidth !== _width || stateHeight !== _height) {\n        stateWidth = _width;\n        stateHeight = _height;\n        emit('resize', { widht: _width, height: _height });\n      }\n    };\n\n    const destroyObserver = () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n        resizeObserver = null;\n      }\n    };\n\n    const onCompontentUpdated = () => {\n      if (props.disabled) {\n        destroyObserver();\n        return;\n      }\n      const element = findDOMNode(root.value);\n      if (currentElement !== element) {\n        destroyObserver();\n        currentElement = element;\n      }\n      if (!resizeObserver && element && ResizeObserver) {\n        resizeObserver = new ResizeObserver(handleResize);\n        resizeObserver.observe(element);\n      }\n    };\n\n    onMounted(() => {\n      onCompontentUpdated();\n    });\n\n    onUpdated(() => {\n      onCompontentUpdated();\n    });\n\n    onBeforeUnmount(() => {\n      destroyObserver();\n    });\n\n    const getRenderChild = () => {\n      const chidlren = slots.default?.();\n      if (chidlren && chidlren?.length > 0) {\n        return cloneVNode(chidlren[0], {\n          ref: root\n        });\n      }\n      return null;\n    };\n    return () => getRenderChild();\n  }\n});\n"],"names":[],"mappings":";;;;AAIA,uBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO,CAAC,QAAQ;AAAA,EAChB,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,OAAO,IAAI,IAAI;AACrB,QAAI,iBAAwC;AAC5C,QAAI,iBAAqC;AACzC,QAAI,aAAa;AACjB,QAAI,cAAc;AAElB,UAAM,eAAe,CAAC,UAAiC;AACrD,YAAM,CAAC,EAAE,QAAQ,IAAI;AACrB,YAAM,EAAE,OAAO,WAAW,OAAO;AACjC,YAAM,SAAS,KAAK,MAAM,KAAK;AAC/B,YAAM,UAAU,KAAK,MAAM,MAAM;AACjC,UAAI,eAAe,UAAU,gBAAgB,SAAS;AACpD,qBAAa;AACb,sBAAc;AACd,aAAK,UAAU,EAAE,OAAO,QAAQ,QAAQ,SAAS;AAAA;AACnD;AAGF,UAAM,kBAAkB,MAAM;AAC5B,UAAI,gBAAgB;AAClB,uBAAe;AACf,yBAAiB;AAAA;AACnB;AAGF,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB;AACA;AAAA;AAEF,YAAM,UAAU,YAAY,KAAK,KAAK;AACtC,UAAI,mBAAmB,SAAS;AAC9B;AACA,yBAAiB;AAAA;AAEnB,UAAI,CAAC,kBAAkB,WAAW,gBAAgB;AAChD,yBAAiB,IAAI,eAAe,YAAY;AAChD,uBAAe,QAAQ,OAAO;AAAA;AAChC;AAGF,cAAU,MAAM;AACd;AAAoB,KACrB;AAED,cAAU,MAAM;AACd;AAAoB,KACrB;AAED,oBAAgB,MAAM;AACpB;AAAgB,KACjB;AAED,UAAM,iBAAiB,MAAM;AAnEjC;AAoEM,YAAM,YAAW,WAAM,YAAN;AACjB,UAAI,aAAY,qCAAU,UAAS,GAAG;AACpC,eAAO,WAAW,SAAS,IAAI;AAAA,UAC7B,KAAK;AAAA,SACN;AAAA;AAEH,aAAO;AAAA;AAET,WAAO,MAAM;AAAe;AAEhC,CAAC;;;;"}

package/es/utils/globalType.d.ts

@@ -1,5 +1,6 @@
 import type { UnionToIntersection } from '@vue/shared';
 import type { Component } from 'vue';
+import type { LucideIcon } from 'lucide-vue-next';
 export declare type GetConfainerFunction = () => HTMLElement | Window | null;
 export declare const normalSizeMap: readonly ["small", "large", "default"];
 export declare type NormalSizeMap = (typeof normalSizeMap)[number];
@@ -7,7 +8,7 @@ export declare const middleSizeMap: readonly ["small", "large", "default", "midd
 export declare type MiddleSizeMap = NormalSizeMap | 'middle';
 export declare const labelAlign: string[];
 export declare type LabelAlign = (typeof labelAlign)[number];
-export declare type IconPropType = string | Component;
+export declare type IconPropType = string | Component | LucideIcon;
 export declare type EmitFn<Options extends Record<string, (...args: any[]) => boolean>, Event extends keyof Options = keyof Options> = UnionToIntersection<{
     [key in Event]: Options[key] extends (...args: infer Args) => boolean ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
 }[Event]>;

package/es/utils/globalType.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"globalType.mjs","sources":["../../../src/utils/globalType.ts"],"sourcesContent":["import type { UnionToIntersection } from '@vue/shared';\nimport type { Component } from 'vue';\n\nexport type GetConfainerFunction = () => HTMLElement | Window | null;\n\nexport const normalSizeMap = ['small', 'large', 'default'] as const;\n\nexport type NormalSizeMap = (typeof normalSizeMap)[number];\n\nexport const middleSizeMap = [...normalSizeMap, 'middle'] as const;\n\nexport type MiddleSizeMap = NormalSizeMap | 'middle';\n\nexport const labelAlign = ['left', 'right'];\n\nexport type LabelAlign = (typeof labelAlign)[number];\n\nexport type IconPropType = string | Component;\n\nexport type EmitFn<Options extends Record<string, (...args: any[]) => boolean>, Event extends keyof Options = keyof Options> = UnionToIntersection<\n  {\n    [key in Event]: Options[key] extends (...args: infer Args) => boolean\n      ? (event: key, ...args: Args) => void\n      : (event: key, ...args: any[]) => void;\n  }[Event]\n>;\n\nexport const variantType = ['surface', 'soft', 'ghost'] as const;\n\nexport type VariantType = (typeof variantType)[number];\n\nexport const colorType = [\n  'primary',\n  'blue',\n  'red',\n  'orange',\n  'green',\n  'iris',\n  'cyan',\n  'yellow',\n  'amber',\n  'purple',\n  'lime',\n  'sky',\n  'violet',\n  'pink',\n  'mint'\n] as const;\n\nexport type ColorType = (typeof colorType)[number];\n"],"names":[],"mappings":"MAKa,gBAAgB,CAAC,SAAS,SAAS,SAAS;MAI5C,gBAAgB,CAAC,GAAG,eAAe,QAAQ;MAI3C,aAAa,CAAC,QAAQ,OAAO;MAc7B,cAAc,CAAC,WAAW,QAAQ,OAAO;MAIzC,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;"}
+{"version":3,"file":"globalType.mjs","sources":["../../../src/utils/globalType.ts"],"sourcesContent":["import type { UnionToIntersection } from '@vue/shared';\nimport type { Component } from 'vue';\nimport type { LucideIcon } from 'lucide-vue-next';\n\nexport type GetConfainerFunction = () => HTMLElement | Window | null;\n\nexport const normalSizeMap = ['small', 'large', 'default'] as const;\n\nexport type NormalSizeMap = (typeof normalSizeMap)[number];\n\nexport const middleSizeMap = [...normalSizeMap, 'middle'] as const;\n\nexport type MiddleSizeMap = NormalSizeMap | 'middle';\n\nexport const labelAlign = ['left', 'right'];\n\nexport type LabelAlign = (typeof labelAlign)[number];\n\nexport type IconPropType = string | Component | LucideIcon;\n\nexport type EmitFn<Options extends Record<string, (...args: any[]) => boolean>, Event extends keyof Options = keyof Options> = UnionToIntersection<\n  {\n    [key in Event]: Options[key] extends (...args: infer Args) => boolean\n      ? (event: key, ...args: Args) => void\n      : (event: key, ...args: any[]) => void;\n  }[Event]\n>;\n\nexport const variantType = ['surface', 'soft', 'ghost'] as const;\n\nexport type VariantType = (typeof variantType)[number];\n\nexport const colorType = [\n  'primary',\n  'blue',\n  'red',\n  'orange',\n  'green',\n  'iris',\n  'cyan',\n  'yellow',\n  'amber',\n  'purple',\n  'lime',\n  'sky',\n  'violet',\n  'pink',\n  'mint'\n] as const;\n\nexport type ColorType = (typeof colorType)[number];\n"],"names":[],"mappings":"MAMa,gBAAgB,CAAC,SAAS,SAAS,SAAS;MAI5C,gBAAgB,CAAC,GAAG,eAAe,QAAQ;MAI3C,aAAa,CAAC,QAAQ,OAAO;MAc7B,cAAc,CAAC,WAAW,QAAQ,OAAO;MAIzC,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;"}