ele-admin-plus 1.2.2-beta.1 → 1.2.2-beta.3

package/lib/ele-menus/components/item-title.cjs

@@ -53,7 +53,7 @@ const _hoisted_1 = {
   key: 0,
   class: "ele-menu-title"
 };
-const _hoisted_2 = ["href"];
+const _hoisted_2 = ["href", "target"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ElBadge = vue.resolveComponent("ElBadge");
@@ -90,15 +90,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.isExternalLink(_ctx.item.path) ? (vue.openBlock(), vue.createElementBlock("a", {
           key: 0,
           href: _ctx.item.path,
-          target: "_blank",
+          target: _ctx.item.pathTarget || "_blank",
           class: "ele-menu-link",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, null, 8, _hoisted_2)) : _ctx.item.path ? (vue.openBlock(), vue.createBlock(_component_RouterLink, {
           key: 1,
           to: _ctx.item.path,
+          target: _ctx.item.pathTarget,
           class: "ele-menu-link"
-        }, null, 8, ["to"])) : vue.createCommentVNode("", true)
+        }, null, 8, ["to", "target"])) : vue.createCommentVNode("", true)
       ], 64)) : vue.createCommentVNode("", true)
     ], 32)
   ], 64);

package/lib/ele-menus/types.d.ts

@@ -28,6 +28,8 @@ export interface MenuItem
   iconStyle?: StyleValue;
   /** 菜单链接地址 */
   path?: string;
+  /** 菜单的打开位置 */
+  pathTarget?: string;
   /** 是否展示为分组菜单 */
   group?: boolean;
   /** 徽章 */

package/lib/ele-printer/util.cjs

@@ -66,7 +66,7 @@ function getPrintFrame() {
   elem.focus();
   return elem;
 }
-function doPrintOnFrame(opt, printId) {
+function doPrintOnFrame(opt, printId, timeout) {
   var _a;
   const pFrame = getPrintFrame();
   const pWin = pFrame.contentWindow;
@@ -99,8 +99,10 @@ function doPrintOnFrame(opt, printId) {
       if(${opt.title == null ? 0 : 1}) {
         document.title = '${opt.title}';
       }
-      window.print(${printOption});
-      window.parent.postMessage('elePrintDone_${printId}', '*');
+      ${"setTimeout(() => {"}
+        window.print(${printOption});
+        window.parent.postMessage('elePrintDone_${printId}', '*');
+      ${"}, " + timeout + ");"}
     };
   <\/script>
   `;
@@ -113,10 +115,11 @@ function doPrintOnFrame(opt, printId) {
 function usePrinter(done) {
   printIdNum++;
   const printId = printIdNum;
-  const [startPrintTimer] = hook.useTimer(500);
+  const printTimeout = 500;
+  const [startPrintTimer] = hook.useTimer(printTimeout);
   const doPrint = (option, target) => {
     if (target === "_iframe") {
-      doPrintOnFrame(option, printId);
+      doPrintOnFrame(option, printId, printTimeout);
       return;
     }
     const $html = document.querySelector("html");
@@ -134,14 +137,16 @@ function usePrinter(done) {
     if (option.title != null && option.title !== "") {
       document.title = option.title;
     }
-    window.print(option.options);
     startPrintTimer(() => {
-      $html.classList.remove(printingClass);
-      document.body.removeChild(elem);
-      if (option.title != null) {
-        document.title = title;
-      }
-      done && done();
+      window.print(option.options);
+      startPrintTimer(() => {
+        $html.classList.remove(printingClass);
+        document.body.removeChild(elem);
+        if (option.title != null) {
+          document.title = title;
+        }
+        done && done();
+      });
     });
   };
   const handleMessage = (e) => {

package/lib/ele-pro-table/components/table-tools.cjs

@@ -307,7 +307,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.createVNode(_component_EleDropdown, {
               trigger: "click",
               placement: "bottom",
-              formValidate: false,
+              validateEvent: false,
               popperClass: "ele-tool-size-popper",
               modelValue: _ctx.size,
               items: _ctx.sizeDropdownItems,

package/lib/ele-segmented/index.cjs

@@ -17,7 +17,7 @@ const _sfc_main = vue.defineComponent({
     const handleUpdateModelValue = (value) => {
       if (props2.modelValue !== value) {
         emit("update:modelValue", value);
-        if (props2.formValidate) {
+        if (props2.validateEvent) {
           validateChange();
         }
         emit("change", value);

package/lib/ele-segmented/index.d.ts

@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     size: import('vue').PropType<import('./types').SegmentedSize>;
-    formValidate: {
+    validateEvent: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -30,7 +30,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     size: import('vue').PropType<import('./types').SegmentedSize>;
-    formValidate: {
+    validateEvent: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<{
     onChange?: ((_active: string | number) => any) | undefined;
 }, {
     disabled: boolean;
+    validateEvent: boolean;
     block: boolean;
-    formValidate: boolean;
 }, {}>;
 export default _default;

package/lib/ele-segmented/props.cjs

@@ -14,8 +14,8 @@ const segmentedProps = {
   },
   /** 尺寸 */
   size: String,
-  /** 是否支持表单验证 */
-  formValidate: {
+  /** 是否触发表单验证 */
+  validateEvent: {
     type: Boolean,
     default: true
   }

package/lib/ele-segmented/props.d.ts

@@ -18,8 +18,8 @@ export declare const segmentedProps: {
     };
     /** 尺寸 */
     size: PropType<SegmentedSize>;
-    /** 是否支持表单验证 */
-    formValidate: {
+    /** 是否触发表单验证 */
+    validateEvent: {
         type: BooleanConstructor;
         default: boolean;
     };

package/lib/ele-split-panel/index.cjs

@@ -123,11 +123,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = {
-  ref: "wrapRef",
-  class: "ele-split-panel-wrap"
-};
-const _hoisted_2 = { class: "ele-split-panel-space" };
+const _hoisted_1 = { class: "ele-split-panel-space" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowUp = vue.resolveComponent("ArrowUp");
   const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
@@ -150,7 +146,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, {
     default: vue.withCtx(() => [
-      vue.createElementVNode("div", _hoisted_1, [
+      vue.createElementVNode("div", {
+        ref: "wrapRef",
+        class: "ele-split-panel-wrap",
+        style: vue.normalizeStyle(_ctx.customWrapStyle)
+      }, [
         vue.createElementVNode("div", {
           ref: "sideRef",
           class: "ele-split-panel-side",
@@ -158,14 +158,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 4),
-        vue.createElementVNode("div", _hoisted_2, [
+        vue.createElementVNode("div", _hoisted_1, [
           _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "ele-split-resize-line",
             onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleResize && _ctx.handleResize(...args))
           }, null, 32)) : vue.createCommentVNode("", true)
         ])
-      ], 512),
+      ], 4),
       vue.createElementVNode("div", {
         class: "ele-split-panel-body",
         style: vue.normalizeStyle(_ctx.bodyStyle)

package/lib/ele-split-panel/index.d.ts

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     maxSize: NumberConstructor;
     space: StringConstructor;
     customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customWrapStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
     collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
@@ -37,6 +38,7 @@ declare const _default: import('vue').DefineComponent<{
     maxSize: NumberConstructor;
     space: StringConstructor;
     customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customWrapStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
     collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;

package/lib/ele-split-panel/props.cjs

@@ -9,8 +9,10 @@ const splitPanelProps = {
   maxSize: Number,
   /** 间距 */
   space: String,
-  /** 自定义样式 */
+  /** 自定义边栏样式 */
   customStyle: Object,
+  /** 自定义边栏容器样式 */
+  customWrapStyle: Object,
   /** 自定义内容样式 */
   bodyStyle: Object,
   /** 是否可折叠 */

package/lib/ele-split-panel/props.d.ts

@@ -13,8 +13,10 @@ export declare const splitPanelProps: {
     maxSize: NumberConstructor;
     /** 间距 */
     space: StringConstructor;
-    /** 自定义样式 */
+    /** 自定义边栏样式 */
     customStyle: PropType<StyleValue>;
+    /** 自定义边栏容器样式 */
+    customWrapStyle: PropType<StyleValue>;
     /** 自定义内容样式 */
     bodyStyle: PropType<StyleValue>;
     /** 是否可折叠 */

package/lib/ele-tab-wrap/components/tab-dropdown.cjs

@@ -59,7 +59,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         popperOptions: {
           modifiers: [{ name: "offset", options: { offset: [12, 8] } }]
         },
-        formValidate: false
+        validateEvent: false
       }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,

package/lib/ele-table/style/css-var.scss

@@ -12,6 +12,7 @@
   & > thead > tr:first-child > th:first-child,
   & > thead > tr:first-child > td:first-child,
   &.is-border:not(.has-header) > tr:first-child > td:first-child,
+  &.is-border:not(.has-header) > tr:first-child > th:first-child,
   &.is-border:not(.has-header) > tbody > tr:first-child > td:first-child {
     border-top-left-radius: $radius;
   }
@@ -19,17 +20,20 @@
   & > thead > tr:first-child > th:last-child,
   & > thead > tr:first-child > td:last-child,
   &.is-border:not(.has-header) > tr:first-child > td:last-child,
+  &.is-border:not(.has-header) > tr:first-child > th:last-child,
   &.is-border:not(.has-header) > tbody > tr:first-child > td:last-child {
     border-top-right-radius: $radius;
   }
 
   &.is-border:not(.has-footer) > tr:last-child > td:first-child,
+  &.is-border:not(.has-footer) > tr:last-child > th:first-child,
   &.is-border:not(.has-footer) > tbody > tr:last-child > td:first-child,
   & > tfoot > tr:last-child > td:first-child {
     border-bottom-left-radius: $radius;
   }
 
   &.is-border:not(.has-footer) > tr:last-child > td:last-child,
+  &.is-border:not(.has-footer) > tr:last-child > th:last-child,
   &.is-border:not(.has-footer) > tbody > tr:last-child > td:last-child,
   & > tfoot > tr:last-child > td:last-child {
     border-bottom-right-radius: $radius;

package/lib/ele-table/style/index.scss

@@ -9,6 +9,9 @@
   width: 100%;
   border-spacing: 0;
   border-collapse: separate;
+  border-width: 0;
+  border-style: solid;
+  border-color: eleVar('table', 'border-color');
 
   /* 单元格样式 */
   & > tr,
@@ -159,8 +162,8 @@
 
   /* 全边框 */
   &.is-border {
-    border-top: 1px solid eleVar('table', 'border-color');
-    border-left: 1px solid eleVar('table', 'border-color');
+    border-top-width: 1px;
+    border-left-width: 1px;
 
     & > tr,
     & > thead > tr,
@@ -174,7 +177,7 @@
   }
 
   &:not(.has-header) {
-    border-top: 1px solid eleVar('table', 'border-color');
+    border-top-width: 1px;
   }
 
   /* 表格内组件样式优化 */
@@ -187,7 +190,7 @@
     word-break: break-all;
 
     &.is-border {
-      border-right: 2px solid eleVar('table', 'border-color');
+      border-right-width: 2px;
 
       & > tr,
       & > thead > tr,

package/lib/ele-tabs/index.cjs

@@ -437,7 +437,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           triggerKeys: [],
           persistent: false,
-          formValidate: false,
+          validateEvent: false,
           placement: "bottom-start",
           popperClass: "ele-tab-popup",
           popperOptions: {

package/lib/ele-tabs/style/index.scss

@@ -727,7 +727,6 @@
 
     &.sortable-chosen {
       background: elVar('bg-color');
-      cursor: move;
     }
   }
 
@@ -1043,8 +1042,6 @@
 /* 内部表格高度铺满 */
 .ele-tabs.is-flex-table {
   flex: 1;
-  display: flex;
-  flex-direction: column;
   overflow: auto;
 
   & > .el-tabs__content {
@@ -1056,6 +1053,7 @@
       display: flex;
       flex-direction: column;
       box-sizing: border-box;
+      overflow: auto;
 
       & > .ele-pro-table {
         flex: 1;

package/lib/ele-text/index.cjs

@@ -16,7 +16,7 @@ const _export_sfc = (sfc, props2) => {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag || "div"), {
     class: vue.normalizeClass([
       "ele-text",
       { "is-heading": _ctx.type === "heading" },

package/lib/ele-text/index.d.ts

@@ -1,8 +1,5 @@
 declare const _default: import('vue').DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
+    tag: StringConstructor;
     type: import('vue').PropType<import('./types').TextType>;
     size: import('vue').PropType<import('./types').TextSize>;
     deleted: BooleanConstructor;
@@ -13,10 +10,7 @@ declare const _default: import('vue').DefineComponent<{
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
+    tag: StringConstructor;
     type: import('vue').PropType<import('./types').TextType>;
     size: import('vue').PropType<import('./types').TextSize>;
     deleted: BooleanConstructor;
@@ -27,7 +21,6 @@ declare const _default: import('vue').DefineComponent<{
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>>, {
-    tag: string;
     underline: boolean;
     deleted: boolean;
     strong: boolean;

package/lib/ele-text/props.cjs

@@ -2,10 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const textProps = {
   /** 渲染标签 */
-  tag: {
-    type: String,
-    default: "div"
-  },
+  tag: String,
   /** 类型 */
   type: String,
   /** 文字大小 */

package/lib/ele-text/props.d.ts

@@ -8,10 +8,7 @@ import { TextType, TextSize, TextIcon } from './types';
  */
 export declare const textProps: {
     /** 渲染标签 */
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
+    tag: StringConstructor;
     /** 类型 */
     type: PropType<TextType>;
     /** 文字大小 */

package/lib/ele-upload-list/components/list-item.cjs

@@ -52,6 +52,9 @@ const _sfc_main = vue.defineComponent({
   setup(props, { emit }) {
     const imageUrl = vue.computed(() => {
       var _a;
+      if (props.item.thumbnail && props.item.thumbnail !== true) {
+        return props.item.thumbnail;
+      }
       if (props.item.url) {
         return props.item.url;
       }
@@ -144,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       item: _ctx.item,
       imageUrl: _ctx.imageUrl
     }, () => [
-      _ctx.listType === "file" || !_ctx.imageUrl ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+      _ctx.listType === "file" || _ctx.item.thumbnail === false || !_ctx.imageUrl ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
         vue.createVNode(_component_ElIcon, { class: "ele-upload-thumbnail-icon" }, {
           default: vue.withCtx(() => [
             vue.createVNode(_component_FileOutlined)

package/lib/ele-upload-list/index.cjs

@@ -57,11 +57,14 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const previewItem = (item) => {
+      if (props2.beforePreview && props2.beforePreview(item) === false) {
+        return;
+      }
       if (props2.modelValue != null) {
         const data = [];
         props2.modelValue.forEach((d) => {
           const url = getItemImageUrl(d);
-          if (url) {
+          if (url && d.thumbnail !== false) {
             data.push({ item: d, url });
           }
         });
@@ -178,7 +181,8 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = ["accept"];
+const _hoisted_1 = { class: "ele-upload-hidden" };
+const _hoisted_2 = ["accept"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ListItem = vue.resolveComponent("ListItem");
   const _component_PlusOutlined = vue.resolveComponent("PlusOutlined");
@@ -264,20 +268,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 3
         }, 8, ["drag", "accept", "multiple", "disabled", "beforeUpload"])
       ], 4)) : vue.createCommentVNode("", true),
-      _ctx.tools ? (vue.openBlock(), vue.createElementBlock("input", {
-        key: 1,
-        ref: "uploadInputRef",
-        type: "file",
-        accept: _ctx.accept,
-        class: "ele-upload-input",
-        onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleInputChange && _ctx.handleInputChange(...args))
-      }, null, 40, _hoisted_1)) : vue.createCommentVNode("", true),
-      vue.createVNode(_component_EleImageViewer, vue.mergeProps({ infinite: false }, _ctx.previewProps || {}, {
-        modelValue: _ctx.previewVisible,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.previewVisible = $event),
-        urlList: _ctx.previewImages,
-        initialIndex: _ctx.previewCurrentIndex
-      }), null, 16, ["modelValue", "urlList", "initialIndex"])
+      vue.createElementVNode("div", _hoisted_1, [
+        _ctx.tools ? (vue.openBlock(), vue.createElementBlock("input", {
+          key: 0,
+          ref: "uploadInputRef",
+          type: "file",
+          accept: _ctx.accept,
+          class: "ele-upload-input",
+          onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleInputChange && _ctx.handleInputChange(...args))
+        }, null, 40, _hoisted_2)) : vue.createCommentVNode("", true),
+        vue.createVNode(_component_EleImageViewer, vue.mergeProps({ infinite: false }, _ctx.previewProps || {}, {
+          modelValue: _ctx.previewVisible,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.previewVisible = $event),
+          urlList: _ctx.previewImages,
+          initialIndex: _ctx.previewCurrentIndex
+        }), null, 16, ["modelValue", "urlList", "initialIndex"])
+      ])
     ]),
     _: 3
   }, 16, ["class", "modelValue", "onUpdate:modelValue"]);

package/lib/ele-upload-list/index.d.ts

@@ -31,6 +31,7 @@ declare const _default: import('vue').DefineComponent<{
     listType: import('vue').PropType<import('./types').ListType>;
     beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
     beforeItemEdit: import('vue').PropType<import('./types').BeforeItemEdit>;
+    beforePreview: import('vue').PropType<import('./types').BeforePreview>;
     locale: import('vue').PropType<Partial<UploadLocale>>;
 }, {
     ownSlots: string[];
@@ -103,6 +104,7 @@ declare const _default: import('vue').DefineComponent<{
     listType: import('vue').PropType<import('./types').ListType>;
     beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
     beforeItemEdit: import('vue').PropType<import('./types').BeforeItemEdit>;
+    beforePreview: import('vue').PropType<import('./types').BeforePreview>;
     locale: import('vue').PropType<Partial<UploadLocale>>;
 }>> & {
     "onUpdate:modelValue"?: ((_value: UploadItem[]) => any) | undefined;

package/lib/ele-upload-list/props.cjs

@@ -7,7 +7,7 @@ const uploadListProps = {
   readonly: Boolean,
   /** 是否禁用 */
   disabled: Boolean,
-  /** 是否支持点击预览 */
+  /** 是否支持点击预览打开图片预览组件 */
   preview: {
     type: Boolean,
     default: true
@@ -49,6 +49,8 @@ const uploadListProps = {
   beforeUploadClick: Function,
   /** 修改按钮点击前的钩子 */
   beforeItemEdit: Function,
+  /** 预览按钮点击前的钩子 */
+  beforePreview: Function,
   /** 国际化 */
   locale: Object
 };

package/lib/ele-upload-list/props.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import { StyleValue } from '../ele-app/types';
 import { ElProgressProps, ElImageProps } from '../ele-app/el';
 import { EleImageViewerProps } from '../ele-app/plus';
-import { UploadItem, UploadLocale, EditUploadResult, ListType, BeforeUploadClick, BeforeItemEdit } from './types';
+import { UploadItem, UploadLocale, EditUploadResult, ListType, BeforeUploadClick, BeforeItemEdit, BeforePreview } from './types';
 
 /**
  * 属性
@@ -14,7 +14,7 @@ export declare const uploadListProps: {
     readonly: BooleanConstructor;
     /** 是否禁用 */
     disabled: BooleanConstructor;
-    /** 是否支持点击预览 */
+    /** 是否支持点击预览打开图片预览组件 */
     preview: {
         type: BooleanConstructor;
         default: boolean;
@@ -56,6 +56,8 @@ export declare const uploadListProps: {
     beforeUploadClick: PropType<BeforeUploadClick>;
     /** 修改按钮点击前的钩子 */
     beforeItemEdit: PropType<BeforeItemEdit>;
+    /** 预览按钮点击前的钩子 */
+    beforePreview: PropType<BeforePreview>;
     /** 国际化 */
     locale: PropType<Partial<UploadLocale>>;
 };

package/lib/ele-upload-list/style/index.scss

@@ -282,7 +282,8 @@
   }
 
   /* 修改时的文件选择输入框 */
-  .ele-upload-input {
+  .ele-upload-input,
+  .ele-upload-hidden {
     display: none;
   }
 

package/lib/ele-upload-list/types.d.ts

@@ -16,6 +16,8 @@ export interface UploadItem extends Record<keyof any, any> {
   file?: File;
   /** 是否只读 */
   readonly?: boolean;
+  /** 是否显示缩略图 */
+  thumbnail?: boolean | string;
 }
 
 /**
@@ -38,6 +40,11 @@ export type BeforeUploadClick = (e: MouseEvent) => boolean | undefined | void;
  */
 export type BeforeItemEdit = (item: UploadItem) => boolean | undefined | void;
 
+/**
+ * 预览前的钩子
+ */
+export type BeforePreview = (item: UploadItem) => boolean | undefined | void;
+
 /**
  * 图片文件预读地址
  */

package/lib/icons/InsertColumnOutlined.cjs

@@ -0,0 +1,34 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = vue.defineComponent({
+  name: "InsertColumnOutlined"
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linejoin": "round"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M44 3V41H36V3Z" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M12 3V41H4V3Z" }, null, -1);
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M28 22V46H20V22Z" }, null, -1);
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M18 9L24 16L30 9M24 16V0" }, null, -1);
+const _hoisted_6 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4,
+  _hoisted_5
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_6);
+}
+const InsertColumnOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = InsertColumnOutlined;

package/lib/icons/InsertColumnOutlined.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;