ele-admin-plus 1.1.3 → 1.1.4-beta.2

package/lib/ele-pro-layout/props.js

@@ -46,6 +46,8 @@ const proLayoutProps = {
     type: Number,
     default: 60
   },
+  // 返回顶部的目标选择器
+  backTopTarget: String,
   // 顶栏菜单是否省略多余的子项
   ellipsis: {
     type: Boolean,
@@ -171,6 +173,14 @@ const proLayoutProps = {
   },
   // 菜单 tooltip 主题
   tooltipEffect: String,
+  // 顶栏菜单触发模式
+  navTrigger: String,
+  // 双侧栏一级菜单触发模式
+  boxTrigger: String,
+  // 侧栏菜单触发模式
+  itemTrigger: String,
+  // 菜单点击事件前钩子
+  beforeClick: Function,
   // 是否支持内链缓存
   keepAlive: Boolean,
   // 内链切换动画

package/lib/ele-pro-layout/style/collapse.scss

@@ -19,21 +19,20 @@
     }
   }
 
-  &.ele-admin-mix-sidebar {
-    .ele-admin-sidebox {
-      box-shadow: eleVar('sidebar', 'shadow');
-    }
-
-    .ele-admin-sidebar {
-      width: 0;
+  &.ele-admin-mix-sidebar .ele-admin-sidebar {
+    width: 0;
 
-      & + .ele-admin-body {
-        width: calc(100% - #{eleVar('sidebox', 'width')});
-      }
+    & + .ele-admin-body {
+      width: calc(100% - #{eleVar('sidebox', 'width')});
     }
   }
 }
 
+.ele-admin-collapse.ele-admin-mix-sidebar .ele-admin-sidebox,
+.ele-admin-none-sidebar.ele-admin-mix-sidebar .ele-admin-sidebox {
+  box-shadow: eleVar('sidebar', 'shadow');
+}
+
 /* 折叠一级侧栏 */
 .ele-admin-compact.ele-admin-mix-sidebar {
   $collapseW: eleVar('sidebar', 'collapse-width');

package/lib/ele-pro-layout/style/index.js

@@ -2,7 +2,6 @@
 require("element-plus/es/components/backtop/style/index");
 require("element-plus/es/components/icon/style/index");
 require("element-plus/es/components/scrollbar/style/index");
-require("../../ele-alert/style/index");
 require("../../ele-page/style/index");
 require("../../ele-breadcrumb/style/index");
 require("../../ele-menus/style/index");

package/lib/ele-pro-layout/style/layout-mobile.scss

@@ -8,6 +8,7 @@
     position: fixed !important;
     left: 0 !important;
     width: eleVar('sidebar', 'width') !important;
+    height: calc(100vh - #{eleVar('header', 'height')}) !important;
     z-index: calc(eleVar('layout', 'mask-index') + 1) !important;
   }
 

package/lib/ele-pro-layout/types/index.d.ts

@@ -204,6 +204,14 @@ export type MenuTrigger = ElMenuProps['menuTrigger'];
  * 面包屑导航分隔符
  */
 export type BreadcrumbSeparator = ElBreadcrumbProps['separatorIcon'];
+/**
+ * 混合模式菜单切换模式
+ */
+export type MenuItemTrigger = 'route' | 'click';
+/**
+ * 菜单点击前钩子
+ */
+export type BeforeClick = (item: MenuItemProps) => boolean;
 /**
  * 内链数据
  */
@@ -221,3 +229,4 @@ export type TabTitleInstance = InstanceType<typeof TabTitle> | null;
  * 标签页组件实例
  */
 export type EleTabsInstance = InstanceType<typeof EleTabs> | null;
+export type { MenuItemProps };

package/lib/ele-pro-layout/util.d.ts

@@ -72,8 +72,9 @@ export declare function getMixActive(matched?: MenuItem[]): MixActiveResult;
  * 获取选中菜单的子级
  * @param menus 菜单数据
  * @param active 选中地址
+ * @param childrenName 子级字段名称
  */
-export declare function getActiveChilds(menus: MenuItem[], active?: string): MenuItem[];
+export declare function getActiveChilds(menus: MenuItem[], active?: string, childrenName?: string): MenuItem[];
 /**
  * 绑定窗口事件监听
  */
@@ -93,5 +94,6 @@ export declare function useDisableTransition(): {
 /**
  * 菜单数据转换
  * @param menus 菜单数据
+ * @param link 是否使用超链接
  */
-export declare function getMenuItems(menus: MenuItem[]): MenuItemProps[];
+export declare function getMenuItems(menus: MenuItem[], link: boolean): MenuItemProps[];

package/lib/ele-pro-layout/util.js

@@ -67,15 +67,17 @@ function getMatchedMenus(path, menus, parents) {
 function getMatchedLevels(matched, activeOther, route, menus, tabs) {
   var _a;
   const levels = [];
-  matched == null ? void 0 : matched.forEach((m) => {
-    var _a2;
-    if (m.meta && m.meta.title && m.meta.breadcrumb !== false) {
-      levels.push({
-        path: m.path,
-        title: ((_a2 = findTabByPath(m.path, tabs)) == null ? void 0 : _a2.title) || m.meta.title
-      });
-    }
-  });
+  if (matched) {
+    matched.forEach((m) => {
+      var _a2;
+      if (m.meta && m.meta.title && m.meta.breadcrumb !== false) {
+        levels.push({
+          path: m.path,
+          title: ((_a2 = findTabByPath(m.path, tabs)) == null ? void 0 : _a2.title) || m.meta.title
+        });
+      }
+    });
+  }
   if (activeOther) {
     const { path, fullPath, meta } = route;
     if ((!levels.length || fullPath !== levels[levels.length - 1].path) && meta.title) {
@@ -134,18 +136,19 @@ function getMixActive(matched) {
     active2: match2.path
   };
 }
-function getActiveChilds(menus, active) {
+function getActiveChilds(menus, active, childrenName) {
+  const key = childrenName || "children";
   if (!menus.length) {
     return [];
   }
   if (!active) {
-    return menus[0].children || [];
+    return menus[0][key] || [];
   }
   const temp = menus.find((m) => m.path === active);
   if (temp == null) {
-    return menus[0].children || [];
+    return menus[0][key] || [];
   }
-  return temp.children || [];
+  return temp[key] || [];
 }
 function useWindowListener(option, props) {
   const state = { timer: null };
@@ -244,7 +247,7 @@ function useDisableTransition() {
   });
   return { disableTransition };
 }
-function getMenuItems(menus) {
+function getMenuItems(menus, link) {
   return core.mapTree(menus, (m) => {
     const { path, meta } = m;
     const { hide, icon, title, props } = meta ?? {};
@@ -254,9 +257,9 @@ function getMenuItems(menus) {
     const item = {
       title,
       icon,
-      path,
+      path: link ? path : void 0,
       index: path,
-      ...props,
+      ...core.omit(props, ["title", "icon", "path", "index"]),
       meta
     };
     return item;

package/lib/ele-pro-table/components/table-view.d.ts

@@ -5,12 +5,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Columns>;
         required: boolean;
     };
-    loading: BooleanConstructor;
     pageIndex: NumberConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
         default: boolean;
     };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -136,12 +139,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Columns>;
         required: boolean;
     };
-    loading: BooleanConstructor;
     pageIndex: NumberConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
         default: boolean;
     };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -248,7 +254,6 @@ declare const _default: import("vue").DefineComponent<{
     onHeaderDragend?: ((_width: number, _old: number, _column: import("../types").Column, _e: MouseEvent) => any) | undefined;
     onExpandChange?: ((_row: import("../types").DataItem, _expanded: boolean) => any) | undefined;
 }, {
-    loading: boolean;
     fit: boolean;
     className: string;
     lazy: boolean;
@@ -269,5 +274,6 @@ declare const _default: import("vue").DefineComponent<{
     scrollbarAlwaysOn: boolean;
     flexible: boolean;
     headerEllipsis: boolean;
+    slotNormalize: boolean;
 }, {}>;
 export default _default;

package/lib/ele-pro-table/components/table-view.js

@@ -63,14 +63,13 @@ const tableView = vue.defineComponent({
       const nodes = [];
       if (cols) {
         cols.forEach((col) => {
-          const ts = col.slot && getSlot ? getSlot(col.slot) : void 0;
           nodes.push(
             vue.h(
               elementPlus.ElTableColumn,
               {
                 ...core.omit(col, [
                   "showOverflowTooltip",
-                  "id",
+                  "uid",
                   "slot",
                   "headerSlot",
                   "hideInTable",
@@ -81,11 +80,18 @@ const tableView = vue.defineComponent({
                   col.showOverflowTooltip,
                   props$1.showOverflowTooltip
                 ),
-                key: col.id,
+                key: col.uid,
                 index: col.index ?? index
               },
               {
-                default: ts ? ts : () => getCols(col.children, index, getSlot),
+                default: (slotProps) => {
+                  const tSlot = getSlot ? getSlot(col.slot) : void 0;
+                  const $index = slotProps == null ? void 0 : slotProps.$index;
+                  if (!tSlot || $index == -1 && props$1.slotNormalize) {
+                    return getCols(col.children, index, getSlot);
+                  }
+                  return tSlot(slotProps);
+                },
                 header: (slotProps) => {
                   var _a;
                   const title = (_a = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _a.label;
@@ -109,24 +115,21 @@ const tableView = vue.defineComponent({
     const exposeValue = { ...tableIns, tableRef };
     expose(exposeValue);
     return () => {
-      const getSlot = (name) => slots[name];
-      return vue.withDirectives(
-        vue.h(
-          elementPlus.ElTable,
-          {
-            ...core.pick(props$1, props.tablePropKeys),
-            ...tableEvents,
-            ref: tableRef,
-            rowClassName: tableRowClassName,
-            headerRowClassName: tableHeaderRowClassName
-          },
-          {
-            default: () => getCols(props$1.columns, props$1.pageIndex, getSlot),
-            append: slots.append,
-            empty: slots.empty
-          }
-        ),
-        [[elementPlus.vLoading, props$1.loading]]
+      const getSlot = (name) => name ? slots[name] : void 0;
+      return vue.h(
+        elementPlus.ElTable,
+        {
+          ...core.pick(props$1, props.tablePropKeys),
+          ...tableEvents,
+          ref: tableRef,
+          rowClassName: tableRowClassName,
+          headerRowClassName: tableHeaderRowClassName
+        },
+        {
+          default: () => getCols(props$1.columns, props$1.pageIndex, getSlot),
+          append: slots.append,
+          empty: slots.empty
+        }
       );
     };
   }

package/lib/ele-pro-table/components/tool-column.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     cacheKey: StringConstructor;
 }, {
     data: import("vue").Ref<{
-        id: string;
+        uid: string;
         prop?: string | undefined;
         columnKey?: string | undefined;
         label?: string | undefined;
@@ -27,6 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     tooltipContent: import("vue").Ref<string>;
     virtualRef: import("vue").Ref<any>;
     popperClass: import("vue").ComputedRef<string>;
+    updateSortCols: (cols: ColItem[]) => void;
     onCheckedChange: () => void;
     onCheckAllChange: () => void;
     onReset: () => void;

package/lib/ele-pro-table/components/tool-column.js

@@ -65,9 +65,13 @@ const _sfc_main = vue.defineComponent({
       }
       return classes.join(" ");
     });
+    const updateSortCols = (cols) => {
+      data.value = util.sortCols(cols);
+      onSortChange();
+    };
     const onCheckedChange = () => {
       data.value.forEach((d) => {
-        d.checked = checkedIds.value.includes(d.id);
+        d.checked = checkedIds.value.includes(d.uid);
       });
       isChecked.value = data.value.length > 0 && data.value.length === checkedIds.value.length;
       isIndeterminate.value = checkedIds.value.length !== 0 && data.value.length !== checkedIds.value.length;
@@ -82,13 +86,13 @@ const _sfc_main = vue.defineComponent({
     };
     const onCheckAllChange = () => {
       if (isChecked.value) {
-        checkedIds.value = data.value.map((d) => d.id);
+        checkedIds.value = data.value.map((d) => d.uid);
       } else {
         checkedIds.value = [];
       }
       isIndeterminate.value = false;
       data.value.forEach((d) => {
-        d.checked = checkedIds.value.includes(d.id);
+        d.checked = checkedIds.value.includes(d.uid);
       });
       const columns = util.getCheckedColumns(
         props.columns,
@@ -125,11 +129,18 @@ const _sfc_main = vue.defineComponent({
       emit("update:columns", columns);
     };
     const onItemFixedLeft = (col) => {
-      col.fixed = col.fixed === true || col.fixed === "left" ? false : "left";
+      const cols = [...data.value];
+      const index = cols.findIndex((c) => c.uid === col.uid);
+      const isFixedLeft = col.fixed === true || col.fixed === "left";
+      cols[index].fixed = isFixedLeft ? false : "left";
+      data.value = util.sortCols(cols);
       onSortChange();
     };
     const onItemFixedRight = (col) => {
-      col.fixed = col.fixed === "right" ? false : "right";
+      const cols = [...data.value];
+      const index = cols.findIndex((c) => c.uid === col.uid);
+      cols[index].fixed = col.fixed === "right" ? false : "right";
+      data.value = util.sortCols(cols);
       onSortChange();
     };
     const cacheSettingCols = () => {
@@ -178,6 +189,7 @@ const _sfc_main = vue.defineComponent({
       tooltipContent,
       virtualRef,
       popperClass,
+      updateSortCols,
       onCheckedChange,
       onCheckAllChange,
       onReset,
@@ -231,10 +243,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         transition: "el-zoom-in-top",
         popperClass: _ctx.popperClass,
         popperOptions: {
-          modifiers: [
-            { name: "arrow", options: { padding: 20 } },
-            { name: "offset", options: { offset: [20, 10] } }
-          ]
+          modifiers: [{ name: "offset", options: { offset: [20, 10] } }]
         }
       }, {
         reference: vue.withCtx(() => [
@@ -277,19 +286,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           vue.createVNode(_component_ElCheckboxGroup, {
             modelValue: _ctx.checkedIds,
-            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.checkedIds = $event),
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.checkedIds = $event),
             onChange: _ctx.onCheckedChange
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(_component_VueDraggable, {
-                itemKey: "id",
-                modelValue: _ctx.data,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.data = $event),
+                itemKey: "uid",
                 animation: 300,
+                modelValue: _ctx.data,
                 setData: () => void 0,
-                componentData: { class: "ele-tool-column-body" },
                 handle: ".ele-tool-column-handle",
-                onChange: _ctx.onSortChange
+                componentData: { class: "ele-tool-column-body" },
+                "onUpdate:modelValue": _ctx.updateSortCols
               }, {
                 item: vue.withCtx(({ element: d }) => [
                   vue.createElementVNode("div", {
@@ -307,7 +315,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])) : vue.createCommentVNode("", true),
                     vue.createElementVNode("div", _hoisted_3, [
                       vue.createVNode(_component_ElCheckbox, {
-                        label: d.id
+                        label: d.uid
                       }, {
                         default: vue.withCtx(() => [
                           vue.createTextVNode(vue.toDisplayString(d.label), 1)
@@ -350,7 +358,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ])
                 ]),
                 _: 1
-              }, 8, ["modelValue", "onChange"])
+              }, 8, ["modelValue", "onUpdate:modelValue"])
             ]),
             _: 1
           }, 8, ["modelValue", "onChange"])

package/lib/ele-pro-table/index.d.ts

@@ -1,5 +1,6 @@
 import type { Ref } from 'vue';
-import type { StyleValue, ElEmptyProps } from '../ele-app/types';
+import type { ElEmptyProps, ComponentProps } from '../ele-app/types';
+import type { LoadingProps } from '../ele-loading/props';
 import type { PaginationProps } from '../ele-pagination/props';
 import type { DataItem, Column, Columns, Sorter, Filter, ReloadFunction, DoneParams, TableTool, TableSize, FetchCallback } from './types';
 import type { TableViewProps } from './props';
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
+    loading: BooleanConstructor;
     datasource: {
         type: import("vue").PropType<import("./types").Datasource>;
         required: boolean;
@@ -51,8 +53,8 @@ declare const _default: import("vue").DefineComponent<{
     maximizedIndex: NumberConstructor;
     maximizedHeight: (StringConstructor | NumberConstructor)[];
     rowClickChecked: import("vue").PropType<import("./types").RowClickChecked>;
-    tableStyle: import("vue").PropType<StyleValue>;
-    footerStyle: import("vue").PropType<StyleValue>;
+    tableStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     pagination: {
         type: import("vue").PropType<boolean | import("./types").TablePagination>;
         default: () => null;
@@ -62,18 +64,13 @@ declare const _default: import("vue").DefineComponent<{
         default: () => null;
     };
     sticky: BooleanConstructor;
-    cacheKey: StringConstructor;
-    locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
-    columns: {
-        type: import("vue").PropType<Columns>;
-        required: boolean;
-    };
-    loading: BooleanConstructor;
-    pageIndex: NumberConstructor;
-    headerEllipsis: {
+    loadingProps: import("vue").PropType<Partial<LoadingProps>>;
+    bottomLine: {
         type: BooleanConstructor;
         default: boolean;
     };
+    cacheKey: StringConstructor;
+    locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -158,6 +155,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     flexible: BooleanConstructor;
+    columns: {
+        type: import("vue").PropType<Columns>;
+        required: boolean;
+    };
+    headerEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     tableEvents: {
         onSelect: (selection: DataItem[], row: DataItem) => void;
@@ -190,9 +199,10 @@ declare const _default: import("vue").DefineComponent<{
     tableIndex: import("vue").ComputedRef<number>;
     paginationProps: import("vue").ComputedRef<Partial<PaginationProps> | null>;
     tableProps: import("vue").ComputedRef<Partial<TableViewProps>>;
-    proTableStyle: import("vue").ComputedRef<StyleValue>;
+    tableZIndex: import("vue").ComputedRef<number | undefined>;
     tableTools: import("vue").ComputedRef<TableTool[]>;
     tableEmptyProps: import("vue").ComputedRef<boolean | ElEmptyProps>;
+    rootProps: import("vue").ComputedRef<ComponentProps<LoadingProps>>;
     tableLoad: (row: DataItem, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: DataItem[]) => void) => void;
     onRefresh: () => void;
     onSizeChange: (size: TableSize) => void;
@@ -207,6 +217,7 @@ declare const _default: import("vue").DefineComponent<{
     onCurrentChange: (currentRow?: DataItem, oldCurrentRow?: DataItem) => void;
     reload: ReloadFunction;
     reloadTable: () => void;
+    getTableRef: () => import("../ele-app/types").ElTableInstance | undefined;
     getData: () => DataItem[];
     setData: (data: DataItem[]) => void;
     setSelectedRows: (rows?: DataItem[]) => void;
@@ -262,6 +273,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
+    loading: BooleanConstructor;
     datasource: {
         type: import("vue").PropType<import("./types").Datasource>;
         required: boolean;
@@ -299,8 +311,8 @@ declare const _default: import("vue").DefineComponent<{
     maximizedIndex: NumberConstructor;
     maximizedHeight: (StringConstructor | NumberConstructor)[];
     rowClickChecked: import("vue").PropType<import("./types").RowClickChecked>;
-    tableStyle: import("vue").PropType<StyleValue>;
-    footerStyle: import("vue").PropType<StyleValue>;
+    tableStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     pagination: {
         type: import("vue").PropType<boolean | import("./types").TablePagination>;
         default: () => null;
@@ -310,18 +322,13 @@ declare const _default: import("vue").DefineComponent<{
         default: () => null;
     };
     sticky: BooleanConstructor;
-    cacheKey: StringConstructor;
-    locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
-    columns: {
-        type: import("vue").PropType<Columns>;
-        required: boolean;
-    };
-    loading: BooleanConstructor;
-    pageIndex: NumberConstructor;
-    headerEllipsis: {
+    loadingProps: import("vue").PropType<Partial<LoadingProps>>;
+    bottomLine: {
         type: BooleanConstructor;
         default: boolean;
     };
+    cacheKey: StringConstructor;
+    locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -406,6 +413,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     flexible: BooleanConstructor;
+    columns: {
+        type: import("vue").PropType<Columns>;
+        required: boolean;
+    };
+    headerEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
     onSortChange?: ((_sorter: Sorter) => any) | undefined;
@@ -453,6 +472,8 @@ declare const _default: import("vue").DefineComponent<{
     tableLayout: "auto" | "fixed";
     scrollbarAlwaysOn: boolean;
     flexible: boolean;
+    headerEllipsis: boolean;
+    slotNormalize: boolean;
     loadOnCreated: boolean;
     loadOnChanged: boolean;
     toolbar: boolean | import("./types").TableToolbar;
@@ -462,6 +483,6 @@ declare const _default: import("vue").DefineComponent<{
     pagination: boolean | import("./types").TablePagination;
     emptyProps: boolean | ElEmptyProps;
     sticky: boolean;
-    headerEllipsis: boolean;
+    bottomLine: boolean;
 }, {}>;
 export default _default;