ele-admin-plus 1.4.1 → 1.5.0-beta.1

package/lib/lang/zh_TW.cjs

@@ -1,119 +1,30 @@
 "use strict";
 const localeValues = {
-  cropper: {
-    zoomIn: "放大",
-    zoomOut: "縮小",
-    rotateLeft: "向左旋轉",
-    rotateRight: "向右旋轉",
-    moveLeft: "左移",
-    moveRight: "右移",
-    moveUp: "上移",
-    moveDown: "下移",
-    flipX: "左右翻轉",
-    flipY: "上下翻轉",
-    reset: "重新開始",
-    upload: "選擇圖片",
-    ok: "完成",
-    title: "裁剪圖片"
-  },
-  fileList: {
-    selectAll: "全選",
-    selectTips: "已選中 {total} 個檔案/資料夾",
-    fileName: "檔名",
-    fileSize: "大小",
-    fileTimestamp: "修改日期"
-  },
-  map: {
-    title: "選擇位置",
-    placeholder: "輸入關鍵字蒐索",
-    message: "請點擊清單選中位置",
-    ok: "確認",
-    clickMessage: "請點擊地圖選中位置"
-  },
-  table: {
-    refresh: "重繪",
-    sizes: "密度",
-    columns: "列設定",
-    maximized: "全屏",
-    export: "匯出",
-    print: "打印",
-    sizeLarge: "寬鬆",
-    sizeDefault: "中等",
-    sizeSmall: "緊湊",
-    columnTitle: "列展示",
-    columnReset: "重置",
-    columnUntitled: "無標題",
-    columnIndex: "序號欄",
-    columnSelection: "選擇欄",
-    columnExpand: "展開欄",
-    columnFixedLeft: "固定在左側",
-    columnFixedRight: "固定在右側",
-    columnWidth: "欄寬",
-    exportOk: "確認",
-    exportCancel: "取消",
-    exportFileName: "檔名",
-    exportFileNamePlaceholder: "請輸入檔名",
-    exportSelectData: "選擇數據",
-    exportSelectColumn: "選擇字段",
-    exportDataTypePage: "當前頁數據",
-    exportDataTypeSelected: "選中數據",
-    exportDataTypeAll: "全部數據",
-    exportOther: "更多選項",
-    exportOtherHeader: "表頭",
-    exportOtherFooter: "表尾",
-    exportOtherTreeIndex: "層級序號"
+  buttons: {
+    search: "搜尋",
+    reset: "重設",
+    searchExpand: "展開",
+    searchFold: "收起",
+    add: "添加",
+    delBatch: "刪除",
+    edit: "修改",
+    del: "刪除",
+    import: "導入",
+    export: "導出",
+    upload: "上傳",
+    download: "下載",
+    expand: "展開全部",
+    fold: "折疊全部",
+    detail: "詳情",
+    more: "更多",
+    save: "保存",
+    cancel: "取消",
+    confirm: "確定"
   },
   copyable: {
     copy: "複製",
     copied: "複製成功"
   },
-  upload: {
-    uploading: "上傳中",
-    exception: "上傳失敗",
-    retry: "重試",
-    remove: "刪除",
-    preview: "預覽",
-    edit: "修改"
-  },
-  tour: {
-    skip: "跳過",
-    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: "查詢"
-  },
-  iconSelect: {
-    title: "圖標選擇",
-    searchPlaceholder: "搜尋..."
-  },
   cronBuilder: {
     title: "Cron表達式產生器",
     cancel: "取消",
@@ -225,6 +136,112 @@ const localeValues = {
     common14: "每週星期日 0 點",
     common15: "每週星期一到星期三 8 點",
     common16: "2025 年至 2028 年每 10 月 1 號"
+  },
+  cropper: {
+    zoomIn: "放大",
+    zoomOut: "縮小",
+    rotateLeft: "向左旋轉",
+    rotateRight: "向右旋轉",
+    moveLeft: "左移",
+    moveRight: "右移",
+    moveUp: "上移",
+    moveDown: "下移",
+    flipX: "左右翻轉",
+    flipY: "上下翻轉",
+    reset: "重新開始",
+    upload: "選擇圖片",
+    ok: "完成",
+    title: "裁剪圖片"
+  },
+  crud: {
+    action: "操作",
+    add: "新增",
+    edit: "編輯",
+    deleteConfirm: "確定要刪除嗎？",
+    deleteConfirmTitle: "刪除確認",
+    deleteBatchConfirm: "確定要刪除選中的資料嗎？",
+    deleteBatchConfirmTitle: "刪除確認",
+    deleteBatchTip: "請至少選擇一筆資料",
+    deleteLoading: "刪除中..",
+    deleteSuccess: "刪除成功",
+    deleteError: "刪除失敗",
+    editSuccess: "修改成功",
+    editError: "修改失敗",
+    addSuccess: "新增成功",
+    addError: "新增失敗",
+    searchPlaceholder: "搜尋"
+  },
+  fileList: {
+    selectAll: "全選",
+    selectTips: "已選中 {total} 個檔案/資料夾",
+    fileName: "檔名",
+    fileSize: "大小",
+    fileTimestamp: "修改日期"
+  },
+  iconSelect: {
+    title: "圖標選擇",
+    searchPlaceholder: "搜尋..."
+  },
+  map: {
+    title: "選擇位置",
+    placeholder: "輸入關鍵字蒐索",
+    message: "請點擊清單選中位置",
+    ok: "確認",
+    clickMessage: "請點擊地圖選中位置"
+  },
+  proForm: {
+    submit: "提交",
+    reset: "重置",
+    expand: "展開",
+    shrink: "收起",
+    required: "{label}必填"
+  },
+  table: {
+    refresh: "重繪",
+    sizes: "密度",
+    columns: "列設定",
+    maximized: "全屏",
+    export: "匯出",
+    print: "打印",
+    sizeLarge: "寬鬆",
+    sizeDefault: "中等",
+    sizeSmall: "緊湊",
+    columnTitle: "列展示",
+    columnReset: "重置",
+    columnUntitled: "無標題",
+    columnIndex: "序號欄",
+    columnSelection: "選擇欄",
+    columnExpand: "展開欄",
+    columnFixedLeft: "固定在左側",
+    columnFixedRight: "固定在右側",
+    columnWidth: "欄寬",
+    exportOk: "確認",
+    exportCancel: "取消",
+    exportFileName: "檔名",
+    exportFileNamePlaceholder: "請輸入檔名",
+    exportSelectData: "選擇數據",
+    exportSelectColumn: "選擇字段",
+    exportDataTypePage: "當前頁數據",
+    exportDataTypeSelected: "選中數據",
+    exportDataTypeAll: "全部數據",
+    exportOther: "更多選項",
+    exportOtherHeader: "表頭",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "層級序號"
+  },
+  tour: {
+    skip: "跳過",
+    prev: "上一步",
+    next: "下一步",
+    finish: "結束"
+  },
+  upload: {
+    uploading: "上傳中",
+    exception: "上傳失敗",
+    retry: "重試",
+    remove: "刪除",
+    preview: "預覽",
+    edit: "修改"
   }
 };
 module.exports = localeValues;

package/lib/style/plus.scss

@@ -5,6 +5,7 @@
 @use '../ele-basic-select/style/index.scss' as basicSelect;
 @use '../ele-bottom-bar/style/index.scss' as bottomBar;
 @use '../ele-breadcrumb/style/index.scss' as breadcrumb;
+@use '../ele-buttons/style/index.scss' as buttons;
 @use '../ele-card/style/index.scss' as card;
 @use '../ele-copyable/style/index.scss' as copyable;
 @use '../ele-check-card/style/index.scss' as checkCard;
@@ -27,6 +28,7 @@
 @use '../ele-map-picker/style/index.scss' as mapPicker;
 @use '../ele-menus/style/index.scss' as menus;
 @use '../ele-modal/style/index.scss' as modal;
+@use '../ele-modal-render/style/index.scss' as modalRender;
 @use '../ele-page/style/index.scss' as page;
 @use '../ele-pagination/style/index.scss' as pagination;
 @use '../ele-popconfirm/style/index.scss' as popconfirm;

package/lib/style/themes/dark-css-var.scss

@@ -1,4 +1,4 @@
-/** 暗黑主题 css 变量 */
+/** 暗黑主题(css-var 模式) */
 @use './dark.scss' as *;
 @use './theme-util.scss' as *;
 $dark-selector: 'html.dark' !default;

package/lib/style/themes/dark.scss

@@ -17,10 +17,6 @@ $ele-dark: map.deep-merge(
       'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
       'ghost-bg': hsla(0, 0%, 32%, 0.4)
     ),
-    'logo': (
-      'shadow': 0 3px 4px rgba(0, 0, 0, 0.6),
-      'dark-shadow': 0 3px 4px rgba(0, 0, 0, 0.6)
-    ),
     'sidebar': (
       'dark-bg': #1f1f1f,
       'shadow': 0 4px 4px rgba(0, 0, 0, 0.6),

package/lib/style/themes/default.scss

@@ -8,6 +8,12 @@ $transition-base: 0.2s !default;
 $transition-slow: 0.3s !default;
 // 美化滚动条样式选择器
 $scrollbar-selector: '' !default;
+// 移动设备最大宽度
+$mobile-max-width: 767.99px !default;
+// 移动设备最大高度
+$mobile-max-height: 379.99px !default;
+// 平板设备最大宽度
+$pad-max-width: 991.99px !default;
 // 输入框清空图标
 $icon-clear-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z' !default;
 // 表单验证通过图标
@@ -39,7 +45,8 @@ $ele: map.deep-merge(
       // 布局
       'bg': elVar('bg-color', 'page'),
       'index': 99,
-      'mask-index': calc(#{elVar('index', 'popper')} + 2000)
+      'mask-index': calc(#{elVar('index', 'popper')} + 2000),
+      'button-tab-page-pt': 0
     ),
     'header': (
       // 顶栏
@@ -68,9 +75,7 @@ $ele: map.deep-merge(
       'size': '18px',
       'family': $logo-family,
       'color': elVar('text-color', 'primary'),
-      'dark-color': #fff,
-      'shadow': 1px 2px 3px rgba(0, 21, 41, 0.08),
-      'dark-shadow': 0 3px 4px rgba(0, 0, 0, 0.35)
+      'dark-color': #fff
     ),
     'sidebar': (
       // 侧栏
@@ -84,6 +89,9 @@ $ele: map.deep-merge(
       'transition': (width $transition-base, left $transition-base),
       'tool-height': 40px,
       'mobile-backdrop-filter': none,
+      'mobile-bg': eleVar('sidebar', 'bg'),
+      'mobile-dark-bg': eleVar('sidebar', 'dark-bg'),
+      'mobile-dark-backdrop-filter': none,
       'ghost-bg': elVar('fill-color', 'lighter')
     ),
     'sidebox': (
@@ -158,7 +166,8 @@ $ele: map.deep-merge(
       'plain-bg': elVar('bg-color', 'overlay'),
       'alert-padding': 10px 14px,
       'mask-color': elVar('overlay-color', 'lighter'),
-      'index': calc(#{elVar('index', 'popper')} + 2002)
+      'index': calc(#{elVar('index', 'popper')} + 2002),
+      'bg': linear-gradient(transparent 0, transparent 0)
     ),
     'bottom-bar': (
       // 底部工具栏
@@ -166,6 +175,24 @@ $ele: map.deep-merge(
       'bg': elVar('bg-color', 'overlay'),
       'shadow': 0 -1px 5px rgba(0, 0, 0, 0.08)
     ),
+    'buttons': (
+      // 表格操作按钮
+      'gap': 12px,
+      'link-arrow-font-size': 12px,
+      'link-arrow-margin': 0 0 0 2px,
+      'link-arrow-vertical-align': -1px,
+      'btn-arrow-font-size': 12px,
+      'btn-arrow-margin': 0 -4px 0 2px,
+      'link-icon-font-size': 13px,
+      'link-icon-margin': 0 4px 0 0,
+      'btn-icon-margin': 0 -2px 0 -2px,
+      'icon-btn-padding-left': 12px,
+      'icon-btn-padding-right': 12px,
+      'icon-btn-sm-padding-left': 6px,
+      'icon-btn-sm-padding-right': 6px,
+      'icon-btn-lg-padding-left': 16px,
+      'icon-btn-lg-padding-right': 16px
+    ),
     'card': (
       // 卡片标题
       'padding': 20px,
@@ -192,7 +219,9 @@ $ele: map.deep-merge(
       'collapse-radius': elVar('border-radius', 'small'),
       'collapse-margin': 1px -6px 0 0,
       'collapse-hover-color': elVar('text-color', 'primary'),
-      'collapse-hover-bg': transparent
+      'collapse-hover-bg': transparent,
+      'search-form-padding': 20px 20px 4px 20px,
+      'search-form-space': 16px
     ),
     'check-card': (
       // 可选卡片
@@ -226,6 +255,7 @@ $ele: map.deep-merge(
       'icon-hover-bg': transparent,
       'icon-radius': elVar('border-radius', 'small'),
       'body-padding': 20px,
+      'form-body-padding': 20px 20px 8px 16px,
       'footer-padding': 10px 16px,
       'footer-border': 1px solid elVar('border-color', 'light')
     ),
@@ -251,23 +281,30 @@ $ele: map.deep-merge(
       'item-disabled-bg': elVar('disabled', 'bg-color'),
       'icon-size': 16px,
       'icon-margin': 0 8px 0 -2px,
+      'icon-sm-size': 14px,
+      'icon-sm-margin': -1px 6px 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,
+      'sub-menu-index': elVar('index', 'popper'),
       '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-icon-sm-size': 12px,
+      'sm-icon-sm-margin': 0 4px 0 -2px,
       '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-icon-size': 16px,
+      'lg-icon-sm-size': 15px,
+      'lg-icon-sm-margin': -1px 8px 0 -2px,
       'lg-divider-margin': 8px 0
     ),
     'file': (
@@ -493,9 +530,12 @@ $ele: map.deep-merge(
       'footer-padding': 10px 20px,
       'footer-border': 1px solid elVar('border-color', 'light'),
       'fullscreen-border': 1px solid elVar('border-color', 'light'),
+      'default-overflow': auto,
       'mobile-space': 16px,
       'bordered-header-padding': 14px 20px,
-      'bordered-header-border': 1px solid elVar('border-color', 'light')
+      'bordered-header-border': 1px solid elVar('border-color', 'light'),
+      'bordered-footer-padding': 10px 20px,
+      'bordered-footer-border': 1px solid elVar('border-color', 'light')
     ),
     'page': (
       // 页面容器
@@ -599,6 +639,32 @@ $ele: map.deep-merge(
       'font-size': 13px,
       'item-padding': 7px
     ),
+    'split-panel': (
+      // 分割面板
+      'side-border': 1px solid elVar('border-color', 'light'),
+      'resize-line-trigger': 12px,
+      'resize-line-size': 3px,
+      'resize-line-hover-bg': elVar('color-primary'),
+      'collapse-btn-width': 24px,
+      'collapse-btn-height': 24px,
+      'collapse-btn-radius': 50%,
+      'collapse-btn-bg': elVar('bg-color', 'overlay'),
+      'collapse-btn-border': 1px solid elVar('border-color', 'extra-light'),
+      'collapse-btn-shadow': 0 2px 3px 0px rgba(0, 0, 0, 0.04),
+      'collapse-btn-font-size': 14px,
+      'collapse-btn-color': elVar('text-color', 'secondary'),
+      'collapse-btn-hover-color': elVar('text-color', 'primary'),
+      'collapse-transition': $transition-slow,
+      'side-pop-bg': elVar('bg-color', 'overlay'),
+      'mask-bg': elVar('overlay-color', 'lighter'),
+      'mask-index': 90,
+      'body-header-padding': 12px 16px 0 16px,
+      'side-header-padding': 12px,
+      'side-header-border': 1px solid elVar('border-color', 'light'),
+      'side-header-form-space': 12px,
+      'table-padding': 4px 16px 16px 16px,
+      'table-default-padding': 16px
+    ),
     'step': (
       // 步骤条
       'bg': elVar('bg-color'),
@@ -678,8 +744,8 @@ $ele: map.deep-merge(
       'tool-color': elVar('text-color', 'secondary'),
       'tool-font-size': elVar('font-size', 'base'),
       'tool-hover-color': elVar('text-color', 'primary'),
-      'hover-index': 2,
-      'active-index': 3,
+      'hover-index': 3,
+      'active-index': 4,
       '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,
@@ -714,6 +780,7 @@ $ele: map.deep-merge(
       'indicator-margin': 6px,
       'tag-space': 4px,
       'tag-radius': elVar('border-radius', 'base'),
+      'button-padding': 8px,
       'button-space': 8px,
       'button-radius': 4px,
       'button-bg': hsla(0, 0%, 100%, 0.66),
@@ -806,7 +873,9 @@ $ele: map.deep-merge(
     'pro-table': (
       // 高级表格
       'full-bg': elVar('bg-color'),
-      'full-index': calc(var(#{eleVarName('layout', 'index')}, 9) + 99)
+      'full-index': calc(var(#{eleVarName('layout', 'index')}, 9) + 99),
+      'min-height': 148px,
+      'flex': 1 0 148px
     ),
     'tool-column': (
       // 高级表格列配置
@@ -1251,7 +1320,7 @@ $ele: map.deep-merge(
       'item-line-height': 16px,
       'item-margin': 0,
       'item-padding': 0 16px,
-      'item-radius': 0,
+      'item-radius': 0px,
       'item-active-color': elVar('color-primary'),
       'item-active-weight': bold,
       'item-active-bg': elVar('color-primary', 'light-9'),
@@ -1432,9 +1501,11 @@ $ele: map.deep-merge(
       'padding-top': 4px,
       'padding-bottom': 4px,
       'count-bg': elVar('bg-color'),
-      'count-padding': 0,
+      'count-padding': 0 4px,
       'count-right': 12px,
-      'count-bottom': 6px
+      'count-bottom': 6px,
+      'count-radius': elVar('border-radius', 'small'),
+      'count-backdrop-filter': none
     ),
     'textarea-sm': (
       // 文本域小尺寸