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

package/es/ele-admin-layout/components/layout-skeleton.d.ts

@@ -1,7 +1,13 @@
 declare function __VLS_template(): {
-    head?(_: {}): any;
-    side?(_: {}): any;
-    tabs?(_: {}): any;
+    head?(_: {
+        params: any;
+    }): any;
+    side?(_: {
+        params: any;
+    }): any;
+    tabs?(_: {
+        params: any;
+    }): any;
     body?(_: {}): any;
     default?(_: {}): any;
 };

package/es/ele-admin-layout/components/layout-skeleton.js

@@ -19,10 +19,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["ele-admin-main", { "is-row-direction": __props.isHeaderLogo }]),
           wrapPosition: false
         }, {
-          default: withCtx(() => [
-            __props.isHeaderLogo ? renderSlot(_ctx.$slots, "side", { key: 0 }) : renderSlot(_ctx.$slots, "head", { key: 1 }),
+          default: withCtx((slotProps) => [
+            __props.isHeaderLogo ? renderSlot(_ctx.$slots, "side", {
+              key: 0,
+              params: slotProps
+            }) : renderSlot(_ctx.$slots, "head", {
+              key: 1,
+              params: slotProps
+            }),
             createElementVNode("div", _hoisted_1, [
-              renderSlot(_ctx.$slots, "tabs"),
+              renderSlot(_ctx.$slots, "tabs", { params: slotProps }),
               createElementVNode("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "body")
               ])

package/es/ele-admin-layout/components/layout-tabs.d.ts

@@ -35,11 +35,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     tabContextMenus: PropType<ContextMenus>;
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     tabContextMenu: (_option: TabEventOption) => void;
+    tabSortChange: (_data: TabPaneItem[]) => void;
     tabClick: (_option: TabEventOption) => void;
     tabRemove: (_name: string) => void;
-    tabSortChange: (_data: TabPaneItem[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 页签数据 */
     tabs: PropType<TabPaneItem[]>;
@@ -59,12 +61,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     tabContextMenus: PropType<ContextMenus>;
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
 }>> & Readonly<{
     onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
-    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     fixedHome: boolean;
     isHome: boolean;
     tabSortable: boolean;

package/es/ele-admin-layout/components/layout-tabs.js

@@ -25,7 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 右键菜单 */
     tabContextMenus: [Array, Function],
     /** 是否支持拖动排序 */
-    tabSortable: Boolean
+    tabSortable: Boolean,
+    /** 是否禁用 */
+    disabled: Boolean
   },
   emits: {
     tabClick: (_option) => true,
@@ -53,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "ele-admin-tabs"
       }, {
         default: withCtx(() => [
-          __props.fixedHome ? (openBlock(), createBlock(EleTabTool, {
+          __props.fixedHome || __props.disabled ? (openBlock(), createBlock(EleTabTool, {
             key: 0,
             tab: true,
             active: __props.isHome,
@@ -74,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["active", "tabName"])) : createCommentVNode("", true),
-          __props.tabs ? (openBlock(), createBlock(EleTabs, {
+          __props.tabs && !__props.disabled ? (openBlock(), createBlock(EleTabs, {
             key: 1,
             items: __props.tabs,
             modelValue: __props.active,
@@ -96,7 +98,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: "0"
             } : void 0
           ]), 1032, ["items", "modelValue", "sortable", "contextMenu", "contextMenus"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "tabExtra", { active: __props.active })
+          !__props.disabled ? renderSlot(_ctx.$slots, "tabExtra", {
+            key: 2,
+            active: __props.active
+          }) : createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["type"]);

package/es/ele-admin-layout/index.js

@@ -16,12 +16,10 @@ const _hoisted_3 = {
   key: 2,
   class: "ele-admin-breadcrumb"
 };
-const _hoisted_4 = {
-  key: 5,
-  class: "ele-admin-tools"
-};
+const _hoisted_4 = ["data-tool-id"];
 const _hoisted_5 = ["src"];
-const _hoisted_6 = ["src"];
+const _hoisted_6 = ["data-side-id"];
+const _hoisted_7 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleAdminLayout" },
   __name: "index",
@@ -111,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const sidebarScrollToActive = () => {
       stopSidebarMenuTimer();
-      if (!props.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
+      if (!isFixedSidebar.value || !props.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
         return;
       }
       startSidebarMenuTimer(() => {
@@ -120,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const sideboxScrollToActive = () => {
       stopSideboxMenuTimer();
-      if (!props.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
+      if (!isFixedSidebar.value || !props.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
         return;
       }
       startSideboxMenuTimer(() => {
@@ -289,7 +287,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           height: _ctx.fixedBody ? layoutHeight.value : void 0
         })
       }, {
-        head: withCtx(() => [
+        head: withCtx(({ params }) => [
           !isSideLayout.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass([
@@ -390,12 +388,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : createCommentVNode("", true),
-            _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            _ctx.$slots.right ? (openBlock(), createElementBlock("div", {
+              key: 5,
+              class: "ele-admin-tools",
+              "data-tool-id": params == null ? void 0 : params.viewId
+            }, [
               renderSlot(_ctx.$slots, "right")
-            ])) : createCommentVNode("", true)
+            ], 8, _hoisted_4)) : createCommentVNode("", true)
           ], 38)) : createCommentVNode("", true)
         ]),
-        side: withCtx(() => [
+        side: withCtx(({ params }) => [
           !isTopLayout.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass([
@@ -438,7 +440,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "boxTop"),
               createVNode(unref(ElScrollbar), {
                 class: "ele-admin-menus",
-                style: normalizeStyle(_ctx.sideboxMenusStyle)
+                style: normalizeStyle(_ctx.sideboxMenusStyle),
+                "data-menu-id": params == null ? void 0 : params.viewId
               }, {
                 default: withCtx(() => [
                   _ctx.sideboxMenus ? (openBlock(), createBlock(EleMenus, mergeProps({
@@ -473,8 +476,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     } : void 0
                   ]), 1040, ["theme", "defaultActive", "collapse", "items"])) : createCommentVNode("", true)
                 ]),
-                _: 3
-              }, 8, ["style"]),
+                _: 2
+              }, 1032, ["style", "data-menu-id"]),
               renderSlot(_ctx.$slots, "boxBottom")
             ], 38)) : createCommentVNode("", true),
             !isBoxSidebar.value ? (openBlock(), createElementBlock("div", {
@@ -489,6 +492,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "show-divider": isMixSidebar.value && isDarkMixSidebar.value && isDarkSidebar.value
                 }
               ]),
+              "data-side-id": params == null ? void 0 : params.viewId,
               style: normalizeStyle(_ctx.sidebarCustomStyle),
               onMouseenter: handleSideMouseEnter,
               onMouseleave: handleSideMouseLeave
@@ -510,7 +514,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: handleLogoClick
               }, [
                 _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
+                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_7)
                 ]) : createCommentVNode("", true),
                 _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
                   createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
@@ -556,10 +560,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 3
               }, 8, ["style"]),
               renderSlot(_ctx.$slots, "bottom")
-            ], 38)) : createCommentVNode("", true)
+            ], 46, _hoisted_6)) : createCommentVNode("", true)
           ], 6)) : createCommentVNode("", true)
         ]),
-        tabs: withCtx(() => [
+        tabs: withCtx(({ params }) => [
           _ctx.tabBar && !showHeaderTabs.value ? (openBlock(), createBlock(LayoutTabs, {
             key: 0,
             tabs: _ctx.tabs,
@@ -571,6 +575,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             tabContextMenu: _ctx.tabContextMenu,
             tabContextMenus: _ctx.tabContextMenus,
             tabSortable: _ctx.tabSortable,
+            disabled: !(params == null ? void 0 : params.text),
             class: normalizeClass([
               { "is-fixed-home": _ctx.fixedHome },
               { "is-fixed": isFixedHeader.value },
@@ -592,7 +597,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               };
             })
-          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : createCommentVNode("", true)
+          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "disabled", "class", "style"])) : createCommentVNode("", true)
         ]),
         body: withCtx(() => [
           createElementVNode("div", {

package/es/ele-alert/index.js

@@ -1,10 +1,10 @@
-import { defineComponent, useSlots, ref, computed, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, normalizeStyle, createVNode, unref, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, mergeProps } from "vue";
+import { defineComponent, useSlots, ref, computed, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, createElementVNode, renderSlot, normalizeStyle, createVNode, unref, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString } from "vue";
 import { ElIcon } from "element-plus";
 import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../icons/index";
 import { alertEmits, alertProps } from "./props";
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "EleAlert" },
+  ...{ name: "EleAlert", inheritAttrs: false },
   __name: "index",
   props: alertProps,
   emits: alertEmits,
@@ -35,9 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
         default: withCtx(() => [
-          visible.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass([
+          visible.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+            class: [
               "ele-alert",
               { "is-success": _ctx.type === "success" },
               { "is-warning": _ctx.type === "warning" },
@@ -45,8 +44,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               { "is-dark": _ctx.effect === "dark" },
               { "is-center": _ctx.center },
               { "is-rich": isRich.value }
-            ])
-          }, [
+            ]
+          }), [
             _ctx.showIcon ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "ele-alert-icon",
@@ -100,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, 16))
               ])
             ], 4)) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true)
+          ], 16)) : createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["name"]);

package/es/ele-app/el.d.ts

@@ -341,7 +341,9 @@ export type ElStepProps = ComponentProps<StepProps>;
  */
 export type ElTableInstance = InstanceType<typeof ElTable> | null;
 
-export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+export type ElTableProps<T extends Record<PropertyKey, any>> = ComponentProps<
+  TableProps<T>
+>;
 
 export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
 

package/es/ele-app/plus.d.ts

@@ -1,14 +1,12 @@
 import type EleAdminLayout from '../ele-admin-layout/index';
 import type { BacktopProps } from '../ele-backtop/props';
 import type EleBasicSelect from '../ele-basic-select/index';
+import type EleBasicSelectView from '../ele-basic-select/components/select-view';
 import type { BreadcrumbProps } from '../ele-breadcrumb/props';
-import type { CropperProps } from '../ele-cropper/props';
 import type { CardProps } from '../ele-card/props';
-import type EleCrud from '../ele-crud/index';
-import type { CrudProps } from '../ele-crud/props';
-import type EleCrudBuilder from '../ele-crud-builder/index';
 import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
+import type { DrawerProps } from '../ele-drawer/props';
 import type EleDropdown from '../ele-dropdown/index';
 import type { DropdownProps } from '../ele-dropdown/props';
 import type { FileListProps } from '../ele-file-list/props';
@@ -25,10 +23,6 @@ import type { PopconfirmProps } from '../ele-popconfirm/props';
 import type ElePopover from '../ele-popover/index';
 import type { PopoverProps } from '../ele-popover/props';
 import type { PrinterProps } from '../ele-printer/props';
-import type EleProForm from '../ele-pro-form/index';
-import type { ProFormProps } from '../ele-pro-form/props';
-import type EleProFormBuilder from '../ele-pro-form-builder/index';
-import type { ProFormBuilderProps } from '../ele-pro-form-builder/props';
 import type EleProTable from '../ele-pro-table/index';
 import type { ProTableProps } from '../ele-pro-table/props';
 import type EleSplitPanel from '../ele-split-panel/index';
@@ -49,6 +43,7 @@ import type ReceiverView from '../ele-config-provider/components/receiver-view';
 import type { MessageOptions } from '../utils/message';
 import type { MessageBoxOptions } from '../utils/message-box';
 import type { ComponentProps } from './types';
+export type * from './plusx';
 
 /**
  * EleAdminLayout
@@ -65,6 +60,10 @@ export type EleBacktopProps = ComponentProps<BacktopProps>;
  */
 export type EleBasicSelectInstance = InstanceType<typeof EleBasicSelect> | null;
 
+export type EleBasicSelectViewInstance = InstanceType<
+  typeof EleBasicSelectView
+> | null;
+
 /**
  * EleBreadcrumb
  */
@@ -80,23 +79,6 @@ export type EleCardProps = ComponentProps<CardProps>;
  */
 export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
 
-/**
- * EleCropper
- */
-export type EleCropperProps = ComponentProps<CropperProps>;
-
-/**
- * EleCrud
- */
-export type EleCrudInstance = InstanceType<typeof EleCrud> | null;
-
-export type EleCrudProps = ComponentProps<CrudProps>;
-
-/**
- * EleCrud
- */
-export type EleCrudBuilderInstance = InstanceType<typeof EleCrudBuilder> | null;
-
 /**
  * EleDataTable
  */
@@ -104,6 +86,11 @@ export type EleDataTableInstance = InstanceType<typeof EleDataTable> | null;
 
 export type EleDataTableProps = ComponentProps<DataTableProps>;
 
+/**
+ * EleDrawer
+ */
+export type EleDrawerProps = ComponentProps<DrawerProps>;
+
 /**
  * EleDropdown
  */
@@ -169,22 +156,6 @@ export type ElePopoverProps = Partial<PopoverProps>;
  */
 export type ElePrinterProps = ComponentProps<PrinterProps>;
 
-/**
- * EleProForm
- */
-export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
-
-export type EleProFormProps = ComponentProps<ProFormProps>;
-
-/**
- * EleProFormBuilder
- */
-export type EleProFormBuilderInstance = InstanceType<
-  typeof EleProFormBuilder
-> | null;
-
-export type EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;
-
 /**
  * EleProTable
  */

package/es/ele-app/plusx.d.ts

@@ -0,0 +1,40 @@
+import { CropperProps } from '../ele-cropper/props';
+import { default as CropperPreview } from '../ele-cropper/components/cropper-preview';
+import { default as EleCrud } from '../ele-crud/index';
+import { CrudProps } from '../ele-crud/props';
+import { default as EleCrudBuilder } from '../ele-crud-builder/index';
+import { default as MapView } from '../ele-map-picker/components/map-view';
+import { default as EleProForm } from '../ele-pro-form/index';
+import { ProFormProps } from '../ele-pro-form/props';
+import { default as EleProFormBuilder } from '../ele-pro-form-builder/index';
+import { ProFormBuilderProps } from '../ele-pro-form-builder/props';
+import { ComponentProps } from './types';
+
+/**
+ * EleCropper
+ */
+export type EleCropperProps = ComponentProps<CropperProps>;
+export type EleCropperPreviewInstance = InstanceType<typeof CropperPreview> | null;
+/**
+ * EleCrud
+ */
+export type EleCrudInstance = InstanceType<typeof EleCrud> | null;
+export type EleCrudProps = ComponentProps<CrudProps>;
+/**
+ * EleCrudBuilder
+ */
+export type EleCrudBuilderInstance = InstanceType<typeof EleCrudBuilder> | null;
+/**
+ * EleMapPicker
+ */
+export type EleMapPickerViewInstance = InstanceType<typeof MapView> | null;
+/**
+ * EleProForm
+ */
+export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
+export type EleProFormProps = ComponentProps<ProFormProps>;
+/**
+ * EleProFormBuilder
+ */
+export type EleProFormBuilderInstance = InstanceType<typeof EleProFormBuilder> | null;
+export type EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;

package/es/ele-app/style/overwrite/date-picker/index.scss

@@ -852,7 +852,7 @@
 }
 
 .el-popper.is-light.el-picker__popper {
-  max-width: calc(100% - 32px);
+  max-width: calc(100vw - 32px);
 }
 
 /* 日期选择小屏幕自适应 */