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

package/lib/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/lib/ele-admin-layout/index.cjs

@@ -17,12 +17,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__ */ vue.defineComponent({
   ...{ name: "EleAdminLayout" },
   __name: "index",
@@ -112,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const sidebarScrollToActive = () => {
       stopSidebarMenuTimer();
-      if (!props$1.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
+      if (!isFixedSidebar.value || !props$1.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
         return;
       }
       startSidebarMenuTimer(() => {
@@ -121,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const sideboxScrollToActive = () => {
       stopSideboxMenuTimer();
-      if (!props$1.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
+      if (!isFixedSidebar.value || !props$1.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
         return;
       }
       startSideboxMenuTimer(() => {
@@ -290,7 +288,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           height: _ctx.fixedBody ? layoutHeight.value : void 0
         })
       }, {
-        head: vue.withCtx(() => [
+        head: vue.withCtx(({ params }) => [
           !isSideLayout.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass([
@@ -391,12 +389,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 };
               })
             ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : vue.createCommentVNode("", true),
-            _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 5,
+              class: "ele-admin-tools",
+              "data-tool-id": params == null ? void 0 : params.viewId
+            }, [
               vue.renderSlot(_ctx.$slots, "right")
-            ])) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4)) : vue.createCommentVNode("", true)
           ], 38)) : vue.createCommentVNode("", true)
         ]),
-        side: vue.withCtx(() => [
+        side: vue.withCtx(({ params }) => [
           !isTopLayout.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass([
@@ -439,7 +441,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "boxTop"),
               vue.createVNode(vue.unref(elementPlus.ElScrollbar), {
                 class: "ele-admin-menus",
-                style: vue.normalizeStyle(_ctx.sideboxMenusStyle)
+                style: vue.normalizeStyle(_ctx.sideboxMenusStyle),
+                "data-menu-id": params == null ? void 0 : params.viewId
               }, {
                 default: vue.withCtx(() => [
                   _ctx.sideboxMenus ? (vue.openBlock(), vue.createBlock(EleMenus, vue.mergeProps({
@@ -474,8 +477,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     } : void 0
                   ]), 1040, ["theme", "defaultActive", "collapse", "items"])) : vue.createCommentVNode("", true)
                 ]),
-                _: 3
-              }, 8, ["style"]),
+                _: 2
+              }, 1032, ["style", "data-menu-id"]),
               vue.renderSlot(_ctx.$slots, "boxBottom")
             ], 38)) : vue.createCommentVNode("", true),
             !isBoxSidebar.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -490,6 +493,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   "show-divider": isMixSidebar.value && isDarkMixSidebar.value && isDarkSidebar.value
                 }
               ]),
+              "data-side-id": params == null ? void 0 : params.viewId,
               style: vue.normalizeStyle(_ctx.sidebarCustomStyle),
               onMouseenter: handleSideMouseEnter,
               onMouseleave: handleSideMouseLeave
@@ -511,7 +515,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: handleLogoClick
               }, [
                 _ctx.logoSrc || _ctx.$slots.logo ? vue.renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-                  vue.createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
+                  vue.createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_7)
                 ]) : vue.createCommentVNode("", true),
                 _ctx.logoTitle || _ctx.$slots.logoTitle ? vue.renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
                   vue.createElementVNode("h1", null, vue.toDisplayString(_ctx.logoTitle), 1)
@@ -557,10 +561,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _: 3
               }, 8, ["style"]),
               vue.renderSlot(_ctx.$slots, "bottom")
-            ], 38)) : vue.createCommentVNode("", true)
+            ], 46, _hoisted_6)) : vue.createCommentVNode("", true)
           ], 6)) : vue.createCommentVNode("", true)
         ]),
-        tabs: vue.withCtx(() => [
+        tabs: vue.withCtx(({ params }) => [
           _ctx.tabBar && !showHeaderTabs.value ? (vue.openBlock(), vue.createBlock(LayoutTabs, {
             key: 0,
             tabs: _ctx.tabs,
@@ -572,6 +576,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             tabContextMenu: _ctx.tabContextMenu,
             tabContextMenus: _ctx.tabContextMenus,
             tabSortable: _ctx.tabSortable,
+            disabled: !(params == null ? void 0 : params.text),
             class: vue.normalizeClass([
               { "is-fixed-home": _ctx.fixedHome },
               { "is-fixed": isFixedHeader.value },
@@ -593,7 +598,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ])
               };
             })
-          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : vue.createCommentVNode("", true)
+          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "disabled", "class", "style"])) : vue.createCommentVNode("", true)
         ]),
         body: vue.withCtx(() => [
           vue.createElementVNode("div", {

package/lib/ele-alert/index.cjs

@@ -5,7 +5,7 @@ const index = require("../icons/index");
 const props = require("./props");
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "EleAlert" },
+  ...{ name: "EleAlert", inheritAttrs: false },
   __name: "index",
   props: props.alertProps,
   emits: props.alertEmits,
@@ -36,9 +36,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
         default: vue.withCtx(() => [
-          visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass([
+          visible.value ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+            class: [
               "ele-alert",
               { "is-success": _ctx.type === "success" },
               { "is-warning": _ctx.type === "warning" },
@@ -46,8 +45,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               { "is-dark": _ctx.effect === "dark" },
               { "is-center": _ctx.center },
               { "is-rich": isRich.value }
-            ])
-          }, [
+            ]
+          }), [
             _ctx.showIcon ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "ele-alert-icon",
@@ -101,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, 16))
               ])
             ], 4)) : vue.createCommentVNode("", true)
-          ], 2)) : vue.createCommentVNode("", true)
+          ], 16)) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["name"]);

package/lib/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/lib/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/lib/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/lib/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);
 }
 
 /* 日期选择小屏幕自适应 */