ele-admin-plus 1.2.1-beta.3 → 1.2.1-beta.5

package/lib/style/themes/default.scss

@@ -2,8 +2,10 @@
 @use 'sass:map';
 @use '../util.scss' as *;
 
-// 过渡动画
+// 过渡动画时间
 $transition-base: 0.2s !default;
+// 过渡动画慢速
+$transition-slow: 0.3s !default;
 // 美化滚动条样式选择器
 $scrollbar-selector: '' !default;
 // 输入框清空图标
@@ -14,8 +16,6 @@ $icon-validate-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 5
 $icon-expand-path: 'M362 811 662 512 362 213' !default;
 // 树表格加载图标
 $icon-loading-path: 'M512 128V299M789 235 672 352M896 512H725M789 789 672 672M512 896V725M235 789 352 672M128 512H299M235 235 352 352' !default;
-// 表格筛选图标
-$icon-filter-path: 'M349 838c0 17 14 32 31 32h262c17 0 31-14 31-32V642H349v196ZM880 154H143c-24 0-39 26-27 48l221 376h348l221-376c12-21-3-48-27-48' !default;
 // 字体
 $logo-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
   'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
@@ -242,16 +242,29 @@ $ele: map.deep-merge(
       'item-active-font-weight': bold,
       'item-danger-color': elVar('color-danger'),
       'item-danger-bg': elVar('color-danger', 'light-9'),
+      'item-danger-hover-bg': elVar('color-danger', 'light-8'),
+      'item-disabled-color': elVar('disabled', 'text-color'),
+      'item-disabled-bg': elVar('disabled', 'bg-color'),
       'icon-size': 16px,
       'icon-margin': 0 8px 0 -2px,
+      'arrow-size': 14px,
+      'arrow-color': elVar('text-color', 'placeholder'),
+      'arrow-padding': 0 0 0 6px,
+      'arrow-margin': 0 -8px 0 auto,
+      'divider': 1px solid elVar('border-color', 'light'),
+      'divider-margin': 6px 0,
       'sm-padding': 3px 0,
       'sm-item-height': 24px,
       'sm-item-padding': 0 12px,
       'sm-item-font-size': elVar('font-size', 'extra-small'),
+      'sm-icon-size': 14px,
+      'sm-divider-margin': 3px 0,
       'lg-padding': 8px 0,
       'lg-item-height': 36px,
       'lg-item-padding': 0 20px,
-      'lg-item-font-size': elVar('font-size', 'base')
+      'lg-item-font-size': elVar('font-size', 'base'),
+      'lg-icon-size': 16px,
+      'lg-divider-margin': 8px 0
     ),
     'file': (
       // 文件列表
@@ -606,7 +619,6 @@ $ele: map.deep-merge(
       'tool-hover-color': elVar('text-color', 'primary'),
       'hover-index': 2,
       'active-index': 3,
-      'transition': (color, background-color, border-color, box-shadow),
       'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.15),
       'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15),
       'sm-height': 32px,
@@ -774,6 +786,63 @@ $ele: map.deep-merge(
       'padding': 6px 0,
       'item-disabled-color': elVar('disabled', 'text-color')
     ),
+    'upload-list': (
+      // 文件上传
+      'width': 108px,
+      'height': 108px,
+      'padding': 6px,
+      'gap': 8px,
+      'border': 1px solid elVar('border-color'),
+      'radius': elVar('border-radius', 'base'),
+      'bg': elVar('bg-color'),
+      'btn-color': elVar('text-color', 'secondary'),
+      'btn-font-size': 22px,
+      'btn-bg': elVar('fill-color', 'lighter'),
+      'btn-border': 1px dashed elVar('border-color'),
+      'btn-hover-border': 1px dashed elVar('color-primary'),
+      'btn-drag-bg': elVar('color-primary', 'light-9'),
+      'btn-disabled-color': elVar('disabled', 'text-color'),
+      'btn-disabled-bg': elVar('disabled', 'bg-color'),
+      'btn-disabled-border': 1px dashed elVar('disabled', 'border-color'),
+      'tool-color': #fff,
+      'tool-font-size': 12px,
+      'tool-padding': 4px 0,
+      'tool-bg': hsla(0, 0%, 40%, 0.8),
+      'tool-hover-bg': hsla(0, 0%, 60%, 0.8),
+      'del-size': 18px,
+      'del-icon-margin': -2px -3px 0 0,
+      'del-hover-bg': elVar('color-danger'),
+      'del-shadow': 0 0 2px 0 rgba(255, 255, 255, 0.6),
+      'thumbnail-color': elVar('text-color', 'regular'),
+      'thumbnail-font-size': 12px,
+      'thumbnail-icon-color': elVar('text-color', 'placeholder'),
+      'thumbnail-icon-font-size': 24px,
+      'thumbnail-gap': 4px,
+      'progress-padding': 0 6px,
+      'progress-bg': rgba(0, 0, 0, 0.6),
+      'progress-color': #fff,
+      'progress-font-size': 12px,
+      'progress-tool-font-size': 12px,
+      'progress-tool-padding': 4px,
+      'progress-tool-radius': elVar('border-radius', 'small'),
+      'progress-tool-gap': 4px,
+      'progress-tool-bg': hsla(0, 0%, 60%, 0.4),
+      'progress-tool-hover-bg': hsla(0, 0%, 60%, 0.8),
+      'file-height': 26px,
+      'file-padding': 8px,
+      'file-btn-font-size': 15px,
+      'file-tool-size': 20px,
+      'file-tool-color': elVar('text-color', 'secondary'),
+      'file-tool-radius': elVar('border-radius', 'small'),
+      'file-tool-gap': 2px,
+      'file-tool-hover-color': elVar('color-primary'),
+      'file-tool-hover-bg': transparent,
+      'file-del-margin': 0 -4px 0 2px,
+      'file-del-hover-color': elVar('color-danger'),
+      'file-thumbnail-font-size': 14px,
+      'file-thumbnail-icon-color': elVar('text-color', 'secondary'),
+      'file-thumbnail-icon-font-size': 14px
+    ),
     'popper': (
       // 底层气泡
       'bg': elVar('bg-color', 'overlay'),
@@ -1108,7 +1177,16 @@ $ele: map.deep-merge(
     ),
     'image-viewer': (
       // 图片预览
-      'tool-bg': hsla(0, 0%, 28%, 0.6)
+      'tool-bg': hsla(0, 0%, 40%, 0.6),
+      'tool-hover-bg': hsla(0, 0%, 36%, 0.8),
+      'tool-size': 42px,
+      'tool-font-size': 20px,
+      'tool-action-size': 42px,
+      'tool-action-font-size': 18px,
+      'tool-action-gap': 0,
+      'tool-action-hover-bg': hsla(0, 0%, 32%, 0.4),
+      'tool-shadow': 0 0 1px 0 rgba(255, 255, 255, 0.2),
+      'disabled-opacity': 0.4
     ),
     'descriptions': (
       // 描述列表

package/lib/style/themes/rounded.scss

@@ -134,14 +134,13 @@ $ele-rounded: map.deep-merge(
       'close-hover-bg': hsla(0, 0%, 60%, 0.15),
       'active-close-hover-color': elVar('text-color', 'primary'),
       'active-close-hover-bg': hsla(0, 0%, 60%, 0.15),
-      'transition': (color, box-shadow),
       'sm-close-size': 14px,
       'lg-close-size': 20px,
-      'simple-radius': 8px 8px 0px 0px,
+      'simple-radius': 10px 10px 0px 0px,
       'simple-active-weight': bold,
       'simple-active-line': 0px,
       'simple-line-display': none,
-      'simple-angle-size': 10px,
+      'simple-angle-size': 12px,
       'simple-angle-display': block,
       'simple-tool-hover-bg': transparent,
       'button-radius': $radius-large,
@@ -180,6 +179,10 @@ $ele-rounded: map.deep-merge(
       'item-radius': elVar('border-radius', 'small'),
       'expand-hover-bg': hsla(0, 0%, 60%, 0.15)
     ),
+    'upload-list': (
+      'file-tool-hover-color': elVar('text-color', 'primary'),
+      'file-tool-hover-bg': elVar('fill-color', 'light')
+    ),
     'popper': (
       'radius': $radius-large
     ),

package/lib/style/themes/theme-util.scss

@@ -11,6 +11,7 @@
 @use '../../ele-dropdown/style/css-var.scss' as *;
 @use '../../ele-file-list/style/css-var.scss' as *;
 @use '../../ele-icon-select/style/css-var.scss' as *;
+@use '../../ele-image-viewer/style/css-var.scss' as *;
 @use '../../ele-loading/style/css-var.scss' as *;
 @use '../../ele-map-picker/style/css-var.scss' as *;
 @use '../../ele-menus/style/css-var.scss' as *;
@@ -29,6 +30,7 @@
 @use '../../ele-toolbar/style/css-var.scss' as *;
 @use '../../ele-tooltip/style/css-var.scss' as *;
 @use '../../ele-tree-select/style/css-var.scss' as *;
+@use '../../ele-upload-list/style/css-var.scss' as *;
 @use '../../ele-virtual-table/style/css-var.scss' as *;
 
 /* 生成主题的 css 变量 */
@@ -47,6 +49,7 @@
     @include set-dropdown-var($var);
     @include set-file-var($var);
     @include set-icon-var($var);
+    @include set-image-viewer-var($var);
     @include set-loading-var($var);
     @include set-map-var($var);
     @include set-menus-var($var);
@@ -65,6 +68,7 @@
     @include set-toolbar-var($var);
     @include set-tooltip-var($var);
     @include set-tree-select-var($var);
+    @include set-upload-list-var($var);
     @include set-virtual-table-var($var);
   }
 }

package/lib/style/util.scss

@@ -27,11 +27,18 @@
   @return eleJoinVar($args);
 }
 
+/* 生成 css 变量 */
+@mixin set-ele-var-value($name, $attribute, $value) {
+  #{eleVarName($name, $attribute)}: #{$value};
+}
+
 /* 生成组件 css 变量 */
 @mixin set-ele-var($name, $variables) {
-  @if map.has-key($variables, $name) {
-    @each $attribute, $value in map.get($variables, $name) {
-      #{eleVarName($name, $attribute)}: #{$value};
+  & {
+    @if map.has-key($variables, $name) {
+      @each $attribute, $value in map.get($variables, $name) {
+        @include set-ele-var-value($name, $attribute, $value);
+      }
     }
   }
 }

package/lib/utils/core.d.ts

@@ -1,3 +1,5 @@
+import { Mutable } from '../ele-app/types';
+
 /**
  * toTree 方法参数
  */
@@ -157,10 +159,10 @@ export declare function throttle<T extends (...args: any) => any>(func: T, wait:
  * @param obj 来源对象
  * @param fields 忽略的属性
  */
-export declare function omit<T extends {}, K extends keyof T>(obj: T | null | undefined, fields: K[]): Omit<T, K>;
+export declare function omit<T extends {}, K extends keyof T>(obj: T | null | undefined, fields: K[]): Mutable<Omit<T, K>>;
 /**
  * 摘选对象属性
  * @param obj 来源对象
  * @param fields 摘选的属性
  */
-export declare function pick<T extends object, K extends keyof T>(obj: T, fields: K[]): Pick<T, K>;
+export declare function pick<T extends object, K extends keyof T>(obj: T, fields: K[]): Mutable<Pick<T, K>>;

package/lib/utils/hook.cjs

@@ -240,7 +240,11 @@ function useMoveEvent(option) {
   };
   const handleTouchstart = (e) => {
     emitStart(e.touches[0].clientX, e.touches[0].clientY, e);
-    document.addEventListener("touchmove", touchmoveFn);
+    document.addEventListener(
+      "touchmove",
+      touchmoveFn,
+      option == null ? void 0 : option.touchmoveOptions
+    );
     document.addEventListener("touchend", touchendFn);
   };
   vue.onBeforeUnmount(() => {

package/lib/utils/hook.d.ts

@@ -85,6 +85,8 @@ export interface UseTouchEventOption<T> {
     move?: (param: UseTouchEventCallbackParam<T>) => void;
     /** 触摸结束的回调 */
     end?: (param: UseTouchEventCallbackParam<T>) => void;
+    /** touchmove 事件参数 */
+    touchmoveOptions?: any;
 }
 /**
  * 触摸事件

package/lib/utils/menu-util.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
+const vueRouter = require("vue-router");
 const util = require("../ele-pro-layout/util");
 const core = require("./core");
 function camelCase(str) {
@@ -25,13 +26,18 @@ function getRouteComponent(menu, name, func) {
       name,
       setup() {
         var _a;
-        const src = menu.component;
-        const isAlive = ((_a = menu.meta) == null ? void 0 : _a.keepAlive) !== false;
         const proLayoutState = util.useProLayoutState();
+        const route = vueRouter.useRoute();
+        const { fullPath } = route;
+        const iframeSrc = vue.ref(util.getIframeSrc(fullPath, menu.component));
+        const isAlive = ((_a = menu.meta) == null ? void 0 : _a.keepAlive) !== false;
         const keepAlive = vue.computed(() => !!proLayoutState.keepAlive);
         return () => {
           if (!isAlive || !keepAlive.value) {
-            return vue.h("iframe", { src, class: "ele-admin-iframe" });
+            return vue.h("iframe", {
+              src: iframeSrc.value,
+              class: "ele-admin-iframe"
+            });
           }
           return vue.h("div", { class: "ele-none", style: { display: "none" } });
         };

package/lib/utils/message-box.cjs

@@ -50,8 +50,12 @@ function useMessageBox(globalOpt) {
           state.wrapEl = getWrapEl(layoutState.modalsEl);
         }
         opt.appendTo = state.wrapEl;
+      } else if (opt.appendTo != null) {
+        opt.appendTo = vue.unref(opt.appendTo);
       }
       opt.lockScroll = false;
+    } else if (opt.appendTo != null) {
+      opt.appendTo = vue.unref(opt.appendTo);
     }
     const classes = ["ele-message-box"];
     if (opt.customClass) {

package/lib/utils/message.cjs

@@ -50,7 +50,7 @@ function normalizeOption(params, globalOpt, onClose, type, loading, getWrapEl2,
     opt.message = params;
   }
   opt.type = type ?? opt.type;
-  opt.appendTo = opt.appendTo ?? (getWrapEl2 == null ? void 0 : getWrapEl2(opt.inner));
+  opt.appendTo = (opt.appendTo == null ? void 0 : vue.unref(opt.appendTo)) ?? (getWrapEl2 == null ? void 0 : getWrapEl2(opt.inner));
   const classes = ["ele-message"];
   if (opt.original === "plain") {
     classes.push("is-plain-alert");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.2.1-beta.3",
+  "version": "1.2.1-beta.5",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",
@@ -18,65 +18,65 @@
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
-    "@ant-design/colors": "^7.0.2",
-    "@babel/types": "^7.24.7",
+    "@ant-design/colors": "^7.1.0",
+    "@babel/types": "^7.25.4",
     "@bytemd/plugin-gfm": "^1.21.0",
     "@bytemd/plugin-highlight": "^1.21.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.14.8",
+    "@types/node": "^22.5.0",
     "@types/nprogress": "^0.2.3",
     "@types/sortablejs": "^1.15.8",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
-    "@vitejs/plugin-vue": "^5.0.5",
-    "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "@vue/compiler-sfc": "^3.4.30",
-    "@vueuse/core": "^10.11.0",
-    "axios": "^1.7.2",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "@vue/compiler-sfc": "^3.4.38",
+    "@vueuse/core": "^11.0.1",
+    "axios": "^1.7.5",
     "bytemd": "^1.21.0",
     "chalk": "^5.3.0",
     "countup.js": "^2.8.0",
     "cropperjs": "^1.6.2",
-    "dayjs": "^1.11.11",
-    "echarts": "^5.5.0",
+    "dayjs": "^1.11.13",
+    "echarts": "^5.5.1",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.7.6",
+    "element-plus": "^2.8.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.26.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-vue": "^9.27.0",
     "esno": "^4.7.0",
     "exceljs": "^4.4.0",
-    "execa": "^9.3.0",
+    "execa": "^9.3.1",
     "github-markdown-css": "^5.6.1",
-    "highlight.js": "^11.9.0",
+    "highlight.js": "^11.10.0",
     "jsbarcode": "^3.11.6",
     "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.50.0",
+    "monaco-editor": "^0.51.0",
     "nprogress": "^0.2.0",
-    "p-limit": "^5.0.0",
-    "pinia": "^2.1.7",
-    "postcss": "^8.4.38",
-    "prettier": "^3.3.2",
-    "rimraf": "^5.0.7",
-    "sass": "^1.77.6",
+    "p-limit": "^6.1.0",
+    "pinia": "^2.2.2",
+    "postcss": "^8.4.41",
+    "prettier": "^3.3.3",
+    "rimraf": "^6.0.1",
+    "sass": "^1.77.8",
     "sortablejs": "^1.15.2",
     "tinymce": "^5.10.9",
-    "typescript": "^5.5.2",
-    "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.3.1",
+    "typescript": "^5.5.4",
+    "unplugin-vue-components": "^0.27.4",
+    "vite": "^5.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vue": "^3.4.30",
-    "vue-echarts": "^6.7.3",
+    "vue": "^3.4.38",
+    "vue-echarts": "^7.0.3",
     "vue-eslint-parser": "^9.4.3",
-    "vue-i18n": "^9.13.1",
-    "vue-router": "^4.4.0",
-    "vue-tsc": "^2.0.22",
+    "vue-i18n": "^9.14.0",
+    "vue-router": "^4.4.3",
+    "vue-tsc": "^2.0.29",
     "vuedraggable": "^4.1.0",
-    "xgplayer": "^3.0.18",
-    "xgplayer-hls": "^3.0.18",
-    "xgplayer-music": "^3.0.18"
+    "xgplayer": "^3.0.20",
+    "xgplayer-hls": "^3.0.20",
+    "xgplayer-music": "^3.0.20"
   },
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/typings/global.d.ts

@@ -27,6 +27,7 @@ declare module '@vue/runtime-core' {
     EleFileList: (typeof import('ele-admin-plus'))['EleFileList'];
     EleFileListTool: (typeof import('ele-admin-plus'))['EleFileListTool'];
     EleIconSelect: (typeof import('ele-admin-plus'))['EleIconSelect'];
+    EleImageViewer: (typeof import('ele-admin-plus'))['EleImageViewer'];
     EleLoading: (typeof import('ele-admin-plus'))['EleLoading'];
     EleMapPicker: (typeof import('ele-admin-plus'))['EleMapPicker'];
     EleMenus: (typeof import('ele-admin-plus'))['EleMenus'];

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

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

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

@@ -1 +0,0 @@
-import "./index.scss";

package/es/ele-app/style/overwrite/image-viewer/index.scss

@@ -1,10 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-el-image-viewer-var($ele);
-
-/* ImageViewer */
-.el-image-viewer__wrapper {
-  #{elVarName('text-color', 'regular')}: eleVar('image-viewer', 'tool-bg');
-}

package/es/ele-tabs/components/tab-title.d.ts

@@ -1,52 +0,0 @@
-import { PropType } from 'vue';
-import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
-import { DropdownItem } from '../../ele-dropdown/types';
-import { TabPaneItem, TabEventOption } from '../types';
-
-declare const _default: import('vue').DefineComponent<{
-    /** 当前选中页签 */
-    active: (StringConstructor | NumberConstructor)[];
-    /** 页签标识 */
-    tabName: (StringConstructor | NumberConstructor)[];
-    /** 页签标题 */
-    label: StringConstructor;
-    /** 页签数据 */
-    item: PropType<TabPaneItem>;
-    /** 是否支持右键菜单 */
-    contextMenu: PropType<boolean | EleDropdownProps>;
-    /** 右键菜单 */
-    contextMenus: PropType<DropdownItem[]>;
-    /** 是否自己处理页签点击事件 */
-    handleClick: BooleanConstructor;
-}, {
-    dropdownRef: import('vue').Ref<EleDropdownInstance>;
-    handleContextMenu: (command: string) => void;
-    handleContextVisible: (visible: boolean) => void;
-    handleTitleClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (_opt: TabEventOption) => true;
-    contextMenu: (_option: TabEventOption) => true;
-    contextOpen: (_ref: EleDropdownInstance) => true;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 当前选中页签 */
-    active: (StringConstructor | NumberConstructor)[];
-    /** 页签标识 */
-    tabName: (StringConstructor | NumberConstructor)[];
-    /** 页签标题 */
-    label: StringConstructor;
-    /** 页签数据 */
-    item: PropType<TabPaneItem>;
-    /** 是否支持右键菜单 */
-    contextMenu: PropType<boolean | EleDropdownProps>;
-    /** 右键菜单 */
-    contextMenus: PropType<DropdownItem[]>;
-    /** 是否自己处理页签点击事件 */
-    handleClick: BooleanConstructor;
-}>> & {
-    onItemClick?: ((_opt: TabEventOption) => any) | undefined;
-    onContextMenu?: ((_option: TabEventOption) => any) | undefined;
-    onContextOpen?: ((_ref: EleDropdownInstance) => any) | undefined;
-}, {
-    handleClick: boolean;
-}, {}>;
-export default _default;

package/es/ele-tabs/components/tab-title.js

@@ -1,115 +0,0 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import EleDropdown from "../../ele-dropdown/index";
-const _sfc_main = defineComponent({
-  name: "TabTitle",
-  components: { EleDropdown },
-  props: {
-    /** 当前选中页签 */
-    active: [String, Number],
-    /** 页签标识 */
-    tabName: [String, Number],
-    /** 页签标题 */
-    label: String,
-    /** 页签数据 */
-    item: Object,
-    /** 是否支持右键菜单 */
-    contextMenu: [Boolean, Object],
-    /** 右键菜单 */
-    contextMenus: Array,
-    /** 是否自己处理页签点击事件 */
-    handleClick: Boolean
-  },
-  emits: {
-    itemClick: (_opt) => true,
-    contextMenu: (_option) => true,
-    contextOpen: (_ref) => true
-  },
-  setup(props, { emit }) {
-    const dropdownRef = ref(null);
-    const handleContextMenu = (command) => {
-      emit("contextMenu", {
-        command,
-        name: props.tabName,
-        item: props.item,
-        active: props.active
-      });
-    };
-    const handleContextVisible = (visible) => {
-      if (visible) {
-        emit("contextOpen", dropdownRef.value);
-      }
-    };
-    const handleTitleClick = (e) => {
-      if (props.handleClick) {
-        e.stopPropagation();
-      }
-      emit("itemClick", {
-        name: props.tabName,
-        item: props.item,
-        active: props.active
-      });
-    };
-    return {
-      dropdownRef,
-      handleContextMenu,
-      handleContextVisible,
-      handleTitleClick
-    };
-  }
-});
-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_EleDropdown = resolveComponent("EleDropdown");
-  return openBlock(), createBlock(_component_EleDropdown, mergeProps({
-    placement: "bottom-start",
-    popperClass: "ele-tab-popup",
-    popperOptions: {
-      modifiers: [{ name: "offset", options: { offset: [0, 8] } }]
-    }
-  }, !_ctx.contextMenu || typeof _ctx.contextMenu == "boolean" ? {} : _ctx.contextMenu, {
-    ref: "dropdownRef",
-    trigger: "contextmenu",
-    disabled: !_ctx.contextMenu,
-    items: _ctx.contextMenus,
-    onCommand: _ctx.handleContextMenu,
-    onVisibleChange: _ctx.handleContextVisible
-  }), createSlots({
-    default: withCtx(() => [
-      createElementVNode("div", {
-        class: "ele-tab-title",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTitleClick && _ctx.handleTitleClick(...args))
-      }, [
-        renderSlot(_ctx.$slots, "label", {
-          label: _ctx.label,
-          item: _ctx.item,
-          active: _ctx.active
-        }, () => [
-          createTextVNode(toDisplayString(_ctx.label), 1)
-        ])
-      ])
-    ]),
-    _: 2
-  }, [
-    _ctx.$slots.contextMenu ? {
-      name: "dropdownMenu",
-      fn: withCtx(() => [
-        renderSlot(_ctx.$slots, "contextMenu", {
-          tabName: _ctx.tabName,
-          item: _ctx.item,
-          active: _ctx.active
-        })
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1040, ["disabled", "items", "onCommand", "onVisibleChange"]);
-}
-const tabTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  tabTitle as default
-};

package/lib/ele-app/style/overwrite/image-viewer/css-var.scss

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

package/lib/ele-app/style/overwrite/image-viewer/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.scss");

package/lib/ele-app/style/overwrite/image-viewer/index.scss

@@ -1,10 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-el-image-viewer-var($ele);
-
-/* ImageViewer */
-.el-image-viewer__wrapper {
-  #{elVarName('text-color', 'regular')}: eleVar('image-viewer', 'tool-bg');
-}