ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.10

package/es/ele-tour/index.js

@@ -1,16 +1,16 @@
 import { defineComponent, ref, shallowRef, onMounted, watch, nextTick, resolveComponent, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, mergeProps, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { ElButton } from "element-plus";
 import EleTooltip from "../ele-tooltip/index";
-import { useLicense, useLocale } from "../ele-config-provider/receiver";
+import ReceiverView from "../ele-config-provider/components/receiver-view";
+import { useLocale } from "../ele-config-provider/receiver";
 import { scrollIntoView, getOffset, getPopperProps } from "./util";
 import { tourProps, tourEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTour",
-  components: { ElButton, EleTooltip },
+  components: { ElButton, EleTooltip, ReceiverView },
   props: tourProps,
   emits: tourEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const { lang } = useLocale("tour", props);
     const triggerRef = ref(null);
     const tooltipRef = ref(null);
@@ -21,7 +21,7 @@ const _sfc_main = defineComponent({
     const boxStyle = ref({});
     const showMask = ref(false);
     const start = () => {
-      if (!authenticated.value || !props.steps || props.modelValue == null || props.modelValue < 0 || props.modelValue >= props.steps.length) {
+      if (!props.steps || props.modelValue == null || props.modelValue < 0 || props.modelValue >= props.steps.length) {
         close();
         return;
       }
@@ -117,19 +117,16 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1 = {
-  key: 0,
-  class: "ele-popover-body"
-};
-const _hoisted_2 = {
   key: 0,
   class: "ele-tour-title"
 };
-const _hoisted_3 = { class: "ele-tour-text" };
-const _hoisted_4 = { class: "ele-tour-footer" };
-const _hoisted_5 = { class: "ele-tour-counter" };
-const _hoisted_6 = { class: "ele-tour-action" };
+const _hoisted_2 = { class: "ele-tour-text" };
+const _hoisted_3 = { class: "ele-tour-footer" };
+const _hoisted_4 = { class: "ele-tour-counter" };
+const _hoisted_5 = { class: "ele-tour-action" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElButton = resolveComponent("ElButton");
+  const _component_ReceiverView = resolveComponent("ReceiverView");
   const _component_EleTooltip = resolveComponent("EleTooltip");
   return openBlock(), createBlock(Teleport, { to: "body" }, [
     createElementVNode("div", {
@@ -153,76 +150,82 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         hideAfter: 0
       }), {
         body: withCtx(() => [
-          _ctx.steps && _ctx.step ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            _ctx.step.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              renderSlot(_ctx.$slots, "title", {
-                step: _ctx.step,
-                current: _ctx.modelValue
-              }, () => [
-                createTextVNode(toDisplayString(_ctx.step.title), 1)
-              ])
-            ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_3, [
-              renderSlot(_ctx.$slots, "text", {
+          _ctx.steps && _ctx.step ? (openBlock(), createBlock(_component_ReceiverView, {
+            key: 0,
+            class: "ele-popover-body"
+          }, {
+            default: withCtx(() => [
+              _ctx.step.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "title", {
+                  step: _ctx.step,
+                  current: _ctx.modelValue
+                }, () => [
+                  createTextVNode(toDisplayString(_ctx.step.title), 1)
+                ])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "text", {
+                  step: _ctx.step,
+                  current: _ctx.modelValue
+                }, () => [
+                  createTextVNode(toDisplayString(_ctx.step.description), 1)
+                ])
+              ]),
+              renderSlot(_ctx.$slots, "footer", {
                 step: _ctx.step,
                 current: _ctx.modelValue
               }, () => [
-                createTextVNode(toDisplayString(_ctx.step.description), 1)
-              ])
-            ]),
-            renderSlot(_ctx.$slots, "footer", {
-              step: _ctx.step,
-              current: _ctx.modelValue
-            }, () => [
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("div", _hoisted_5, toDisplayString((_ctx.modelValue || 0) + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
-                createElementVNode("div", _hoisted_6, [
-                  !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
-                    key: 0,
-                    size: "small",
-                    onClick: _ctx.onFinish
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.lang.skip), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])) : createCommentVNode("", true),
-                  _ctx.modelValue !== 0 ? (openBlock(), createBlock(_component_ElButton, {
-                    key: 1,
-                    size: "small",
-                    onClick: _ctx.onPrev
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.lang.prev), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])) : createCommentVNode("", true),
-                  !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
-                    key: 2,
-                    size: "small",
-                    type: "primary",
-                    onClick: _ctx.onNext
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.lang.next), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])) : createCommentVNode("", true),
-                  _ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
-                    key: 3,
-                    size: "small",
-                    type: "primary",
-                    onClick: _ctx.onFinish
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.lang.finish), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])) : createCommentVNode("", true)
+                createElementVNode("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, toDisplayString((_ctx.modelValue || 0) + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
+                  createElementVNode("div", _hoisted_5, [
+                    !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
+                      key: 0,
+                      size: "small",
+                      onClick: _ctx.onFinish
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.lang.skip), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    _ctx.modelValue !== 0 ? (openBlock(), createBlock(_component_ElButton, {
+                      key: 1,
+                      size: "small",
+                      onClick: _ctx.onPrev
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.lang.prev), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
+                      key: 2,
+                      size: "small",
+                      type: "primary",
+                      onClick: _ctx.onNext
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.lang.next), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    _ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
+                      key: 3,
+                      size: "small",
+                      type: "primary",
+                      onClick: _ctx.onFinish
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.lang.finish), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true)
+                  ])
                 ])
               ])
-            ])
-          ])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["virtualRef", "disabled"])

package/es/ele-tour/props.d.ts

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { TourStep, TourLocale } from './types';
+import { TourStep, TourLocale } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */

package/es/ele-tour/util.d.ts

@@ -1,5 +1,6 @@
-import type { EleTooltipProps } from '../ele-app/plus';
-import type { Offset } from './types';
+import { Offset } from './types';
+import { EleTooltipProps } from '../ele-app/plus';
+
 /**
  * 获取元素距浏览器窗口的距离
  * @param el 元素

package/es/ele-tree-select/index.d.ts

@@ -1,8 +1,9 @@
-import type { ElTreeV2Instance } from '../ele-app/el';
-import type { EleBasicSelectInstance } from '../ele-app/plus';
-import type { SelectValue, SingleValue, SelectedItem } from '../ele-basic-select/types';
-import type { DataItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+import { DataItem } from './types';
+import { SelectValue, SingleValue, SelectedItem } from '../ele-basic-select/types';
+import { EleBasicSelectInstance } from '../ele-app/plus';
+import { ElTreeV2Instance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
     modelValue: {
         type: import("vue").PropType<SelectValue>;
         default: () => null;
@@ -132,11 +133,11 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
     onChange?: ((_value: SelectValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onRemoveTag?: ((_value: SingleValue) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onRemoveTag?: ((_value: SingleValue) => any) | undefined;
 }, {
     placement: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined;
     disabled: boolean;
@@ -145,10 +146,10 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     persistent: boolean;
     transition: string;
-    multiple: boolean;
+    filterable: boolean;
     tagType: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
+    multiple: boolean;
     automaticDropdown: boolean;
-    filterable: boolean;
     checkedValueStrategy: boolean;
 }, {}>;
 export default _default;

package/es/ele-tree-select/props.d.ts

@@ -1,7 +1,8 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElTreeV2Props } from '../ele-app/el';
-import type { SelectValue, SingleValue } from '../ele-basic-select/types';
-import type { ShowCheckedStrategy } from './types';
+import { ShowCheckedStrategy } from './types';
+import { SelectValue, SingleValue } from '../ele-basic-select/types';
+import { ElTreeV2Props } from '../ele-app/el';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -16,13 +17,13 @@ export declare const treeSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
     placeholder: StringConstructor;
     /** 缓存数据 */
-    cacheData: PropType<import("element-plus/es/components/tree-v2/src/types").TreeData | undefined>;
+    cacheData: PropType<import('element-plus/es/components/tree-v2/src/types').TreeData | undefined>;
     /** 树配置 */
     treeProps: {
         type: PropType<ElTreeV2Props>;
@@ -38,7 +39,7 @@ export declare const treeSelectProps: {
     maxTagTextLength: NumberConstructor;
     /** 多选标签类型 */
     tagType: {
-        type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
         default: string;
     };
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
@@ -57,7 +58,7 @@ export declare const treeSelectProps: {
     };
     /** 下拉框位置 */
     placement: {
-        type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
     };
     /** 下拉框渐变动画 */
@@ -66,15 +67,15 @@ export declare const treeSelectProps: {
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import("element-plus").Options> | undefined>;
+    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
     popperWidth: (StringConstructor | NumberConstructor)[];
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import("vue").CSSProperties>>;
+    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义输入框样式 */
-    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
 };
 export type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 /**

package/es/ele-tree-select/util.d.ts

@@ -1,5 +1,6 @@
-import type { MultipleValue, SelectedItem } from '../ele-basic-select/types';
-import type { TreeData } from './types';
+import { TreeData } from './types';
+import { MultipleValue, SelectedItem } from '../ele-basic-select/types';
+
 /**
  * 获取平铺后的数据值和数据
  * @param data 数据

package/es/ele-upload-list/components/list-item.d.ts

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { ElProgressProps } from '../../ele-app/el';
-import type { UploadItem, UploadLocale } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { UploadItem, UploadLocale } from '../types';
+import { ElProgressProps, ElImageProps } from '../../ele-app/el';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 数据 */
     item: {
         type: PropType<UploadItem>;
@@ -11,6 +12,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly: BooleanConstructor;
     /** 是否禁用 */
     disabled: BooleanConstructor;
+    /** 自定义条目样式 */
+    imageProps: PropType<ElImageProps>;
     /** 进度条属性 */
     progressProps: PropType<ElProgressProps>;
     /** 国际化 */
@@ -36,6 +39,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly: BooleanConstructor;
     /** 是否禁用 */
     disabled: BooleanConstructor;
+    /** 自定义条目样式 */
+    imageProps: PropType<ElImageProps>;
     /** 进度条属性 */
     progressProps: PropType<ElProgressProps>;
     /** 国际化 */
@@ -44,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
+    onRetry?: ((_item: UploadItem) => any) | undefined;
     onItemClick?: ((_item: UploadItem) => any) | undefined;
     onRemove?: ((_item: UploadItem) => any) | undefined;
-    onRetry?: ((_item: UploadItem) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/ele-upload-list/components/list-item.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createVNode, withCtx, withModifiers, createCommentVNode, createElementVNode, toDisplayString, mergeProps } from "vue";
+import { defineComponent, resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, mergeProps, createVNode, withCtx, withModifiers, createCommentVNode, createElementVNode, toDisplayString } from "vue";
 import { ElImage, ElProgress, ElIcon } from "element-plus";
 import { CloseOutlined, SyncOutlined, FileOutlined } from "../../icons";
 import EleTooltip from "../../ele-tooltip/index";
@@ -23,6 +23,8 @@ const _sfc_main = defineComponent({
     readonly: Boolean,
     /** 是否禁用 */
     disabled: Boolean,
+    /** 自定义条目样式 */
+    imageProps: Object,
     /** 进度条属性 */
     progressProps: Object,
     /** 国际化 */
@@ -84,11 +86,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onItemClick && _ctx.onItemClick(...args))
   }, [
     renderSlot(_ctx.$slots, "thumbnail", { item: _ctx.item }, () => [
-      _ctx.item.url ? (openBlock(), createBlock(_component_ElImage, {
+      _ctx.item.url ? (openBlock(), createBlock(_component_ElImage, mergeProps({
         key: 0,
-        fit: "cover",
+        fit: "cover"
+      }, _ctx.imageProps || {}, {
         src: _ctx.item.url
-      }, null, 8, ["src"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+      }), null, 16, ["src"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
         createVNode(_component_ElIcon, null, {
           default: withCtx(() => [
             createVNode(_component_FileOutlined)

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

@@ -1,6 +1,7 @@
-import type { ElImageInstance } from '../ele-app/el';
-import type { UploadItem, UploadLocale } from './types';
-declare const _default: import("vue").DefineComponent<{
+import { UploadItem, UploadLocale } from './types';
+import { ElImageInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
     modelValue: {
         type: import("vue").PropType<UploadItem[]>;
         required: boolean;
@@ -24,7 +25,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean | Record<string | number | symbol, any>>;
         default: boolean;
     };
+    imageProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
     progressProps: import("vue").PropType<import("../ele-app/el").ElProgressProps>;
+    previewProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
+    /** 当前图片地址 */
     locale: import("vue").PropType<Partial<UploadLocale>>;
 }, {
     lang: import("vue").ComputedRef<UploadLocale>;
@@ -43,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     onItemClick: (item: UploadItem) => void;
     onItemRetry: (item: UploadItem) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: UploadItem[]) => boolean; /** 当前为第几个图片 */
+    'update:modelValue': (_value: UploadItem[]) => boolean;
     itemClick: (_item: UploadItem) => boolean;
     upload: (_item: UploadItem) => boolean;
     remove: (_item: UploadItem) => boolean;
@@ -72,7 +76,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean | Record<string | number | symbol, any>>;
         default: boolean;
     };
+    imageProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
     progressProps: import("vue").PropType<import("../ele-app/el").ElProgressProps>;
+    previewProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
+    /** 当前图片地址 */
     locale: import("vue").PropType<Partial<UploadLocale>>;
 }>> & {
     "onUpdate:modelValue"?: ((_value: UploadItem[]) => any) | undefined;
@@ -84,9 +91,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     readonly: boolean;
     sortable: boolean | Record<string | number | symbol, any>;
+    multiple: boolean;
     preview: boolean;
     drag: boolean;
-    multiple: boolean;
     accept: string;
 }, {}>;
 export default _default;

package/es/ele-upload-list/index.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, reactive, computed, onDeactivated, nextTick, reso
 import VueDraggable from "vuedraggable";
 import { ElUpload, ElImage, ElIcon } from "element-plus";
 import { uuid } from "../utils/core";
-import { useLicense, useLocale } from "../ele-config-provider/receiver";
+import { useLocale } from "../ele-config-provider/receiver";
 import { PlusOutlined } from "../icons";
 import ListItem from "./components/list-item";
 import { uploadListProps, uploadListEmits } from "./props";
@@ -19,7 +19,6 @@ const _sfc_main = defineComponent({
   props: uploadListProps,
   emits: uploadListEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const { lang } = useLocale("upload", props);
     const previewRef = ref(null);
     const previewOption = reactive({
@@ -53,7 +52,7 @@ const _sfc_main = defineComponent({
       emit("update:modelValue", value);
     };
     const onUpload = (file) => {
-      if (!authenticated.value || !uploadEnable.value || props.disabled) {
+      if (!uploadEnable.value || props.disabled) {
         return false;
       }
       const item = {
@@ -135,6 +134,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         readonly: _ctx.readonly,
         disabled: _ctx.disabled,
         progressProps: _ctx.progressProps,
+        imageProps: _ctx.imageProps,
         locale: _ctx.lang,
         style: normalizeStyle(_ctx.itemStyle),
         class: normalizeClass({
@@ -152,7 +152,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           };
         })
-      ]), 1032, ["item", "readonly", "disabled", "progressProps", "locale", "style", "class", "onItemClick", "onRemove", "onRetry"])
+      ]), 1032, ["item", "readonly", "disabled", "progressProps", "imageProps", "locale", "style", "class", "onItemClick", "onRemove", "onRetry"])
     ]),
     footer: withCtx(() => [
       _ctx.uploadEnable ? (openBlock(), createElementBlock("div", {
@@ -183,15 +183,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["drag", "accept", "multiple", "disabled", "beforeUpload"])
       ], 4)) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_1, [
-        _ctx.previewOption.visible ? (openBlock(), createBlock(_component_ElImage, {
+        _ctx.previewOption.visible ? (openBlock(), createBlock(_component_ElImage, mergeProps({
           key: 0,
-          ref: "previewRef",
           hideOnClickModal: true,
-          previewTeleported: true,
+          previewTeleported: true
+        }, _ctx.previewProps || {}, {
+          ref: "previewRef",
           src: _ctx.previewOption.current,
           previewSrcList: _ctx.previewOption.images,
           initialIndex: _ctx.previewOption.currentIndex
-        }, null, 8, ["src", "previewSrcList", "initialIndex"])) : createCommentVNode("", true)
+        }), null, 16, ["src", "previewSrcList", "initialIndex"])) : createCommentVNode("", true)
       ])
     ]),
     _: 3

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

@@ -1,6 +1,7 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElProgressProps } from '../ele-app/el';
-import type { UploadItem, UploadLocale } from './types';
+import { UploadItem, UploadLocale } from './types';
+import { ElProgressProps, ElImageProps } from '../ele-app/el';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -31,16 +32,20 @@ export declare const uploadListProps: {
         default: string;
     };
     /** 自定义条目样式 */
-    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义上传按钮样式 */
-    buttonStyle: PropType<Partial<import("vue").CSSProperties>>;
+    buttonStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 是否开启拖拽排序 */
     sortable: {
         type: PropType<boolean | Record<string | number | symbol, any>>;
         default: boolean;
     };
-    /** 进度条属性 */
+    /** 自定义图片属性 */
+    imageProps: PropType<ElImageProps>;
+    /** 自定义进度条属性 */
     progressProps: PropType<ElProgressProps>;
+    /** 自定义图片预览 */
+    previewProps: PropType<ElImageProps>;
     /** 国际化 */
     locale: PropType<Partial<UploadLocale>>;
 };

package/es/ele-upload-list/props.js

@@ -33,8 +33,12 @@ const uploadListProps = {
     type: [Boolean, Object],
     default: true
   },
-  /** 进度条属性 */
+  /** 自定义图片属性 */
+  imageProps: Object,
+  /** 自定义进度条属性 */
   progressProps: Object,
+  /** 自定义图片预览 */
+  previewProps: Object,
   /** 国际化 */
   locale: Object
 };

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

@@ -163,7 +163,8 @@
 
     .ele-upload-icon {
       font-size: 22px;
-      color: elVar('text-color', 'placeholder');
+      color: elVar('text-color', 'secondary');
+      opacity: 0.68;
 
       & > svg {
         stroke-width: 3.8;