ele-admin-plus 1.0.2 → 1.1.0

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { Columns, TableTool, TableSize, TableLocale } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     size: StringConstructor;
     columns: PropType<Columns>;
     tools: PropType<TableTool[] | null>;
@@ -31,13 +31,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     cacheKey: StringConstructor;
     locale: PropType<TableLocale>;
 }>> & {
+    "onUpdate:columns"?: ((_columns: Columns) => any) | undefined;
     onReload?: (() => any) | undefined;
     "onUpdate:size"?: ((_size: "" | "default" | "small" | "large" | undefined) => any) | undefined;
-    "onUpdate:columns"?: ((_columns: Columns) => any) | undefined;
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
 }, {
     maximized: boolean;
     columnSortable: boolean;
     columnFixed: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -4,20 +4,19 @@ const elementPlus = require("element-plus");
 const iconsVue = require("@element-plus/icons-vue");
 const icons = require("../../icons");
 const receiver = require("../../ele-config-provider/receiver");
+const EleDropdown = require("../../ele-dropdown/index");
 const EleTool = require("../../ele-tool/index");
 const ToolColumn = require("./tool-column");
 const util = require("../util");
 const _sfc_main = vue.defineComponent({
   name: "TableTools",
   components: {
-    ElDropdown: elementPlus.ElDropdown,
-    ElDropdownMenu: elementPlus.ElDropdownMenu,
-    ElDropdownItem: elementPlus.ElDropdownItem,
     ElIcon: elementPlus.ElIcon,
     RefreshRight: iconsVue.RefreshRight,
     ColumnHeightOutlined: icons.ColumnHeightOutlined,
     FullscreenOutlined: icons.FullscreenOutlined,
     FullscreenExitOutlined: icons.FullscreenExitOutlined,
+    EleDropdown,
     EleTool,
     ToolColumn
   },
@@ -87,9 +86,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_EleTool = vue.resolveComponent("EleTool");
   const _component_ColumnHeightOutlined = vue.resolveComponent("ColumnHeightOutlined");
-  const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
-  const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
-  const _component_ElDropdown = vue.resolveComponent("ElDropdown");
+  const _component_EleDropdown = vue.resolveComponent("EleDropdown");
   const _component_ToolColumn = vue.resolveComponent("ToolColumn");
   const _component_FullscreenExitOutlined = vue.resolveComponent("FullscreenExitOutlined");
   const _component_FullscreenOutlined = vue.resolveComponent("FullscreenOutlined");
@@ -117,46 +114,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         title: _ctx.lang.sizes
       }, {
         default: vue.withCtx(() => [
-          vue.createVNode(_component_ElDropdown, {
+          vue.createVNode(_component_EleDropdown, {
             trigger: "click",
-            placement: "bottom-end",
+            placement: "bottom",
             popperClass: "ele-tool-size-popper",
+            modelValue: _ctx.size,
+            items: [
+              { title: _ctx.lang.sizeLarge, command: "large" },
+              { title: _ctx.lang.sizeDefault, command: "default" },
+              { title: _ctx.lang.sizeSmall, command: "small" }
+            ],
+            popperOptions: {
+              modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
+            },
             onCommand: _ctx.updateSize
           }, {
-            dropdown: vue.withCtx(() => [
-              vue.createVNode(_component_ElDropdownMenu, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_ElDropdownItem, {
-                    command: "large",
-                    class: vue.normalizeClass({ "is-active": _ctx.size === "large" })
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(_ctx.lang.sizeLarge), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class"]),
-                  vue.createVNode(_component_ElDropdownItem, {
-                    command: "default",
-                    class: vue.normalizeClass({ "is-active": _ctx.size === "default" })
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(_ctx.lang.sizeDefault), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class"]),
-                  vue.createVNode(_component_ElDropdownItem, {
-                    command: "small",
-                    class: vue.normalizeClass({ "is-active": _ctx.size === "small" })
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(_ctx.lang.sizeSmall), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class"])
-                ]),
-                _: 1
-              })
-            ]),
             default: vue.withCtx(() => [
               vue.createVNode(_component_ElIcon, null, {
                 default: vue.withCtx(() => [
@@ -166,7 +138,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               })
             ]),
             _: 1
-          }, 8, ["onCommand"])
+          }, 8, ["modelValue", "items", "onCommand"])
         ]),
         _: 2
       }, 1032, ["placement", "title"])) : vue.createCommentVNode("", true),

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

@@ -7,9 +7,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     loading: BooleanConstructor;
     pageIndex: NumberConstructor;
-    data: {
-        type: import("vue").PropType<any[]>;
-        default: () => never[];
+    headerEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -17,13 +17,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     fit: {
         type: BooleanConstructor;
         default: boolean;
     };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    lazy: BooleanConstructor;
+    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    data: {
+        type: import("vue").PropType<any[]>;
+        default: () => never[];
+    };
+    height: (StringConstructor | NumberConstructor)[];
     stripe: BooleanConstructor;
     border: BooleanConstructor;
     rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
@@ -49,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultExpandAll: BooleanConstructor;
     defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "showArrow" | "effect" | "enterable" | "popperClass" | "offset" | "placement" | "popperOptions" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;
@@ -77,14 +87,9 @@ declare const _default: import("vue").DefineComponent<{
             children: string;
         };
     };
-    lazy: BooleanConstructor;
     load: import("vue").PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
-    className: {
-        type: StringConstructor;
-        default: string;
-    };
     tableLayout: {
-        type: import("vue").PropType<"fixed" | "auto">;
+        type: import("vue").PropType<"auto" | "fixed">;
         default: string;
     };
     scrollbarAlwaysOn: {
@@ -133,9 +138,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     loading: BooleanConstructor;
     pageIndex: NumberConstructor;
-    data: {
-        type: import("vue").PropType<any[]>;
-        default: () => never[];
+    headerEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -143,13 +148,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     fit: {
         type: BooleanConstructor;
         default: boolean;
     };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    lazy: BooleanConstructor;
+    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    data: {
+        type: import("vue").PropType<any[]>;
+        default: () => never[];
+    };
+    height: (StringConstructor | NumberConstructor)[];
     stripe: BooleanConstructor;
     border: BooleanConstructor;
     rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
@@ -175,7 +190,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultExpandAll: BooleanConstructor;
     defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "showArrow" | "effect" | "enterable" | "popperClass" | "offset" | "placement" | "popperOptions" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;
@@ -203,14 +218,9 @@ declare const _default: import("vue").DefineComponent<{
             children: string;
         };
     };
-    lazy: BooleanConstructor;
     load: import("vue").PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
-    className: {
-        type: StringConstructor;
-        default: string;
-    };
     tableLayout: {
-        type: import("vue").PropType<"fixed" | "auto">;
+        type: import("vue").PropType<"auto" | "fixed">;
         default: string;
     };
     scrollbarAlwaysOn: {
@@ -238,8 +248,11 @@ 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;
 }, {
-    data: any[];
+    loading: boolean;
     fit: boolean;
+    className: string;
+    lazy: boolean;
+    data: any[];
     stripe: boolean;
     border: boolean;
     showHeader: boolean;
@@ -252,11 +265,9 @@ declare const _default: import("vue").DefineComponent<{
         hasChildren?: string | undefined;
         children?: string | undefined;
     } | undefined;
-    lazy: boolean;
-    className: string;
-    tableLayout: "fixed" | "auto";
+    tableLayout: "auto" | "fixed";
     scrollbarAlwaysOn: boolean;
     flexible: boolean;
-    loading: boolean;
+    headerEllipsis: boolean;
 }, {}>;
 export default _default;

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

@@ -12,6 +12,53 @@ const tableView = vue.defineComponent({
     const tableIns = util.useTableMethods(() => tableRef.value);
     const tableEvents = util.useTableEvents(emit);
     const tableRef = vue.ref(null);
+    const tableRowClassName = (option) => {
+      const classes = ["ele-table-tr"];
+      if (props$1.rowClassName != null) {
+        if (typeof props$1.rowClassName === "function") {
+          classes.push(props$1.rowClassName(option));
+        } else if (typeof props$1.rowClassName === "string" && props$1.rowClassName) {
+          classes.push(props$1.rowClassName);
+        }
+      }
+      return classes.join(" ");
+    };
+    const tableHeaderRowClassName = (option) => {
+      const classes = ["ele-table-head-tr"];
+      if (props$1.headerEllipsis) {
+        classes.push("is-ellipsis");
+      }
+      if (props$1.headerRowClassName != null) {
+        if (typeof props$1.headerRowClassName === "function") {
+          classes.push(props$1.headerRowClassName(option));
+        } else if (typeof props$1.headerRowClassName === "string" && props$1.headerRowClassName) {
+          classes.push(props$1.headerRowClassName);
+        }
+      }
+      return classes.join(" ");
+    };
+    const getTooltipProps = (opt, globalOpt) => {
+      if (!opt) {
+        return false;
+      }
+      const classes = [
+        "ele-popper",
+        "ele-tooltip",
+        "ele-table-tooltip"
+      ];
+      if (opt !== true && typeof opt === "object") {
+        if (opt.popperClass) {
+          classes.push(opt.popperClass);
+        } else if (globalOpt && typeof globalOpt === "object" && globalOpt.popperClass) {
+          classes.push(globalOpt.popperClass);
+        }
+        return { ...opt, popperClass: classes.join(" ") };
+      }
+      if (globalOpt && typeof globalOpt === "object" && globalOpt.popperClass) {
+        classes.push(globalOpt.popperClass);
+      }
+      return { popperClass: classes.join(" ") };
+    };
     const getCols = (cols, index, getSlot) => {
       const nodes = [];
       if (cols) {
@@ -22,6 +69,7 @@ const tableView = vue.defineComponent({
               elementPlus.ElTableColumn,
               {
                 ...core.omit(col, [
+                  "showOverflowTooltip",
                   "id",
                   "slot",
                   "headerSlot",
@@ -29,12 +77,28 @@ const tableView = vue.defineComponent({
                   "hideInSetting",
                   "children"
                 ]),
+                showOverflowTooltip: getTooltipProps(
+                  col.showOverflowTooltip,
+                  props$1.showOverflowTooltip
+                ),
                 key: col.id,
                 index: col.index ?? index
               },
               {
                 default: ts ? ts : () => getCols(col.children, index, getSlot),
-                header: col.headerSlot ? slots[col.headerSlot] : void 0
+                header: (slotProps) => {
+                  var _a;
+                  const title = (_a = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _a.label;
+                  let t = null;
+                  if (col.headerSlot && slots[col.headerSlot] != null && typeof slots[col.headerSlot] === "function") {
+                    t = slots[col.headerSlot](slotProps || {});
+                  }
+                  return vue.h(
+                    "div",
+                    { class: "ele-cell-title", title },
+                    t ?? title
+                  );
+                }
               }
             )
           );
@@ -52,7 +116,9 @@ const tableView = vue.defineComponent({
           {
             ...core.pick(props$1, props.tablePropKeys),
             ...tableEvents,
-            ref: tableRef
+            ref: tableRef,
+            rowClassName: tableRowClassName,
+            headerRowClassName: tableHeaderRowClassName
           },
           {
             default: () => getCols(props$1.columns, props$1.pageIndex, getSlot),

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

@@ -1,8 +1,8 @@
 import type { PropType } from 'vue';
 import type { Columns, ColItem } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
-    placement: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown>>;
+    placement: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
     checkAllText: StringConstructor;
     resetText: StringConstructor;
     untitledText: StringConstructor;
@@ -38,7 +38,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     'update:columns': (_columns: Columns) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
-    placement: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown>>;
+    placement: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
     checkAllText: StringConstructor;
     resetText: StringConstructor;
     untitledText: StringConstructor;
@@ -54,4 +54,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
     sortable: boolean;
     allowFixed: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,8 +1,10 @@
 "use strict";
 const vue = require("vue");
 const VueDraggable = require("vuedraggable");
-const elementPlus = require("element-plus");
 const iconsVue = require("@element-plus/icons-vue");
+const elementPlus = require("element-plus");
+const EleTooltip = require("../../ele-tooltip/index");
+const ElePopover = require("../../ele-popover/index");
 const icons = require("../../icons");
 const EleTool = require("../../ele-tool/index");
 const util = require("../util");
@@ -10,12 +12,12 @@ const _sfc_main = vue.defineComponent({
   name: "ToolColumn",
   components: {
     VueDraggable,
-    ElPopover: elementPlus.ElPopover,
     ElCheckbox: elementPlus.ElCheckbox,
     ElCheckboxGroup: elementPlus.ElCheckboxGroup,
-    ElTooltip: elementPlus.ElTooltip,
     ElIcon: elementPlus.ElIcon,
     ElLink: elementPlus.ElLink,
+    EleTooltip,
+    ElePopover,
     Setting: iconsVue.Setting,
     HolderOutlined: icons.HolderOutlined,
     VerticalRightOutlined: icons.VerticalRightOutlined,
@@ -215,19 +217,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VerticalLeftOutlined = vue.resolveComponent("VerticalLeftOutlined");
   const _component_VueDraggable = vue.resolveComponent("VueDraggable");
   const _component_ElCheckboxGroup = vue.resolveComponent("ElCheckboxGroup");
-  const _component_ElPopover = vue.resolveComponent("ElPopover");
-  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+  const _component_ElePopover = vue.resolveComponent("ElePopover");
+  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   const _component_EleTool = vue.resolveComponent("EleTool");
   return vue.openBlock(), vue.createBlock(_component_EleTool, {
     title: _ctx.title,
     placement: _ctx.placement
   }, {
     default: vue.withCtx(() => [
-      vue.createVNode(_component_ElPopover, {
+      vue.createVNode(_component_ElePopover, {
         trigger: "click",
         placement: "bottom-end",
         transition: "el-zoom-in-top",
-        popperClass: _ctx.popperClass
+        popperClass: _ctx.popperClass,
+        popperOptions: {
+          modifiers: [
+            { name: "arrow", options: { padding: 20 } },
+            { name: "offset", options: { offset: [20, 10] } }
+          ]
+        }
       }, {
         reference: vue.withCtx(() => [
           vue.createVNode(_component_ElIcon, null, {
@@ -349,7 +357,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["popperClass"]),
-      vue.createVNode(_component_ElTooltip, {
+      vue.createVNode(_component_EleTooltip, {
         placement: "top",
         virtualRef: _ctx.virtualRef,
         content: _ctx.tooltipContent,