ele-admin-plus 1.3.0 → 1.4.0-beta.1

package/es/icons/RecoverOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/ReloadOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/ResizeOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/RollbackOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SearchOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SettingOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/ShoppingOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SizeCompactOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createStaticVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createStaticVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SizeMiddleOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createStaticVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createStaticVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SizeSlackOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SortOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/StarFilled.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "currentColor"

package/es/icons/StepBackwardFilled.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = { viewBox: "0 0 48 48" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "StepBackwardFilled" },

package/es/icons/StepForwardFilled.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = { viewBox: "0 0 48 48" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "StepForwardFilled" },

package/es/icons/StopOutlined.d.ts

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

package/es/icons/StopOutlined.js

@@ -0,0 +1,22 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "StopOutlined" },
+  __name: "StopOutlined",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+        createElementVNode("path", { d: "M38.6 38.6L9.4 9.4M24 45C35 45 45 35 45 24 45 13 35 3 24 3 13 3 3 13 3 24 3 35 13 45 24 45Z" }, null, -1)
+      ]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/icons/SuitcaseOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SunOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createStaticVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createStaticVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SwapOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/SyncOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/TableOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/TagOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/TimerOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/UndoOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/UnlockOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/UploadOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/UserOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/VerticalAlignMiddleOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/VerticalLeftOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/VerticalRightOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/WarningOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/ZoomInOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/ZoomOutOutlined.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   viewBox: "0 0 48 48",
   fill: "none",

package/es/icons/index.d.ts

@@ -101,6 +101,7 @@ export { default as SortOutlined } from './SortOutlined';
 export { default as StarFilled } from './StarFilled';
 export { default as StepBackwardFilled } from './StepBackwardFilled';
 export { default as StepForwardFilled } from './StepForwardFilled';
+export { default as StopOutlined } from './StopOutlined';
 export { default as SuitcaseOutlined } from './SuitcaseOutlined';
 export { default as SunOutlined } from './SunOutlined';
 export { default as SwapOutlined } from './SwapOutlined';

package/es/icons/index.js

@@ -101,23 +101,24 @@ import { default as default101 } from "./SortOutlined";
 import { default as default102 } from "./StarFilled";
 import { default as default103 } from "./StepBackwardFilled";
 import { default as default104 } from "./StepForwardFilled";
-import { default as default105 } from "./SuitcaseOutlined";
-import { default as default106 } from "./SunOutlined";
-import { default as default107 } from "./SwapOutlined";
-import { default as default108 } from "./SyncOutlined";
-import { default as default109 } from "./TableOutlined";
-import { default as default110 } from "./TagOutlined";
-import { default as default111 } from "./TimerOutlined";
-import { default as default112 } from "./UndoOutlined";
-import { default as default113 } from "./UnlockOutlined";
-import { default as default114 } from "./UploadOutlined";
-import { default as default115 } from "./UserOutlined";
-import { default as default116 } from "./VerticalAlignMiddleOutlined";
-import { default as default117 } from "./VerticalLeftOutlined";
-import { default as default118 } from "./VerticalRightOutlined";
-import { default as default119 } from "./WarningOutlined";
-import { default as default120 } from "./ZoomInOutlined";
-import { default as default121 } from "./ZoomOutOutlined";
+import { default as default105 } from "./StopOutlined";
+import { default as default106 } from "./SuitcaseOutlined";
+import { default as default107 } from "./SunOutlined";
+import { default as default108 } from "./SwapOutlined";
+import { default as default109 } from "./SyncOutlined";
+import { default as default110 } from "./TableOutlined";
+import { default as default111 } from "./TagOutlined";
+import { default as default112 } from "./TimerOutlined";
+import { default as default113 } from "./UndoOutlined";
+import { default as default114 } from "./UnlockOutlined";
+import { default as default115 } from "./UploadOutlined";
+import { default as default116 } from "./UserOutlined";
+import { default as default117 } from "./VerticalAlignMiddleOutlined";
+import { default as default118 } from "./VerticalLeftOutlined";
+import { default as default119 } from "./VerticalRightOutlined";
+import { default as default120 } from "./WarningOutlined";
+import { default as default121 } from "./ZoomInOutlined";
+import { default as default122 } from "./ZoomOutOutlined";
 export {
   default2 as AnalysisOutlined,
   default3 as ApplicationOutlined,
@@ -222,21 +223,22 @@ export {
   default102 as StarFilled,
   default103 as StepBackwardFilled,
   default104 as StepForwardFilled,
-  default105 as SuitcaseOutlined,
-  default106 as SunOutlined,
-  default107 as SwapOutlined,
-  default108 as SyncOutlined,
-  default109 as TableOutlined,
-  default110 as TagOutlined,
-  default111 as TimerOutlined,
-  default112 as UndoOutlined,
-  default113 as UnlockOutlined,
-  default114 as UploadOutlined,
-  default115 as UserOutlined,
-  default116 as VerticalAlignMiddleOutlined,
-  default117 as VerticalLeftOutlined,
-  default118 as VerticalRightOutlined,
-  default119 as WarningOutlined,
-  default120 as ZoomInOutlined,
-  default121 as ZoomOutOutlined
+  default105 as StopOutlined,
+  default106 as SuitcaseOutlined,
+  default107 as SunOutlined,
+  default108 as SwapOutlined,
+  default109 as SyncOutlined,
+  default110 as TableOutlined,
+  default111 as TagOutlined,
+  default112 as TimerOutlined,
+  default113 as UndoOutlined,
+  default114 as UnlockOutlined,
+  default115 as UploadOutlined,
+  default116 as UserOutlined,
+  default117 as VerticalAlignMiddleOutlined,
+  default118 as VerticalLeftOutlined,
+  default119 as VerticalRightOutlined,
+  default120 as WarningOutlined,
+  default121 as ZoomInOutlined,
+  default122 as ZoomOutOutlined
 };

package/es/lang/en_US.js

@@ -43,6 +43,7 @@ const localeValues = {
     columnReset: "Reset",
     columnUntitled: "Untitled",
     columnIndex: "Index",
+    columnSelection: "Selection",
     columnExpand: "Expand",
     columnFixedLeft: "Pin to left",
     columnFixedRight: "Pin to right",
@@ -78,6 +79,35 @@ const localeValues = {
     prev: "Previous",
     next: "Next",
     finish: "Finish"
+  },
+  proForm: {
+    submit: "Submit",
+    reset: "Reset",
+    expand: "Expand",
+    shrink: "Shrink",
+    required: "{label} is required"
+  },
+  crud: {
+    save: "Save",
+    cancel: "Cancel",
+    action: "Action",
+    add: "Add",
+    edit: "Edit",
+    delete: "Delete",
+    deleteConfirm: "Are you sure to delete?",
+    deleteConfirmTitle: "Delete confirm",
+    deleteBatch: "Delete",
+    deleteBatchConfirm: "Are you sure to delete the selected data?",
+    deleteBatchConfirmTitle: "Delete confirm",
+    deleteBatchTip: "Please select data",
+    deleteLoading: "Deleting..",
+    deleteSuccess: "Deleted successfully",
+    deleteError: "Failed to delete",
+    editSuccess: "Modified successfully",
+    editError: "Failed to modify",
+    addSuccess: "Add successfully",
+    addError: "Failed to add",
+    search: "Search"
   }
 };
 export {

package/es/lang/zh_CN.js

@@ -43,6 +43,7 @@ const localeValues = {
     columnReset: "重置",
     columnUntitled: "无标题",
     columnIndex: "序号列",
+    columnSelection: "选择列",
     columnExpand: "展开列",
     columnFixedLeft: "固定在左侧",
     columnFixedRight: "固定在右侧",
@@ -78,6 +79,35 @@ const localeValues = {
     prev: "上一步",
     next: "下一步",
     finish: "结束"
+  },
+  proForm: {
+    submit: "提交",
+    reset: "重置",
+    expand: "展开",
+    shrink: "收起",
+    required: "{label}必填"
+  },
+  crud: {
+    save: "保存",
+    cancel: "取消",
+    action: "操作",
+    add: "添加",
+    edit: "修改",
+    delete: "删除",
+    deleteConfirm: "确定要删除吗？",
+    deleteConfirmTitle: "删除确认",
+    deleteBatch: "删除",
+    deleteBatchConfirm: "确定要删除选中数据吗？",
+    deleteBatchConfirmTitle: "删除确认",
+    deleteBatchTip: "请至少选择一条数据",
+    deleteLoading: "删除中..",
+    deleteSuccess: "删除成功",
+    deleteError: "删除失败",
+    editSuccess: "修改成功",
+    editError: "修改失败",
+    addSuccess: "添加成功",
+    addError: "添加失败",
+    search: "查询"
   }
 };
 export {

package/es/lang/zh_TW.js

@@ -42,11 +42,12 @@ const localeValues = {
     columnTitle: "列展示",
     columnReset: "重置",
     columnUntitled: "無標題",
-    columnIndex: "序號列",
-    columnExpand: "展開列",
+    columnIndex: "序號欄",
+    columnSelection: "選擇欄",
+    columnExpand: "展開欄",
     columnFixedLeft: "固定在左側",
     columnFixedRight: "固定在右側",
-    columnWidth: "列寬",
+    columnWidth: "欄寬",
     exportOk: "確認",
     exportCancel: "取消",
     exportFileName: "檔名",
@@ -78,6 +79,35 @@ const localeValues = {
     prev: "上一步",
     next: "下一步",
     finish: "結束"
+  },
+  proForm: {
+    submit: "提交",
+    reset: "重置",
+    expand: "展開",
+    shrink: "收起",
+    required: "{label}必填"
+  },
+  crud: {
+    save: "儲存",
+    cancel: "取消",
+    action: "操作",
+    add: "新增",
+    edit: "編輯",
+    delete: "刪除",
+    deleteConfirm: "確定要刪除嗎？",
+    deleteConfirmTitle: "刪除確認",
+    deleteBatch: "刪除",
+    deleteBatchConfirm: "確定要刪除選中的資料嗎？",
+    deleteBatchConfirmTitle: "刪除確認",
+    deleteBatchTip: "請至少選擇一筆資料",
+    deleteLoading: "刪除中..",
+    deleteSuccess: "刪除成功",
+    deleteError: "刪除失敗",
+    editSuccess: "修改成功",
+    editError: "修改失敗",
+    addSuccess: "新增成功",
+    addError: "新增失敗",
+    search: "查詢"
   }
 };
 export {

package/es/style/plus.scss

@@ -9,6 +9,8 @@
 @use '../ele-card/style/index.scss' as card;
 @use '../ele-check-card/style/index.scss' as checkCard;
 @use '../ele-cropper/style/index.scss' as cropper;
+@use '../ele-crud/style/index.scss' as crud;
+@use '../ele-crud-builder/style/index.scss' as crudBuilder;
 @use '../ele-dashboard/style/index.scss' as dashboard;
 @use '../ele-data-table/style/index.scss' as dataTable;
 @use '../ele-dot/style/index.scss' as dot;

package/es/style/themes/default.scss

@@ -17,9 +17,10 @@ $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;
 // 字体
-$logo-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
+$logo-family:
+  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+  Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+  'Segoe UI Symbol', 'Noto Color Emoji' !default;
 
 // 主题变量
 $ele: () !default;
@@ -56,6 +57,8 @@ $ele: map.deep-merge(
       'dark-color': #fff,
       'dark-bg': #001529,
       'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.1),
+      'primary-bg': elVar('color-primary'),
+      'primary-shadow': eleVar('header', 'dark-shadow'),
       'primary-active-bg': transparent,
       'ghost-bg': hsla(0, 0%, 100%, 0.4),
       'ghost-filter': blur(8px)
@@ -80,6 +83,7 @@ $ele: map.deep-merge(
       'dark-shadow': 0 0 4px rgba(0, 0, 0, 0.35),
       'transition': (width $transition-base, left $transition-base),
       'tool-height': 40px,
+      'mobile-backdrop-filter': none,
       'ghost-bg': elVar('fill-color', 'lighter')
     ),
     'sidebox': (
@@ -269,7 +273,7 @@ $ele: map.deep-merge(
     'file': (
       // 文件列表
       'selector-index': 999,
-      'selector-border': 1px solid #1677ff,
+      'selector-border': 1px solid #2f54eb,
       'selector-bg': rgba(0, 120, 215, 0.2),
       'header-height': 38px,
       'header-padding': 16px,
@@ -551,7 +555,8 @@ $ele: map.deep-merge(
     ),
     'pro-form-builder': (
       // 表单构建器
-      'descriptions-label-wdith': 110px
+      'group-label-bg': elVar('bg-color'),
+      'group-label-backdrop-filter': none
     ),
     'segmented': (
       // 分段器
@@ -588,6 +593,7 @@ $ele: map.deep-merge(
     'step': (
       // 步骤条
       'bg': elVar('bg-color'),
+      'backdrop-filter': none,
       'line-size': 1px,
       'line-color': elVar('border-color', 'light'),
       'line-space': 8px,
@@ -733,7 +739,7 @@ $ele: map.deep-merge(
       'color': elVar('text-color', 'regular'),
       'border-color': elVar('border-color', 'light'),
       'font-size': elVar('font-size', 'base'),
-      'line-height': 24px,
+      'line-height': 1.71428565,
       'padding': 9px 12px,
       'th-color': elVar('text-color', 'primary'),
       'th-font-weight': normal,
@@ -763,6 +769,7 @@ $ele: map.deep-merge(
       'expand-margin': 0 4px 0 -2px,
       'fixed-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.15),
       'fixed-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15),
+      'fixed-backdrop-filter': none,
       'sticky-top': 0,
       'fixed-header-sticky-top': 94px,
       'maximized-sticky-top': 40px,
@@ -901,6 +908,13 @@ $ele: map.deep-merge(
       'file-thumbnail-icon-color': elVar('text-color', 'secondary'),
       'file-thumbnail-icon-font-size': 14px
     ),
+    'viewer': (
+      'bg': radial-gradient(
+          #{elVar('text-color', 'placeholder')} 8%,
+          #{elVar('bg-color', 'page')} 8%
+        )
+        center / 16px 16px repeat
+    ),
     'popper': (
       // 底层气泡
       'bg': elVar('bg-color', 'overlay'),

package/es/style/themes/rounded.scss

@@ -173,11 +173,7 @@ $ele-rounded: map.deep-merge(
       'radius': $radius-large
     ),
     'tree-select': (
-      'padding': 6px 4px,
-      'item-margin': 2px,
-      'item-padding': 0 12px,
-      'item-radius': elVar('border-radius', 'small'),
-      'expand-hover-bg': hsla(0, 0%, 60%, 0.15)
+      'padding': 6px 4px
     ),
     'upload-list': (
       'file-tool-hover-color': elVar('text-color', 'primary'),

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

@@ -36,6 +36,7 @@
 @use '../../ele-tree-select/style/css-var.scss' as *;
 @use '../../ele-tree-table/style/css-var.scss' as *;
 @use '../../ele-upload-list/style/css-var.scss' as *;
+@use '../../ele-viewer/style/css-var.scss' as *;
 @use '../../ele-virtual-table/style/css-var.scss' as *;
 
 /* 生成主题的 css 变量 */
@@ -79,6 +80,7 @@
     @include set-tree-select-var($var);
     @include set-tree-table-var($var);
     @include set-upload-list-var($var);
+    @include set-viewer-var($var);
     @include set-virtual-table-var($var);
   }
 }