ele-admin-plus 1.5.1-beta.3 → 1.6.0-beta.1

package/es/utils/lib-export.d.ts

@@ -0,0 +1,230 @@
+import { PropType } from 'vue';
+import { TableProps } from 'element-plus';
+import { debugWarn } from 'element-plus/es/utils/error';
+
+/** 解决 table/defaults.mjs 导出了 default 而 table/defaults.d.ts 没有导出 default 导致类型无法识别的问题 */
+export declare const tablePropsType: {
+    /**
+     * @description table data
+     */
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    /**
+     * @description size of Table
+     */
+    size: {
+        type: PropType<TableProps<Record<string, any>>["size"]>;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    /**
+     * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
+     */
+    height: (StringConstructor | NumberConstructor)[];
+    /**
+     * @description table's max-height. The legal value is a number or the height in px
+     */
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    /**
+     * @description whether width of column automatically fits its container
+     */
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description whether Table is striped
+     */
+    stripe: BooleanConstructor;
+    /**
+     * @description whether Table has vertical border
+     */
+    border: BooleanConstructor;
+    /**
+     * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used
+     */
+    rowKey: PropType<TableProps<any>["rowKey"]>;
+    /**
+     * @description whether Table header is visible
+     */
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description whether to display a summary row
+     */
+    showSummary: BooleanConstructor;
+    /**
+     * @description displayed text for the first column of summary row
+     */
+    sumText: StringConstructor;
+    /**
+     * @description custom summary method
+     */
+    summaryMethod: PropType<TableProps<any>["summaryMethod"]>;
+    /**
+     * @description function that returns custom class names for a row, or a string assigning class names for every row
+     */
+    rowClassName: PropType<TableProps<any>["rowClassName"]>;
+    /**
+     * @description function that returns custom style for a row, or an object assigning custom style for every row
+     */
+    rowStyle: PropType<TableProps<any>["rowStyle"]>;
+    /**
+     * @description function that returns custom class names for a cell, or a string assigning class names for every cell
+     */
+    cellClassName: PropType<TableProps<any>["cellClassName"]>;
+    /**
+     * @description function that returns custom style for a cell, or an object assigning custom style for every cell
+     */
+    cellStyle: PropType<TableProps<any>["cellStyle"]>;
+    /**
+     * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header
+     */
+    headerRowClassName: PropType<TableProps<any>["headerRowClassName"]>;
+    /**
+     * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header
+     */
+    headerRowStyle: PropType<TableProps<any>["headerRowStyle"]>;
+    /**
+     * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header
+     */
+    headerCellClassName: PropType<TableProps<any>["headerCellClassName"]>;
+    /**
+     * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header
+     */
+    headerCellStyle: PropType<TableProps<any>["headerCellStyle"]>;
+    /**
+     * @description whether current row is highlighted
+     */
+    highlightCurrentRow: BooleanConstructor;
+    /**
+     * @description key of current row, a set only prop
+     */
+    currentRowKey: (StringConstructor | NumberConstructor)[];
+    /**
+     * @description displayed text when data is empty. You can customize this area with `#empty`
+     */
+    emptyText: StringConstructor;
+    /**
+     * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop
+     */
+    expandRowKeys: PropType<TableProps<any>["expandRowKeys"]>;
+    /**
+     * @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
+     */
+    defaultExpandAll: BooleanConstructor;
+    /**
+     * @description enable expandable rows, works when the table has a column type="expand"
+     */
+    rowExpandable: {
+        type: PropType<TableProps<any>["rowExpandable"]>;
+    };
+    /**
+     * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
+     */
+    defaultSort: PropType<TableProps<any>["defaultSort"]>;
+    /**
+     * @description the `effect` of the overflow tooltip
+     */
+    tooltipEffect: StringConstructor;
+    /**
+     * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)
+     */
+    tooltipOptions: PropType<TableProps<any>["tooltipOptions"]>;
+    /**
+     * @description method that returns rowspan and colspan
+     */
+    spanMethod: PropType<TableProps<any>["spanMethod"]>;
+    /**
+     * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected
+     */
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description horizontal indentation of tree data
+     */
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @description configuration for rendering nested data
+     */
+    treeProps: {
+        type: PropType<TableProps<any>["treeProps"]>;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
+    };
+    /**
+     * @description whether to lazy loading data
+     */
+    lazy: BooleanConstructor;
+    /**
+     * @description method for loading child row data, only works when `lazy` is true
+     */
+    load: PropType<TableProps<any>["load"]>;
+    style: {
+        type: PropType<TableProps<any>["style"]>;
+        default: () => {};
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description sets the algorithm used to lay out table cells, rows, and columns
+     */
+    tableLayout: {
+        type: PropType<TableProps<Record<string, any>>["tableLayout"]>;
+        default: string;
+    };
+    /**
+     * @description always show scrollbar
+     */
+    scrollbarAlwaysOn: BooleanConstructor;
+    /**
+     * @description ensure main axis minimum-size doesn't follow the content
+     */
+    flexible: BooleanConstructor;
+    /**
+     * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns
+     */
+    showOverflowTooltip: {
+        type: PropType<TableProps<any>["showOverflowTooltip"]>;
+        default: undefined;
+    };
+    /**
+     * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`
+     */
+    tooltipFormatter: PropType<TableProps<any>["tooltipFormatter"]>;
+    appendFilterPanelTo: StringConstructor;
+    scrollbarTabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * @description whether to allow drag the last column
+     */
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description whether to preserve expanded row content in DOM when collapsed
+     */
+    preserveExpandedContent: BooleanConstructor;
+    /**
+     * @description whether to use native scrollbars
+     */
+    nativeScrollbar: BooleanConstructor;
+};
+export declare const elTableProps: typeof tablePropsType;
+export { debugWarn };

package/es/utils/lib-export.js

@@ -0,0 +1,233 @@
+import { debugWarn } from "element-plus/es/utils/error";
+import tableProps from "element-plus/es/components/table/src/table/defaults";
+const tablePropsType = {
+  /**
+   * @description table data
+   */
+  data: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description size of Table
+   */
+  size: {
+    type: String
+  },
+  width: [String, Number],
+  /**
+   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
+   */
+  height: [String, Number],
+  /**
+   * @description table's max-height. The legal value is a number or the height in px
+   */
+  maxHeight: [String, Number],
+  /**
+   * @description whether width of column automatically fits its container
+   */
+  fit: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description whether Table is striped
+   */
+  stripe: Boolean,
+  /**
+   * @description whether Table has vertical border
+   */
+  border: Boolean,
+  /**
+   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used
+   */
+  rowKey: [String, Function],
+  /**
+   * @description whether Table header is visible
+   */
+  showHeader: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description whether to display a summary row
+   */
+  showSummary: Boolean,
+  /**
+   * @description displayed text for the first column of summary row
+   */
+  sumText: String,
+  /**
+   * @description custom summary method
+   */
+  summaryMethod: Function,
+  /**
+   * @description function that returns custom class names for a row, or a string assigning class names for every row
+   */
+  rowClassName: [String, Function],
+  /**
+   * @description function that returns custom style for a row, or an object assigning custom style for every row
+   */
+  rowStyle: [Object, Function],
+  /**
+   * @description function that returns custom class names for a cell, or a string assigning class names for every cell
+   */
+  cellClassName: [String, Function],
+  /**
+   * @description function that returns custom style for a cell, or an object assigning custom style for every cell
+   */
+  cellStyle: [Object, Function],
+  /**
+   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header
+   */
+  headerRowClassName: [String, Function],
+  /**
+   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header
+   */
+  headerRowStyle: [Object, Function],
+  /**
+   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header
+   */
+  headerCellClassName: [String, Function],
+  /**
+   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header
+   */
+  headerCellStyle: [Object, Function],
+  /**
+   * @description whether current row is highlighted
+   */
+  highlightCurrentRow: Boolean,
+  /**
+   * @description key of current row, a set only prop
+   */
+  currentRowKey: [String, Number],
+  /**
+   * @description displayed text when data is empty. You can customize this area with `#empty`
+   */
+  emptyText: String,
+  /**
+   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop
+   */
+  expandRowKeys: Array,
+  /**
+   * @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
+   */
+  defaultExpandAll: Boolean,
+  /**
+   * @description enable expandable rows, works when the table has a column type="expand"
+   */
+  rowExpandable: {
+    type: Function
+  },
+  /**
+   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
+   */
+  defaultSort: Object,
+  /**
+   * @description the `effect` of the overflow tooltip
+   */
+  tooltipEffect: String,
+  /**
+   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)
+   */
+  tooltipOptions: Object,
+  /**
+   * @description method that returns rowspan and colspan
+   */
+  spanMethod: Function,
+  /**
+   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected
+   */
+  selectOnIndeterminate: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description horizontal indentation of tree data
+   */
+  indent: {
+    type: Number,
+    default: 16
+  },
+  /**
+   * @description configuration for rendering nested data
+   */
+  treeProps: {
+    type: Object,
+    default: () => {
+      return {
+        hasChildren: "hasChildren",
+        children: "children",
+        checkStrictly: false
+      };
+    }
+  },
+  /**
+   * @description whether to lazy loading data
+   */
+  lazy: Boolean,
+  /**
+   * @description method for loading child row data, only works when `lazy` is true
+   */
+  load: Function,
+  style: {
+    type: [String, Object, Array, Boolean],
+    default: () => ({})
+  },
+  className: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description sets the algorithm used to lay out table cells, rows, and columns
+   */
+  tableLayout: {
+    type: String,
+    default: "fixed"
+  },
+  /**
+   * @description always show scrollbar
+   */
+  scrollbarAlwaysOn: Boolean,
+  /**
+   * @description ensure main axis minimum-size doesn't follow the content
+   */
+  flexible: Boolean,
+  /**
+   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns
+   */
+  showOverflowTooltip: {
+    type: [Boolean, Object],
+    default: void 0
+  },
+  /**
+   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`
+   */
+  tooltipFormatter: Function,
+  appendFilterPanelTo: String,
+  scrollbarTabindex: {
+    type: [Number, String],
+    default: void 0
+  },
+  /**
+   * @description whether to allow drag the last column
+   */
+  allowDragLastColumn: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description whether to preserve expanded row content in DOM when collapsed
+   */
+  preserveExpandedContent: Boolean,
+  /**
+   * @description whether to use native scrollbars
+   */
+  nativeScrollbar: Boolean
+};
+const elTableProps = tableProps;
+export {
+  debugWarn,
+  elTableProps,
+  tablePropsType
+};

package/es/utils/menu-util.d.ts

@@ -18,5 +18,7 @@ export declare function getIframeRouteComponent(menu: MenuItem, name: string): i
  * @param menus 菜单数据
  * @param getComponent 加载组件的方法
  * @param added 已添加的路由
+ * @param iframePageUrl 内嵌组件的路由地址拼接
+ * @param iframePageName 内嵌组件的路由名称拼接
  */
-export declare function menuToRoutes(menus: MenuItem[] | undefined, getComponent: GetComponent, added?: _RouteRecordBase[]): RouteRecordRaw[] | undefined;
+export declare function menuToRoutes(menus: MenuItem[] | undefined, getComponent: GetComponent, added?: _RouteRecordBase[], iframePageUrl?: string, iframePageName?: string): RouteRecordRaw[] | undefined;

package/es/utils/menu-util.js

@@ -1,23 +1,18 @@
-import { defineComponent, ref, computed, h } from "vue";
-import { useRoute } from "vue-router";
-import { useProLayoutState, getIframeSrc } from "../ele-pro-layout/util";
+import { defineComponent, computed, h } from "vue";
+import { useProLayoutState } from "../ele-pro-layout/util";
+import IframeItem from "../ele-pro-layout/components/iframe-item";
 import { isExternalLink, findTree } from "./common";
 function getIframeRouteComponent(menu, name) {
+  const menuComponent = menu.component;
+  const menuKeepAlive = menu.meta?.keepAlive !== false;
   return defineComponent({
     name,
     setup() {
       const proLayoutState = useProLayoutState();
-      const route = useRoute();
-      const { fullPath } = route;
-      const iframeSrc = ref(getIframeSrc(fullPath, menu.component));
-      const isAlive = menu.meta?.keepAlive !== false;
       const keepAlive = computed(() => !!proLayoutState.keepAlive);
       return () => {
-        if (!isAlive || !keepAlive.value) {
-          return h("iframe", {
-            src: iframeSrc.value,
-            class: "ele-admin-iframe"
-          });
+        if (!menuKeepAlive || !keepAlive.value) {
+          return h(IframeItem, { menuComponent });
         }
         return h("div", { class: "ele-none", style: { display: "none" } });
       };
@@ -37,13 +32,7 @@ function getRoutePath(path) {
   }
   return path.substring(0, path.indexOf("?"));
 }
-function getRouteComponent(menu, name, func) {
-  if (!menu.component || !isExternalLink(menu.component)) {
-    return { component: func(menu.component, menu, name) };
-  }
-  return { component: getIframeRouteComponent(menu, name), link: true };
-}
-function menuToRoutes(menus, getComponent, added) {
+function menuToRoutes(menus, getComponent, added, iframePageUrl, iframePageName) {
   if (!menus?.length) {
     return;
   }
@@ -51,25 +40,72 @@ function menuToRoutes(menus, getComponent, added) {
   const addedRoutes = added ? [...added] : [];
   menus.forEach((item) => {
     const meta = { ...item.meta };
-    const path = meta.routePath || getRoutePath(item.path);
-    if (path && !isExternalLink(path) && !pathIsAdd(path, addedRoutes)) {
-      const name = item.name || camelCase(path);
-      const { component, link } = getRouteComponent(item, name, getComponent);
-      if (link) {
+    const itemPath = getRoutePath(item.path);
+    const path = meta.routePath || itemPath;
+    if (!path || isExternalLink(path) || meta.openType === "external" || pathIsAdd(path, addedRoutes)) {
+      const childs = menuToRoutes(
+        item.children,
+        getComponent,
+        addedRoutes,
+        iframePageUrl,
+        iframePageName
+      );
+      if (childs) {
+        childs.forEach((child) => {
+          routes.push(child);
+        });
+      }
+      return;
+    }
+    const name = item.name || camelCase(path);
+    let component;
+    if (meta.openType === "iframe" || isExternalLink(item.component)) {
+      if (item.component && item.component.startsWith("c://")) {
+        const link = `${itemPath || ""}${iframePageUrl || "/page"}`;
+        const linkName = `${name}${iframePageName || "Page"}`;
+        component = getIframeRouteComponent({ ...item, component: link }, name);
+        meta.iframe = link;
+        if (meta.hideFooter == null) {
+          meta.hideFooter = true;
+        }
+        if (!pathIsAdd(link, addedRoutes)) {
+          const pageComponent = item.component.slice(3);
+          addedRoutes.push({ path: link });
+          routes.push({
+            name: linkName,
+            path: link,
+            component: getComponent(pageComponent, item, linkName),
+            redirect: void 0,
+            props: item.props,
+            meta: { ...meta, iframe: void 0, layout: false }
+          });
+        }
+      } else {
+        component = getIframeRouteComponent(item, name);
         meta.iframe = item.component;
-        meta.hideFooter = true;
+        if (meta.hideFooter == null) {
+          meta.hideFooter = true;
+        }
       }
-      addedRoutes.push({ path });
-      routes.push({
-        name,
-        path,
-        component,
-        redirect: item.redirect,
-        props: item.props,
-        meta,
-        children: menuToRoutes(item.children, getComponent, addedRoutes)
-      });
+    } else {
+      component = getComponent(item.component, item, name);
     }
+    addedRoutes.push({ path });
+    routes.push({
+      name,
+      path,
+      component,
+      redirect: item.redirect,
+      props: item.props,
+      meta,
+      children: menuToRoutes(
+        item.children,
+        getComponent,
+        addedRoutes,
+        iframePageUrl,
+        iframePageName
+      )
+    });
   });
   return routes;
 }

package/es/utils/message.js

@@ -155,7 +155,7 @@ EleMessage.loading = function(params, context) {
 EleMessage.closeAll = function(type) {
   return ElMessage.closeAll(type);
 };
-const MESSAGE_KEY = Symbol("message");
+const MESSAGE_KEY = /* @__PURE__ */ Symbol("message");
 function useMessage(globalOpt) {
   const layoutState = useLayoutState();
   const globalProps = useGlobalProps("message");

package/es/utils/modal-hook.d.ts

@@ -7,18 +7,19 @@ export interface UseModalOptions {
     messageBox?: MessageBoxOptions;
 }
 /**
- * 弹窗, 抽屉, 消息, 弹出框, 消息通知等组件操作
+ * 弹窗, 抽屉, 图片预览, 消息, 弹出框, 消息通知等组件操作
  */
 export declare function useModal<T extends ModalItemType>(options?: UseModalOptions): {
+    imageViewer: import('../ele-image-viewer-provider/types').ImageViewerProvider | null;
     message: import('./message').Message;
     messageBox: import('./message-box').MessageBox;
-    notification: (import('element-plus').Notify & import('vue').Plugin) & {
-        _context: import('vue').AppContext | null;
-    };
+    notification: import('element-plus/es/utils/index').SFCInstallWithContext<import('element-plus').Notify>;
     ModalHolder: import('vue').Component;
-    modalProps?: import('vue').Ref<T extends "drawer" ? import('../ele-app/plus').EleDrawerPropsAndEmits : import('../ele-app/plus').EleModalPropsAndEmits, T extends "drawer" ? import('../ele-app/plus').EleDrawerPropsAndEmits : import('../ele-app/plus').EleModalPropsAndEmits> | undefined;
-    openModal: (option: T extends "drawer" ? import('../ele-modal-render/types').ModalItemOption<"drawer"> : T extends "modal" ? import('../ele-modal-render/types').ModalItemOption<"modal"> : import('../ele-modal-render/types').ModalItem) => import('../ele-modal-render/types').ModalItemId;
+    modalProps?: import('vue').Ref<import('../ele-modal-render/types').ModalItemProps<T>, import('../ele-modal-render/types').ModalItemProps<T>> | undefined;
+    openModal: <T_1 extends ModalItemType, P extends Record<string, any>>(option: import('../ele-modal-render/types').ModalItem<T_1, P>) => import('../ele-modal-render/types').ModalItemId;
     closeAllModal: (current?: boolean) => void;
     closeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
-    setModalProps: (modalId?: import('../ele-modal-render/types').ModalItemId | Record<string, any>, options?: Record<string, any>) => void;
+    setModalProps: <T_1 extends ModalItemType>(modalId?: import('../ele-modal-render/types').ModalItemId | import('../ele-modal-render/types').ModalItemProps<T_1>, options?: import('../ele-modal-render/types').ModalItemProps<T_1>) => void;
+    removeAllModal: (current?: boolean) => void;
+    removeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
 };

package/es/utils/modal-hook.js

@@ -2,12 +2,15 @@ import { ElNotification } from "element-plus";
 import { useModal as useModal$1 } from "../ele-modal-render/use-modal";
 import { useMessage } from "./message";
 import { useMessageBox } from "./message-box";
+import { useImageViewer } from "../ele-image-viewer-provider/util";
 function useModal(options) {
   const modal = useModal$1();
   const message = useMessage(options?.message);
   const messageBox = useMessageBox(options?.messageBox);
+  const imageViewer = useImageViewer();
   return {
     ...modal,
+    imageViewer,
     message,
     messageBox,
     notification: ElNotification