@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Upload/UploadDragger.js

@@ -78,7 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var UploadDragger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Upload\\UploadDragger.vue"]]);
+var UploadDragger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Upload/UploadDragger.vue"]]);
 
 exports["default"] = UploadDragger;
 //# sourceMappingURL=UploadDragger.js.map

package/lib/components/Upload/UploadList.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var index$1 = require('../Progress/index.js');
 var image = require('./uitls/image.js');
 var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
@@ -14,10 +14,10 @@ const _sfc_main = vue.defineComponent({
   components: {
     UIcon: index.UIcon,
     UProgress: index$1.UProgress,
-    ULineLoading: uxdIcon.ULineLoading,
-    ULineText: uxdIcon.ULineText,
-    ULineMagnify: uxdIcon.ULineMagnify,
-    ULineDelete: uxdIcon.ULineDelete
+    LoaderCircle: lucideVueNext.LoaderCircle,
+    FileIcon: lucideVueNext.FileIcon,
+    ZoomIn: lucideVueNext.ZoomIn,
+    X: lucideVueNext.X
   },
   props: {
     prefixCls: {
@@ -82,12 +82,12 @@ const _sfc_main = vue.defineComponent({
 const _hoisted_1 = ["src", "alt"];
 const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ULineLoading = vue.resolveComponent("ULineLoading");
-  const _component_ULineText = vue.resolveComponent("ULineText");
+  const _component_LoaderCircle = vue.resolveComponent("LoaderCircle");
+  const _component_FileIcon = vue.resolveComponent("FileIcon");
   const _component_UIcon = vue.resolveComponent("UIcon");
   const _component_UProgress = vue.resolveComponent("UProgress");
-  const _component_ULineMagnify = vue.resolveComponent("ULineMagnify");
-  const _component_ULineDelete = vue.resolveComponent("ULineDelete");
+  const _component_ZoomIn = vue.resolveComponent("ZoomIn");
+  const _component_X = vue.resolveComponent("X");
   return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
     tag: "ul",
     class: vue.normalizeClass({
@@ -117,7 +117,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 spin: file.status === "uploading"
               }, {
                 default: vue.withCtx(() => [
-                  file.status === "uploading" ? (vue.openBlock(), vue.createBlock(_component_ULineLoading, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_ULineText, { key: 1 }))
+                  file.status === "uploading" ? (vue.openBlock(), vue.createBlock(_component_LoaderCircle, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_FileIcon, { key: 1 }))
                 ]),
                 _: 2
               }, 1032, ["class", "spin"])) : vue.createCommentVNode("v-if", true),
@@ -137,7 +137,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: vue.normalizeClass(`${_ctx.prefixCls}-list-item-icon`)
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_ULineText)
+                    vue.createVNode(_component_FileIcon)
                   ]),
                   _: 1
                 }, 8, ["class"]))
@@ -166,7 +166,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   onClick: ($event) => _ctx.handlePreview(file)
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_ULineMagnify)
+                    vue.createVNode(_component_ZoomIn)
                   ]),
                   _: 2
                 }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
@@ -176,7 +176,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   onClick: ($event) => _ctx.handleRemove(file)
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_ULineDelete)
+                    vue.createVNode(_component_X)
                   ]),
                   _: 2
                 }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
@@ -190,7 +190,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["class", "name"]);
 }
-var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Upload\\UploadList.vue"]]);
+var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Upload/UploadList.vue"]]);
 
 exports["default"] = UploadList;
 //# sourceMappingURL=UploadList.js.map

package/lib/components/Upload/UploadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadList.js","sources":["../../../../src/components/Upload/UploadList.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"{\n      [`${prefixCls}-list`]: true,\n      [`${prefixCls}-list-${listType}`]: true,\n      [`${prefixCls}-list-disabled`]: disabled\n    }\"\n    :name=\"listType !== 'picture-card' ? 'upload-list' : 'upload-list-inline'\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid\"\n      :class=\"{\n        [`${prefixCls}-list-item`]: true,\n        [`${prefixCls}-list-item-${file.status}`]: true,\n        [`${listItemClass}`]: listItemClass\n      }\"\n    >\n      <slot :file=\"file\">\n        <div :class=\"`${prefixCls}-list-item-info`\">\n          <UIcon v-if=\"listType === 'text'\" :class=\"`${prefixCls}-list-item-icon`\" :spin=\"file.status === 'uploading'\">\n            <ULineLoading v-if=\"file.status === 'uploading'\" />\n            <ULineText v-else />\n          </UIcon>\n\n          <span\n            v-if=\"listType === 'picture' || listType === 'picture-card'\"\n            :class=\"{\n              [`${prefixCls}-list-item-thumbnail`]: true,\n              [`${prefixCls}-list-item-no-image`]: !isImageUrl(file)\n            }\"\n          >\n            <img v-if=\"isImageUrl(file)\" :src=\"getImageUrl(file)\" :alt=\"file.name\" />\n            <UIcon v-else :class=\"`${prefixCls}-list-item-icon`\">\n              <ULineText />\n            </UIcon>\n          </span>\n\n          <a :class=\"`${prefixCls}-list-item-name`\" @click.prevent=\"handleItemClick(file)\">\n            {{ file.name }}\n          </a>\n          <div :class=\"`${prefixCls}-list-item-progress`\">\n            <UProgress\n              v-if=\"file.status === 'uploading'\"\n              :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n              :percent=\"Number(file.percent!.toFixed(1))\"\n              status=\"active\"\n              :stroke-width=\"4\"\n            />\n          </div>\n          <span :class=\"`${prefixCls}-list-item-action`\">\n            <UIcon\n              v-if=\"listType === 'picture-card' && (file.thumbUrl || file.url)\"\n              :class=\"`${prefixCls}-list-item-preview`\"\n              @click=\"handlePreview(file)\"\n            >\n              <ULineMagnify />\n            </UIcon>\n            <UIcon\n              v-if=\"!disabled && file.status !== 'uploading' && file.status !== 'ready'\"\n              :class=\"`${prefixCls}-list-item-close`\"\n              @click=\"handleRemove(file)\"\n            >\n              <ULineDelete />\n            </UIcon>\n          </span>\n        </div>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, nextTick, onUpdated } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineLoading, ULineText, ULineMagnify, ULineDelete } from '@koi-design/uxd-icon';\nimport UProgress from '@uxd-ui/components/Progress';\nimport { previewImage, isImageUrl } from './uitls/image';\nimport type { ListType, FileInfo } from './Upload.type';\n\nexport default defineComponent({\n  name: 'UUploadList',\n  components: {\n    UIcon,\n    UProgress,\n    ULineLoading,\n    ULineText,\n    ULineMagnify,\n    ULineDelete\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    files: {\n      type: Array as PropType<FileInfo[]>,\n      default: () => [] as FileInfo[]\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text'\n    },\n    listItemClass: {\n      type: String\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['remove', 'preview', 'click'],\n  setup(props, { emit }) {\n    const getImageUrl = (file: FileInfo) => {\n      return file.thumbUrl || file.url;\n    };\n\n    const handlePreview = (file: FileInfo) => {\n      emit('preview', file);\n    };\n\n    const handleRemove = (file: FileInfo) => {\n      emit('remove', file);\n    };\n\n    const handleItemClick = (file: FileInfo) => {\n      emit('click', file);\n    };\n\n    onUpdated(() => {\n      nextTick(() => {\n        if (props.listType !== 'picture' && props.listType !== 'picture-card') {\n          return;\n        }\n        ([] as FileInfo[]).concat(props.files).forEach((file) => {\n          if (!(file.raw instanceof File) || !(file.raw instanceof Blob) || file.thumbUrl !== undefined) {\n            return;\n          }\n          file.thumbUrl = '';\n          previewImage(file.raw).then((previewDataUrl) => {\n            file.thumbUrl = previewDataUrl || '';\n          });\n        });\n      });\n    });\n\n    return {\n      getImageUrl,\n      isImageUrl,\n      handleItemClick,\n      handlePreview,\n      handleRemove\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UProgress","ULineLoading","ULineText","ULineMagnify","ULineDelete","isImageUrl","_createBlock","_TransitionGroup","_normalizeClass","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"UploadList.js","sources":["../../../../src/components/Upload/UploadList.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"{\n      [`${prefixCls}-list`]: true,\n      [`${prefixCls}-list-${listType}`]: true,\n      [`${prefixCls}-list-disabled`]: disabled\n    }\"\n    :name=\"listType !== 'picture-card' ? 'upload-list' : 'upload-list-inline'\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid\"\n      :class=\"{\n        [`${prefixCls}-list-item`]: true,\n        [`${prefixCls}-list-item-${file.status}`]: true,\n        [`${listItemClass}`]: listItemClass\n      }\"\n    >\n      <slot :file=\"file\">\n        <div :class=\"`${prefixCls}-list-item-info`\">\n          <UIcon v-if=\"listType === 'text'\" :class=\"`${prefixCls}-list-item-icon`\" :spin=\"file.status === 'uploading'\">\n            <LoaderCircle v-if=\"file.status === 'uploading'\" />\n            <FileIcon v-else />\n          </UIcon>\n\n          <span\n            v-if=\"listType === 'picture' || listType === 'picture-card'\"\n            :class=\"{\n              [`${prefixCls}-list-item-thumbnail`]: true,\n              [`${prefixCls}-list-item-no-image`]: !isImageUrl(file)\n            }\"\n          >\n            <img v-if=\"isImageUrl(file)\" :src=\"getImageUrl(file)\" :alt=\"file.name\" />\n            <UIcon v-else :class=\"`${prefixCls}-list-item-icon`\">\n              <FileIcon />\n            </UIcon>\n          </span>\n\n          <a :class=\"`${prefixCls}-list-item-name`\" @click.prevent=\"handleItemClick(file)\">\n            {{ file.name }}\n          </a>\n          <div :class=\"`${prefixCls}-list-item-progress`\">\n            <UProgress\n              v-if=\"file.status === 'uploading'\"\n              :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n              :percent=\"Number(file.percent!.toFixed(1))\"\n              status=\"active\"\n              :stroke-width=\"4\"\n            />\n          </div>\n          <span :class=\"`${prefixCls}-list-item-action`\">\n            <UIcon\n              v-if=\"listType === 'picture-card' && (file.thumbUrl || file.url)\"\n              :class=\"`${prefixCls}-list-item-preview`\"\n              @click=\"handlePreview(file)\"\n            >\n              <ZoomIn />\n            </UIcon>\n            <UIcon\n              v-if=\"!disabled && file.status !== 'uploading' && file.status !== 'ready'\"\n              :class=\"`${prefixCls}-list-item-close`\"\n              @click=\"handleRemove(file)\"\n            >\n              <X />\n            </UIcon>\n          </span>\n        </div>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, nextTick, onUpdated } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { LoaderCircle, FileIcon, ZoomIn, X } from 'lucide-vue-next';\nimport UProgress from '@uxd-ui/components/Progress';\nimport { previewImage, isImageUrl } from './uitls/image';\nimport type { ListType, FileInfo } from './Upload.type';\n\nexport default defineComponent({\n  name: 'UUploadList',\n  components: {\n    UIcon,\n    UProgress,\n    LoaderCircle,\n    FileIcon,\n    ZoomIn,\n    X\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    files: {\n      type: Array as PropType<FileInfo[]>,\n      default: () => [] as FileInfo[]\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text'\n    },\n    listItemClass: {\n      type: String\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['remove', 'preview', 'click'],\n  setup(props, { emit }) {\n    const getImageUrl = (file: FileInfo) => {\n      return file.thumbUrl || file.url;\n    };\n\n    const handlePreview = (file: FileInfo) => {\n      emit('preview', file);\n    };\n\n    const handleRemove = (file: FileInfo) => {\n      emit('remove', file);\n    };\n\n    const handleItemClick = (file: FileInfo) => {\n      emit('click', file);\n    };\n\n    onUpdated(() => {\n      nextTick(() => {\n        if (props.listType !== 'picture' && props.listType !== 'picture-card') {\n          return;\n        }\n        ([] as FileInfo[]).concat(props.files).forEach((file) => {\n          if (!(file.raw instanceof File) || !(file.raw instanceof Blob) || file.thumbUrl !== undefined) {\n            return;\n          }\n          file.thumbUrl = '';\n          previewImage(file.raw).then((previewDataUrl) => {\n            file.thumbUrl = previewDataUrl || '';\n          });\n        });\n      });\n    });\n\n    return {\n      getImageUrl,\n      isImageUrl,\n      handleItemClick,\n      handlePreview,\n      handleRemove\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UProgress","LoaderCircle","FileIcon","ZoomIn","X","isImageUrl","_createBlock","_TransitionGroup","_normalizeClass","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_withModifiers"],"mappings":"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"}

package/lib/components/Upload/UploadList.vue.d.ts

@@ -186,7 +186,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, 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>;
+    }, {}, string, {}, 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>;
     UProgress: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             percent: {
@@ -282,10 +282,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             percent: number;
             status: "success" | "normal" | "active" | "wrong";
             type: "circle" | "line" | "water";
+            strokeWidth: number;
             vertical: boolean;
             successPercent: number;
             hideInfo: boolean;
-            strokeWidth: number;
             textInside: boolean;
         }, true, {}, {}, {
             ULine: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -368,10 +368,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 percent: number;
                 status: "success" | "normal" | "active" | "wrong";
+                strokeWidth: number;
                 vertical: boolean;
                 successPercent: number;
                 hideInfo: boolean;
-                strokeWidth: number;
                 textInside: boolean;
             }, {}, {
                 UIcon: {
@@ -504,7 +504,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, 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>;
+                }, {}, string, {}, 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>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             UCircle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 percent: {
@@ -571,9 +571,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 percent: number;
                 status: "success" | "normal" | "active" | "wrong";
+                strokeWidth: number;
                 successPercent: number;
                 hideInfo: boolean;
-                strokeWidth: number;
                 textInside: boolean;
             }, {}, {
                 URender: {
@@ -714,7 +714,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, 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>;
+                }, {}, string, {}, 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>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             UWater: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 percent: {
@@ -790,9 +790,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 percent: number;
                 status: "success" | "normal" | "active" | "wrong";
+                strokeWidth: number;
                 successPercent: number;
                 hideInfo: boolean;
-                strokeWidth: number;
                 strokeColor: string | string[];
                 textInside: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -897,10 +897,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             percent: number;
             status: "success" | "normal" | "active" | "wrong";
             type: "circle" | "line" | "water";
+            strokeWidth: number;
             vertical: boolean;
             successPercent: number;
             hideInfo: boolean;
-            strokeWidth: number;
             textInside: boolean;
         }>;
         __isFragment?: never;
@@ -1000,10 +1000,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         percent: number;
         status: "success" | "normal" | "active" | "wrong";
         type: "circle" | "line" | "water";
+        strokeWidth: number;
         vertical: boolean;
         successPercent: number;
         hideInfo: boolean;
-        strokeWidth: number;
         textInside: boolean;
     }, {}, string, {}, {
         ULine: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1086,10 +1086,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             percent: number;
             status: "success" | "normal" | "active" | "wrong";
+            strokeWidth: number;
             vertical: boolean;
             successPercent: number;
             hideInfo: boolean;
-            strokeWidth: number;
             textInside: boolean;
         }, {}, {
             UIcon: {
@@ -1222,7 +1222,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, 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>;
+            }, {}, string, {}, 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>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         UCircle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             percent: {
@@ -1289,9 +1289,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             percent: number;
             status: "success" | "normal" | "active" | "wrong";
+            strokeWidth: number;
             successPercent: number;
             hideInfo: boolean;
-            strokeWidth: number;
             textInside: boolean;
         }, {}, {
             URender: {
@@ -1432,7 +1432,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, 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>;
+            }, {}, string, {}, 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>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         UWater: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             percent: {
@@ -1508,16 +1508,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             percent: number;
             status: "success" | "normal" | "active" | "wrong";
+            strokeWidth: number;
             successPercent: number;
             hideInfo: boolean;
-            strokeWidth: number;
             strokeColor: string | string[];
             textInside: boolean;
         }, {}, {}, {}, 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>;
-    ULineLoading: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineText: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineMagnify: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineDelete: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, 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[]> & Record<string, any>;
+    LoaderCircle: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    FileIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    ZoomIn: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    X: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/Upload/Uploader.js

@@ -228,7 +228,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 42, _hoisted_1)
   ], 34);
 }
-var Uploader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Upload\\Uploader.vue"]]);
+var Uploader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Upload/Uploader.vue"]]);
 
 exports["default"] = Uploader;
 //# sourceMappingURL=Uploader.js.map

package/lib/components/Upload/index.d.ts

@@ -128,11 +128,11 @@ export declare const UUpload: {
     }, import("vue").PublicProps, {
         name: string;
         data: Record<string, any>;
+        onError: import("./Upload.type").OnUploadError;
+        onProgress: import("./Upload.type").OnUploadProgress;
         disabled: boolean;
         multiple: boolean;
-        onError: import("./Upload.type").OnUploadError;
         drag: boolean;
-        onProgress: import("./Upload.type").OnUploadProgress;
         headers: Record<string, any>;
         withCredentials: boolean;
         showFileList: boolean;
@@ -270,11 +270,11 @@ export declare const UUpload: {
     }, {}, {}, {}, {
         name: string;
         data: Record<string, any>;
+        onError: import("./Upload.type").OnUploadError;
+        onProgress: import("./Upload.type").OnUploadProgress;
         disabled: boolean;
         multiple: boolean;
-        onError: import("./Upload.type").OnUploadError;
         drag: boolean;
-        onProgress: import("./Upload.type").OnUploadProgress;
         headers: Record<string, any>;
         withCredentials: boolean;
         showFileList: boolean;
@@ -414,17 +414,17 @@ export declare const UUpload: {
 }, string, {
     name: string;
     data: Record<string, any>;
+    onError: import("./Upload.type").OnUploadError;
+    onProgress: import("./Upload.type").OnUploadProgress;
     disabled: boolean;
     multiple: boolean;
-    onError: import("./Upload.type").OnUploadError;
     drag: boolean;
-    onProgress: import("./Upload.type").OnUploadProgress;
     headers: Record<string, any>;
     withCredentials: boolean;
     showFileList: boolean;
     listType: import("./Upload.type").ListType;
     onRemove: import("./Upload.type").OnUploadRemove;
     onSuccess: import("./Upload.type").OnUploadSuccess;
-}, {}, string, {}, 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>;
+}, {}, string, {}, 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 UUpload;
 export * from './Upload.type';

package/lib/components/VirtualList/ListContent.js

@@ -85,7 +85,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onResize"])
   ], 4);
 }
-var ListContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\VirtualList\\ListContent.vue"]]);
+var ListContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/VirtualList/ListContent.vue"]]);
 
 exports["default"] = ListContent;
 //# sourceMappingURL=ListContent.js.map

package/lib/components/VirtualList/VirtualList.js

@@ -61,9 +61,9 @@ const _sfc_main = vue.defineComponent({
       const { height, itemHeight, virtual } = props;
       return !!(virtual !== false && height && itemHeight);
     });
-    const containerRef = vue.ref(null);
-    const contentRef = vue.ref(null);
-    const scrollBarRef = vue.ref(null);
+    const containerRef = vue.shallowRef(null);
+    const contentRef = vue.shallowRef(null);
+    const scrollBarRef = vue.shallowRef(null);
     const containerStyle = vue.computed(() => {
       let _style = {};
       if (props.height) {
@@ -264,7 +264,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["prefix-cls", "height", "count", "scroll-height", "scroll-top", "onScroll"])) : vue.createCommentVNode("v-if", true)
   ], 16);
 }
-var VirtualList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\VirtualList\\VirtualList.vue"]]);
+var VirtualList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/VirtualList/VirtualList.vue"]]);
 
 exports["default"] = VirtualList;
 //# sourceMappingURL=VirtualList.js.map

package/lib/components/VirtualList/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../../../src/components/VirtualList/VirtualList.vue"],"sourcesContent":["/* eslint-disable vue/no-unused-components */\n\n<template>\n  <div :style=\"{ position: 'relative', ...style }\" :class=\"[realPrefixCls, { [`${className}`]: className }]\" v-bind=\"restProps\">\n    <div ref=\"containerRef\" :class=\"`${realPrefixCls}-holder`\" :style=\"containerStyle\" @scroll=\"onContainerScroll\">\n      <ListContent\n        :prefix-cls=\"realPrefixCls\"\n        :height=\"calHeight.scrollHeight\"\n        :offset=\"calHeight.offset\"\n        :content-ref=\"getContentRef\"\n        @resize=\"collectHeight\"\n      >\n        <ListItem v-for=\"item in displayDatas\" :key=\"item.key\" :item-ref=\"(el: any) => setInstance(item, el)\">\n          <slot v-bind=\"{ item, index: item._index }\" />\n        </ListItem>\n      </ListContent>\n    </div>\n    <VirtualScrollBar\n      v-if=\"useVirtual\"\n      ref=\"scrollBarRef\"\n      :prefix-cls=\"realPrefixCls\"\n      :height=\"height\"\n      :count=\"state.datas.length\"\n      :scroll-height=\"calHeight.scrollHeight\"\n      :scroll-top=\"state.scrollTop\"\n      @scroll=\"onScrollBar\"\n      @start-move=\"setScrollMove(true)\"\n      @stop-move=\"setScrollMove(false)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, watch, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport ListContent from './ListContent.vue';\nimport ListItem from './ListItem';\nimport VirtualScrollBar from './VirtualScrollBar.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useHeight from './hooks/useHeight';\nimport useWheel from './hooks/useWheel';\nimport useScrollTo from './hooks/useScrollTo';\nimport type { VirtualListProps, ScrollToParam } from './VirtualList.type';\n\nexport default defineComponent({\n  name: 'UVirtualList',\n  components: {\n    ListContent,\n    ListItem,\n    VirtualScrollBar\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    data: {\n      type: Array as PropType<any[]>\n    },\n    height: {\n      type: Number\n    },\n    itemHeight: {\n      type: Number\n    },\n    itemKey: {\n      type: [String, Function] as PropType<string | ((item: any) => string)>,\n      required: true\n    },\n    fullHeight: {\n      type: Boolean,\n      default: false\n    },\n    virtual: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['scroll-at-top', 'scroll-at-bottom'],\n  setup(props: VirtualListProps, { attrs, emit }) {\n    const { prefixCls: defaultPrefixCls } = useGlobalConfig('virtual-list');\n    const realPrefixCls = computed(() => {\n      return props.prefixCls || defaultPrefixCls.value;\n    });\n    const { style, class: className, ...restProps } = attrs as { style: CSSProperties } & any;\n    const state = reactive({\n      scrollTop: 0,\n      scrollMoving: false,\n      datas: computed(() => props.data || [])\n    });\n    // ============= inVirtual ==============\n    const useVirtual = computed(() => {\n      const { height, itemHeight, virtual } = props;\n      return !!(virtual !== false && height && itemHeight);\n    });\n\n    // =============== container ===============\n    // #region\n    const containerRef = ref<HTMLElement | null>(null);\n    const contentRef = ref<HTMLElement | null>(null);\n    const scrollBarRef = ref<InstanceType<typeof VirtualScrollBar> | null>(null);\n\n    const containerStyle = computed(() => {\n      let _style = {} as CSSProperties;\n      if (props.height) {\n        _style = {\n          [props.fullHeight ? 'height' : 'maxHeight']: `${props.height}px`,\n          overflowY: 'auto',\n          overflowAnchor: 'none'\n        };\n      }\n      if (useVirtual.value) {\n        _style.overflowY = 'hidden';\n      }\n      if (state.scrollMoving) {\n        _style.pointerEvents = 'none';\n      }\n      return _style;\n    });\n    // #endregion\n\n    // ================ for virtual display. calculate dropdown Height,and show which items =======================\n    // #region\n    const getKey = (item: any) => {\n      if (typeof props.itemKey === 'function') {\n        return props.itemKey(item);\n      }\n      return item[props.itemKey];\n    };\n\n    const { collectHeight, setInstance, heights, calHeight, getCalHeight, updateMark } = useHeight(getKey, useVirtual, props, state, contentRef);\n\n    onMounted(() => {\n      watch(\n        () => [state.scrollTop, state.datas, updateMark.value],\n        () => {\n          getCalHeight();\n        },\n        { immediate: true }\n      );\n    });\n\n    const displayDatas = computed(() => {\n      const { start, end } = calHeight;\n      const { datas } = state;\n      return datas.slice(start, end + 1).map((item, index) => {\n        const key = getKey(item);\n        return {\n          ...item,\n          key,\n          _index: start + index\n        };\n      });\n    });\n\n    // #endregion\n\n    // ================ virtual scroll =======================\n    // #region\n    const maxScrollHeight = computed(() => (calHeight.scrollHeight as number) - (props.height as number));\n    const isScrollAtTop = computed(() => state.scrollTop === 0);\n    const isScrollAtBottom = computed(() => state.scrollTop >= maxScrollHeight.value);\n\n    watch(isScrollAtTop, (val) => {\n      if (val) {\n        emit('scroll-at-top');\n      }\n    });\n\n    watch(isScrollAtBottom, (val) => {\n      if (val) {\n        emit('scroll-at-bottom');\n      }\n    });\n\n    const fixScrollInRange = (_scrollTop: number) => {\n      let rst = Math.max(_scrollTop, 0);\n      if (!Number.isNaN(maxScrollHeight.value)) {\n        rst = Math.min(rst, maxScrollHeight.value);\n      }\n      return rst;\n    };\n\n    const syncScrollTop = (_scrollTop: number | ((top: number) => number)) => {\n      let value;\n      if (typeof _scrollTop === 'function') {\n        value = _scrollTop(state.scrollTop);\n      } else {\n        value = _scrollTop;\n      }\n      const fixedTop = fixScrollInRange(value);\n      if (containerRef.value) {\n        containerRef.value.scrollTop = fixedTop;\n      }\n      state.scrollTop = fixedTop;\n    };\n\n    const onScrollBar = (_scrollTop: number) => {\n      syncScrollTop(_scrollTop);\n    };\n\n    const onContainerScroll = (e: any) => {\n      const { scrollTop: _scrollTop } = e.currentTarget;\n      if (Math.abs(_scrollTop - state.scrollTop) >= 1) {\n        syncScrollTop(_scrollTop);\n      }\n    };\n\n    const { onWheel, onFireFoxScroll, onMozMousePixelScroll } = useWheel(useVirtual, isScrollAtTop, isScrollAtBottom, (offsetY: number) => {\n      syncScrollTop((top) => {\n        const newTop = top + offsetY;\n        return newTop;\n      });\n    });\n\n    const removeEventListener = () => {\n      if (containerRef.value) {\n        containerRef.value.removeEventListener('wheel', onWheel);\n        containerRef.value.removeEventListener('DOMMouseScroll', onFireFoxScroll);\n        containerRef.value.removeEventListener('MozMousePixelScroll', onMozMousePixelScroll);\n      }\n    };\n\n    onMounted(() => {\n      nextTick(() => {\n        if (containerRef.value) {\n          removeEventListener();\n          containerRef.value.addEventListener('wheel', onWheel, {\n            passive: false\n          });\n          containerRef.value.addEventListener('DOMMouseScroll', onFireFoxScroll);\n          containerRef.value.addEventListener('MozMousePixelScroll', onMozMousePixelScroll);\n        }\n      });\n    });\n\n    onBeforeUnmount(() => {\n      removeEventListener();\n    });\n\n    // #endregion\n\n    // supply function for active to the scrollTop\n    const scrollTo = useScrollTo(containerRef, state, heights, props, getKey, collectHeight, syncScrollTop);\n\n    return {\n      realPrefixCls,\n      state,\n      displayDatas,\n      style,\n      className,\n      restProps,\n      containerRef,\n      scrollBarRef,\n      getContentRef: (el: HTMLElement) => {\n        contentRef.value = el;\n      },\n      containerStyle,\n      useVirtual,\n      collectHeight,\n      calHeight,\n      onContainerScroll,\n      setInstance,\n      onScrollBar,\n      getCalHeight,\n      scrollTo: (arg: ScrollToParam) => {\n        if (arg === undefined || arg === null) {\n          (scrollBarRef.value as any).delayHidden();\n        } else {\n          scrollTo(arg);\n        }\n      },\n      setScrollMove: (val: boolean) => {\n        state.scrollMoving = val;\n      }\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","ListContent","ListItem","VirtualScrollBar","useGlobalConfig","computed","reactive","ref","useHeight","useWheel","useScrollTo","_createElementBlock","_mergeProps","_createElementVNode","_normalizeClass","_normalizeStyle","_createVNode","_Fragment","_createBlock","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"VirtualList.js","sources":["../../../../src/components/VirtualList/VirtualList.vue"],"sourcesContent":["/* eslint-disable vue/no-unused-components */\n\n<template>\n  <div :style=\"{ position: 'relative', ...style }\" :class=\"[realPrefixCls, { [`${className}`]: className }]\" v-bind=\"restProps\">\n    <div ref=\"containerRef\" :class=\"`${realPrefixCls}-holder`\" :style=\"containerStyle\" @scroll=\"onContainerScroll\">\n      <ListContent\n        :prefix-cls=\"realPrefixCls\"\n        :height=\"calHeight.scrollHeight\"\n        :offset=\"calHeight.offset\"\n        :content-ref=\"getContentRef\"\n        @resize=\"collectHeight\"\n      >\n        <ListItem v-for=\"item in displayDatas\" :key=\"item.key\" :item-ref=\"(el: any) => setInstance(item, el)\">\n          <slot v-bind=\"{ item, index: item._index }\" />\n        </ListItem>\n      </ListContent>\n    </div>\n    <VirtualScrollBar\n      v-if=\"useVirtual\"\n      ref=\"scrollBarRef\"\n      :prefix-cls=\"realPrefixCls\"\n      :height=\"height\"\n      :count=\"state.datas.length\"\n      :scroll-height=\"calHeight.scrollHeight\"\n      :scroll-top=\"state.scrollTop\"\n      @scroll=\"onScrollBar\"\n      @start-move=\"setScrollMove(true)\"\n      @stop-move=\"setScrollMove(false)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, watch, nextTick, onBeforeUnmount, onMounted, reactive, shallowRef } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport ListContent from './ListContent.vue';\nimport ListItem from './ListItem';\nimport VirtualScrollBar from './VirtualScrollBar.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useHeight from './hooks/useHeight';\nimport useWheel from './hooks/useWheel';\nimport useScrollTo from './hooks/useScrollTo';\nimport type { VirtualListProps, ScrollToParam } from './VirtualList.type';\n\nexport default defineComponent({\n  name: 'UVirtualList',\n  components: {\n    ListContent,\n    ListItem,\n    VirtualScrollBar\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    data: {\n      type: Array as PropType<any[]>\n    },\n    height: {\n      type: Number\n    },\n    itemHeight: {\n      type: Number\n    },\n    itemKey: {\n      type: [String, Function] as PropType<string | ((item: any) => string)>,\n      required: true\n    },\n    fullHeight: {\n      type: Boolean,\n      default: false\n    },\n    virtual: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['scroll-at-top', 'scroll-at-bottom'],\n  setup(props: VirtualListProps, { attrs, emit }) {\n    const { prefixCls: defaultPrefixCls } = useGlobalConfig('virtual-list');\n    const realPrefixCls = computed(() => {\n      return props.prefixCls || defaultPrefixCls.value;\n    });\n    const { style, class: className, ...restProps } = attrs as { style: CSSProperties } & any;\n    const state = reactive({\n      scrollTop: 0,\n      scrollMoving: false,\n      datas: computed(() => props.data || [])\n    });\n    // ============= inVirtual ==============\n    const useVirtual = computed(() => {\n      const { height, itemHeight, virtual } = props;\n      return !!(virtual !== false && height && itemHeight);\n    });\n\n    // =============== container ===============\n    // #region\n    const containerRef = shallowRef<HTMLElement | null>(null);\n    const contentRef = shallowRef<HTMLElement | null>(null);\n    const scrollBarRef = shallowRef<InstanceType<typeof VirtualScrollBar> | null>(null);\n\n    const containerStyle = computed(() => {\n      let _style = {} as CSSProperties;\n      if (props.height) {\n        _style = {\n          [props.fullHeight ? 'height' : 'maxHeight']: `${props.height}px`,\n          overflowY: 'auto',\n          overflowAnchor: 'none'\n        };\n      }\n      if (useVirtual.value) {\n        _style.overflowY = 'hidden';\n      }\n      if (state.scrollMoving) {\n        _style.pointerEvents = 'none';\n      }\n      return _style;\n    });\n    // #endregion\n\n    // ================ for virtual display. calculate dropdown Height,and show which items =======================\n    // #region\n    const getKey = (item: any) => {\n      if (typeof props.itemKey === 'function') {\n        return props.itemKey(item);\n      }\n      return item[props.itemKey];\n    };\n\n    const { collectHeight, setInstance, heights, calHeight, getCalHeight, updateMark } = useHeight(getKey, useVirtual, props, state, contentRef);\n\n    onMounted(() => {\n      watch(\n        () => [state.scrollTop, state.datas, updateMark.value],\n        () => {\n          getCalHeight();\n        },\n        { immediate: true }\n      );\n    });\n\n    const displayDatas = computed(() => {\n      const { start, end } = calHeight;\n      const { datas } = state;\n      return datas.slice(start, end + 1).map((item, index) => {\n        const key = getKey(item);\n        return {\n          ...item,\n          key,\n          _index: start + index\n        };\n      });\n    });\n\n    // #endregion\n\n    // ================ virtual scroll =======================\n    // #region\n    const maxScrollHeight = computed(() => (calHeight.scrollHeight as number) - (props.height as number));\n    const isScrollAtTop = computed(() => state.scrollTop === 0);\n    const isScrollAtBottom = computed(() => state.scrollTop >= maxScrollHeight.value);\n\n    watch(isScrollAtTop, (val) => {\n      if (val) {\n        emit('scroll-at-top');\n      }\n    });\n\n    watch(isScrollAtBottom, (val) => {\n      if (val) {\n        emit('scroll-at-bottom');\n      }\n    });\n\n    const fixScrollInRange = (_scrollTop: number) => {\n      let rst = Math.max(_scrollTop, 0);\n      if (!Number.isNaN(maxScrollHeight.value)) {\n        rst = Math.min(rst, maxScrollHeight.value);\n      }\n      return rst;\n    };\n\n    const syncScrollTop = (_scrollTop: number | ((top: number) => number)) => {\n      let value;\n      if (typeof _scrollTop === 'function') {\n        value = _scrollTop(state.scrollTop);\n      } else {\n        value = _scrollTop;\n      }\n      const fixedTop = fixScrollInRange(value);\n      if (containerRef.value) {\n        containerRef.value.scrollTop = fixedTop;\n      }\n      state.scrollTop = fixedTop;\n    };\n\n    const onScrollBar = (_scrollTop: number) => {\n      syncScrollTop(_scrollTop);\n    };\n\n    const onContainerScroll = (e: any) => {\n      const { scrollTop: _scrollTop } = e.currentTarget;\n      if (Math.abs(_scrollTop - state.scrollTop) >= 1) {\n        syncScrollTop(_scrollTop);\n      }\n    };\n\n    const { onWheel, onFireFoxScroll, onMozMousePixelScroll } = useWheel(useVirtual, isScrollAtTop, isScrollAtBottom, (offsetY: number) => {\n      syncScrollTop((top) => {\n        const newTop = top + offsetY;\n        return newTop;\n      });\n    });\n\n    const removeEventListener = () => {\n      if (containerRef.value) {\n        containerRef.value.removeEventListener('wheel', onWheel);\n        containerRef.value.removeEventListener('DOMMouseScroll', onFireFoxScroll);\n        containerRef.value.removeEventListener('MozMousePixelScroll', onMozMousePixelScroll);\n      }\n    };\n\n    onMounted(() => {\n      nextTick(() => {\n        if (containerRef.value) {\n          removeEventListener();\n          containerRef.value.addEventListener('wheel', onWheel, {\n            passive: false\n          });\n          containerRef.value.addEventListener('DOMMouseScroll', onFireFoxScroll);\n          containerRef.value.addEventListener('MozMousePixelScroll', onMozMousePixelScroll);\n        }\n      });\n    });\n\n    onBeforeUnmount(() => {\n      removeEventListener();\n    });\n\n    // #endregion\n\n    // supply function for active to the scrollTop\n    const scrollTo = useScrollTo(containerRef, state, heights, props, getKey, collectHeight, syncScrollTop);\n\n    return {\n      realPrefixCls,\n      state,\n      displayDatas,\n      style,\n      className,\n      restProps,\n      containerRef,\n      scrollBarRef,\n      getContentRef: (el: HTMLElement) => {\n        contentRef.value = el;\n      },\n      containerStyle,\n      useVirtual,\n      collectHeight,\n      calHeight,\n      onContainerScroll,\n      setInstance,\n      onScrollBar,\n      getCalHeight,\n      scrollTo: (arg: ScrollToParam) => {\n        if (arg === undefined || arg === null) {\n          (scrollBarRef.value as any).delayHidden();\n        } else {\n          scrollTo(arg);\n        }\n      },\n      setScrollMove: (val: boolean) => {\n        state.scrollMoving = val;\n      }\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","ListContent","ListItem","VirtualScrollBar","useGlobalConfig","computed","reactive","shallowRef","useHeight","useWheel","useScrollTo","_createElementBlock","_mergeProps","_createElementVNode","_normalizeClass","_normalizeStyle","_createVNode","_Fragment","_createBlock","_renderSlot"],"mappings":"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"}

package/lib/components/VirtualList/VirtualList.type.d.ts

@@ -32,4 +32,5 @@ export interface ScrollBarState {
     pageY: number | null;
     startTop: number | null;
     visible: boolean;
+    mouseOver: boolean;
 }

package/lib/components/VirtualList/VirtualList.vue.d.ts

@@ -19,8 +19,8 @@ declare const _default: import("vue").DefineComponent<{
     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;
         };
@@ -50,14 +50,17 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -100,14 +103,17 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -143,14 +149,17 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -193,14 +202,17 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -332,14 +344,17 @@ declare const _default: import("vue").DefineComponent<{
             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;