ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.4

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

@@ -1,3 +1,4 @@
+import { StyleValue } from '../ele-app/types';
 import { EleBasicSelectInstance } from '../ele-app/plus';
 import { IconItem } from './types';
 
@@ -8,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
@@ -22,46 +23,46 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     placement: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
     transition: {
-        type: StringConstructor; /** 选项卡选中 */
+        type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: {
         type: (StringConstructor | NumberConstructor)[];
-        /** 搜索框输入值 */
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<StyleValue>;
+    inputStyle: import('vue').PropType<StyleValue>;
+    selectTagsStyle: import('vue').PropType<StyleValue>;
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>; /** 下拉框类名 */
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    menusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    gridStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    headerStyle: import('vue').PropType<StyleValue>;
+    tabsStyle: import('vue').PropType<StyleValue>;
+    searchStyle: import('vue').PropType<StyleValue>;
+    menusStyle: import('vue').PropType<StyleValue>;
+    bodyStyle: import('vue').PropType<StyleValue>;
+    gridStyle: import('vue').PropType<StyleValue>;
+    itemStyle: import('vue').PropType<StyleValue>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
     };
     responsive: {
-        type: BooleanConstructor; /** 更新气泡位置 */
+        type: BooleanConstructor;
         default: null;
     };
 }, {
@@ -87,8 +88,8 @@ declare const _default: import('vue').DefineComponent<{
     handleMenuClick: (index: number) => void;
     handleIconSelect: (icon: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (_value?: string | null | undefined) => boolean;
-    change: (_value?: string | null | undefined) => boolean;
+    'update:modelValue': (_value?: string | null) => boolean;
+    change: (_value?: string | null) => boolean;
     visibleChange: (_visible: boolean) => boolean;
     clear: () => boolean;
     focus: (_e: FocusEvent) => boolean;
@@ -100,7 +101,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
@@ -114,51 +115,51 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     placement: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
     transition: {
-        type: StringConstructor; /** 选项卡选中 */
+        type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: {
         type: (StringConstructor | NumberConstructor)[];
-        /** 搜索框输入值 */
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<StyleValue>;
+    inputStyle: import('vue').PropType<StyleValue>;
+    selectTagsStyle: import('vue').PropType<StyleValue>;
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>; /** 下拉框类名 */
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    menusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    gridStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    headerStyle: import('vue').PropType<StyleValue>;
+    tabsStyle: import('vue').PropType<StyleValue>;
+    searchStyle: import('vue').PropType<StyleValue>;
+    menusStyle: import('vue').PropType<StyleValue>;
+    bodyStyle: import('vue').PropType<StyleValue>;
+    gridStyle: import('vue').PropType<StyleValue>;
+    itemStyle: import('vue').PropType<StyleValue>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
     };
     responsive: {
-        type: BooleanConstructor; /** 更新气泡位置 */
+        type: BooleanConstructor;
         default: null;
     };
 }>> & {
-    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
+    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
@@ -168,9 +169,9 @@ declare const _default: import('vue').DefineComponent<{
     teleported: boolean;
     clearable: boolean;
     disabled: boolean;
+    persistent: boolean;
     tooltip: boolean;
     transition: string;
-    persistent: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     popperWidth: string | number;

package/es/ele-icon-select/index.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, resolveComponent, openBlock, cre
 import { ElInput } from "element-plus";
 import { useResponsive } from "../ele-pro-layout/util";
 import EleBasicSelect from "../ele-basic-select/index";
-import { valueIsChanged } from "../ele-basic-select/util";
+import { useFormValidate, valueIsChanged } from "../ele-basic-select/util";
 import { SearchOutlined } from "../icons";
 import IconGrid from "./components/icon-grid";
 import { iconSelectProps, iconSelectEmits } from "./props";
@@ -12,6 +12,7 @@ const _sfc_main = defineComponent({
   props: iconSelectProps,
   emits: iconSelectEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const isResponsive = useResponsive(props);
     const selectRef = ref(null);
     const selectVisible = ref(false);
@@ -101,6 +102,7 @@ const _sfc_main = defineComponent({
     const updateModelValue = (modelValue) => {
       if (valueIsChanged(modelValue, props.modelValue)) {
         emit("update:modelValue", modelValue);
+        validateChange();
         emit("change", modelValue);
       }
     };
@@ -228,6 +230,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     selectClass: "is-icon-select",
     selectStyle: _ctx.selectStyle,
     inputStyle: _ctx.inputStyle,
+    selectTagsStyle: _ctx.selectTagsStyle,
     selectedLabel: _ctx.modelValue,
     visible: _ctx.selectVisible,
     "onUpdate:visible": _ctx.updateVisible,
@@ -269,6 +272,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               size: "small",
               clearable: true,
               modelValue: _ctx.keywords,
+              validateEvent: false,
               prefixIcon: _ctx.SearchOutlined,
               placeholder: _ctx.filterPlaceholder,
               "onUpdate:modelValue": _ctx.handleSelectFilter
@@ -325,7 +329,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "visible", "onUpdate:visible", "onFilterChange", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "selectedLabel", "visible", "onUpdate:visible", "onFilterChange", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,5 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElEmptyProps } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElInputProps, ElEmptyProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { IconItem } from './types';
 
 /**
@@ -16,7 +18,7 @@ export declare const iconSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<ElInputProps["size"]>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
@@ -37,7 +39,7 @@ export declare const iconSelectProps: {
     };
     /** 下拉框位置 */
     placement: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     /** 下拉框渐变动画 */
@@ -46,7 +48,7 @@ export declare const iconSelectProps: {
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
@@ -60,9 +62,11 @@ export declare const iconSelectProps: {
         default: number;
     };
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: PropType<StyleValue>;
     /** 自定义样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
     /** 顶部选项卡只有一个时隐藏 */
     hideOnSingleTab: BooleanConstructor;
     /** 空组件属性 */
@@ -73,21 +77,21 @@ export declare const iconSelectProps: {
         default: boolean;
     };
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 头部样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 选项卡样式 */
-    tabsStyle: PropType<Partial<import('vue').CSSProperties>>;
+    tabsStyle: PropType<StyleValue>;
     /** 搜索区样式 */
-    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: PropType<StyleValue>;
     /** 菜单样式 */
-    menusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    menusStyle: PropType<StyleValue>;
     /** 主体样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 网格样式 */
-    gridStyle: PropType<Partial<import('vue').CSSProperties>>;
+    gridStyle: PropType<StyleValue>;
     /** 图标样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 搜索框提示文本 */
     filterPlaceholder: {
         type: StringConstructor;

package/es/ele-icon-select/props.js

@@ -56,6 +56,8 @@ const iconSelectProps = {
   selectStyle: Object,
   /** 自定义样式 */
   inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object,
   /** 顶部选项卡只有一个时隐藏 */
   hideOnSingleTab: Boolean,
   /** 空组件属性 */

package/es/ele-image-viewer/index.d.ts

@@ -0,0 +1,120 @@
+import { ElImageViewerInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: BooleanConstructor;
+    customClass: StringConstructor;
+    customStyle: ObjectConstructor;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    keepAlive: BooleanConstructor;
+    urlList: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideOnClickModal: BooleanConstructor;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    minScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    imageViewerRef: import('vue').Ref<ElImageViewerInstance>;
+    viewerProps: import('vue').ComputedRef<import('../ele-app/types').Mutable<Omit<import('@vue/shared').LooseRequired<{
+        readonly modelValue: boolean;
+        readonly teleported: boolean;
+        readonly closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly hideOnClickModal: boolean;
+        readonly initialIndex: number;
+        readonly infinite: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly zoomRate: number;
+        readonly minScale: number;
+        readonly maxScale: number;
+        readonly urlList: string[];
+        readonly transitionName: string;
+        readonly keepAlive: boolean;
+        readonly zIndex?: number | undefined;
+        readonly crossorigin?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown> | undefined;
+        readonly customClass?: string | undefined;
+        readonly customStyle?: Record<string, any> | undefined;
+        readonly "onUpdate:modelValue"?: ((_value?: boolean | undefined) => any) | undefined;
+        readonly onClose?: (() => any) | undefined;
+        readonly onSwitch?: ((_index: number) => any) | undefined;
+        readonly onRotate?: ((_deg: number) => any) | undefined;
+    } & {}>, "modelValue" | "customClass" | "customStyle" | "transitionName" | "keepAlive">>>;
+    handleClose: () => void;
+    handleSwitch: (index: number) => void;
+    handleRotate: (deg: number) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_value?: boolean) => boolean;
+    close: () => boolean;
+    switch: (_index: number) => boolean;
+    rotate: (_deg: number) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: BooleanConstructor;
+    customClass: StringConstructor;
+    customStyle: ObjectConstructor;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    keepAlive: BooleanConstructor;
+    urlList: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideOnClickModal: BooleanConstructor;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    minScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((_value?: boolean | undefined) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((_index: number) => any) | undefined;
+    onRotate?: ((_deg: number) => any) | undefined;
+}, {
+    modelValue: boolean;
+    teleported: boolean;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideOnClickModal: boolean;
+    initialIndex: number;
+    infinite: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    zoomRate: number;
+    minScale: number;
+    maxScale: number;
+    urlList: string[];
+    transitionName: string;
+    keepAlive: boolean;
+}, {}>;
+export default _default;

package/es/ele-image-viewer/index.js

@@ -0,0 +1,88 @@
+import { defineComponent, ref, computed, onDeactivated, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, mergeProps, renderSlot, createCommentVNode } from "vue";
+import { ElImageViewer } from "element-plus";
+import { omit } from "../utils/core";
+import { imageViewerProps, imageViewerEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleImageViewer",
+  components: { ElImageViewer },
+  props: imageViewerProps,
+  emits: imageViewerEmits,
+  setup(props, { emit }) {
+    const imageViewerRef = ref(null);
+    const viewerProps = computed(() => {
+      const options = omit(props, [
+        "modelValue",
+        "customClass",
+        "customStyle",
+        "transitionName",
+        "keepAlive"
+      ]);
+      options.teleported = false;
+      return options;
+    });
+    const handleClose = () => {
+      emit("update:modelValue", false);
+      emit("close");
+    };
+    const handleSwitch = (index2) => {
+      emit("switch", index2);
+    };
+    const handleRotate = (deg) => {
+      emit("rotate", deg);
+    };
+    onDeactivated(() => {
+      handleClose();
+    });
+    return {
+      imageViewerRef,
+      viewerProps,
+      handleClose,
+      handleSwitch,
+      handleRotate
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElImageViewer = resolveComponent("ElImageViewer");
+  return openBlock(), createBlock(Teleport, {
+    to: "body",
+    disabled: !_ctx.teleported
+  }, [
+    createVNode(Transition, {
+      name: _ctx.transitionName,
+      appear: true
+    }, {
+      default: withCtx(() => [
+        _ctx.modelValue ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["ele-image-viewer", _ctx.customClass]),
+          style: normalizeStyle(_ctx.customStyle)
+        }, [
+          createVNode(_component_ElImageViewer, mergeProps(_ctx.viewerProps, {
+            ref: "imageViewerRef",
+            onClose: _ctx.handleClose,
+            onSwitch: _ctx.handleSwitch,
+            onRotate: _ctx.handleRotate
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["onClose", "onSwitch", "onRotate"])
+        ], 6)) : createCommentVNode("", true)
+      ]),
+      _: 3
+    }, 8, ["name"])
+  ], 8, ["disabled"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-image-viewer/props.d.ts

@@ -0,0 +1,58 @@
+import { ExtractPropTypes } from 'vue';
+
+/**
+ * 属性
+ */
+export declare const imageViewerProps: {
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否打开 */
+    modelValue: BooleanConstructor;
+    /** 自定义类名 */
+    customClass: StringConstructor;
+    /** 自定义样式 */
+    customStyle: ObjectConstructor;
+    /** 过渡动画名称 */
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 是否失活后仍然显示 */
+    keepAlive: BooleanConstructor;
+    urlList: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideOnClickModal: BooleanConstructor;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    minScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>;
+/**
+ * 事件
+ */
+export declare const imageViewerEmits: {
+    /** 更新打开状态 */
+    'update:modelValue': (_value?: boolean) => boolean;
+    /** 关闭事件 */
+    close: () => boolean;
+    /** 切换图像事件 */
+    switch: (_index: number) => boolean;
+    /** 旋转图像事件 */
+    rotate: (_deg: number) => boolean;
+};

package/es/ele-image-viewer/props.js

@@ -0,0 +1,35 @@
+import { imageViewerProps as imageViewerProps$1 } from "element-plus";
+const imageViewerProps = {
+  ...imageViewerProps$1,
+  teleported: {
+    type: Boolean,
+    default: true
+  },
+  /** 是否打开 */
+  modelValue: Boolean,
+  /** 自定义类名 */
+  customClass: String,
+  /** 自定义样式 */
+  customStyle: Object,
+  /** 过渡动画名称 */
+  transitionName: {
+    type: String,
+    default: "ele-image-viewer-fade"
+  },
+  /** 是否失活后仍然显示 */
+  keepAlive: Boolean
+};
+const imageViewerEmits = {
+  /** 更新打开状态 */
+  "update:modelValue": (_value) => true,
+  /** 关闭事件 */
+  close: () => true,
+  /** 切换图像事件 */
+  switch: (_index) => true,
+  /** 旋转图像事件 */
+  rotate: (_deg) => true
+};
+export {
+  imageViewerEmits,
+  imageViewerProps
+};

package/es/ele-image-viewer/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 图片预览主题变量 */
+@mixin set-image-viewer-var($var) {
+  .ele-image-viewer {
+    @include set-ele-var('image-viewer', $var);
+  }
+}

package/es/ele-image-viewer/style/index.js

@@ -0,0 +1,2 @@
+import "element-plus/es/components/image-viewer/style/index";
+import "./index.scss";