ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.2

package/{es/ele-pro-layout → lib/ele-admin-layout}/style/tabs.scss

@@ -7,14 +7,15 @@
   background: eleVar('header', 'bg');
   box-shadow: eleVar('header', 'shadow');
   z-index: calc(#{eleVar('layout', 'index')} + 1);
+  $padding: eleVar('page', 'padding', #{eleVar('header', 'tools-padding')});
 
   &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-    padding-left: eleVar('page', 'padding');
+    padding-left: $padding;
   }
 
-  /* 固定主页页签 */
+  /* 固定的主页页签 */
   &.is-fixed-home {
-    padding-left: eleVar('page', 'padding');
+    padding-left: $padding;
 
     &.is-tag .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
       padding-left: eleVar('tab', 'tag-space');
@@ -25,21 +26,25 @@
     }
   }
 
-  /* 页签风格适配 */
+  /* 标签风格页签栏 */
   &.is-tag {
     padding-right: eleVar('tab', 'tag-space');
   }
 
+  /* 卡片风格页签栏 */
   &.is-button {
-    padding-right: eleVar('page', 'padding');
+    padding-right: $padding;
     background: eleVar('layout', 'bg');
     box-shadow: none;
   }
-}
 
-/* 顶栏阴影改分割线 */
-.ele-admin-open-tab:not(.ele-admin-tab-card) {
-  .ele-admin-header:not(.is-dark):not(.is-primary) {
-    box-shadow: 0 -0.8px 0 eleVar('header', 'line-color') inset;
+  /* 固定页签栏 */
+  &.is-fixed {
+    position: sticky;
+    top: eleVar('header', 'height');
+  }
+
+  &.is-fixed-top {
+    top: 0;
   }
 }

package/lib/ele-admin-layout/types.d.ts

@@ -0,0 +1,52 @@
+/**
+ * 布局类型
+ */
+export type Layout = 'default' | 'top' | 'mix' | 'side';
+
+/**
+ * 侧栏布局类型
+ */
+export type SidebarLayout = 'default' | 'mix' | 'box';
+
+/**
+ * 顶栏风格
+ */
+export type HeaderStyle = 'light' | 'dark' | 'primary';
+
+/**
+ * 侧栏风格
+ */
+export type SidebarStyle = 'light' | 'dark';
+
+/**
+ * 页签风格
+ */
+export type TabStyle = 'simple' | 'indicator' | 'button' | 'tag';
+
+/**
+ * 页签栏显示位置
+ */
+export type TabBar = boolean | 'header';
+
+/**
+ * 内容区最大化
+ */
+export type Maximized = boolean | 'expanded';
+
+/**
+ * 共享数据
+ */
+export interface LayoutProvide {
+  /** 布局类型 */
+  layout?: Layout;
+  /** 内容区是否最大化 */
+  maximized?: Maximized;
+  /** 是否固定顶栏 */
+  fixedHeader?: boolean;
+  /** 是否固定内容区 */
+  fixedBody?: boolean;
+  /** 模态框容器节点 */
+  modalsEl?: HTMLElement | null;
+  /** 获取模态框容器节点 */
+  getModalsEl?: () => HTMLElement | null;
+}

package/lib/ele-alert/index.d.ts

@@ -54,9 +54,9 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onClose?: ((_e: MouseEvent) => any) | undefined;
 }, {
-    center: boolean;
     closable: boolean;
     showIcon: boolean;
+    center: boolean;
     transitionName: string;
 }, {}>;
 export default _default;

package/lib/ele-alert/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-alert/style/index.scss

@@ -54,7 +54,7 @@
     border-radius: eleVar('alert', 'close-radius');
     color: eleVar('alert', 'close-color');
     font-size: eleVar('alert', 'close-font-size');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     margin: eleVar('alert', 'close-margin');
     cursor: pointer;
 

package/lib/ele-app/components/message-body.d.ts

@@ -33,7 +33,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onClose?: (() => any) | undefined;
 }, {
-    dangerouslyUseHTMLString: boolean;
     showClose: boolean;
+    dangerouslyUseHTMLString: boolean;
 }, {}>;
 export default _default;

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

@@ -1,184 +1,294 @@
 import type { ExtractPropTypes } from 'vue';
 import type {
-  CascaderProps,
-  IconProps,
-  RowProps,
-  ColProps,
+  // ElAlert
+  AlertProps,
+  // ElAutocomplete
+  ElAutocomplete,
+  // ElAvatar
+  AvatarProps,
+  // ElBadge
+  BadgeProps,
+  // ElBreadcrumb
+  ElBreadcrumb,
   BreadcrumbProps,
   BreadcrumbItemProps,
-  InputProps,
-  TagProps,
-  AvatarProps,
-  PopoverProps,
-  ElTooltipProps as TooltipProps,
-  PopconfirmProps,
-  AlertProps,
+  // ElButton
   ButtonProps,
+  // ElCard
   CardProps,
+  // ElCascader
+  ElCascader,
+  CascaderProps,
+  // ElDialog
+  ElDialog,
+  DialogProps,
+  // ElDrawer
+  ElDrawer,
+  // ElDropdown
+  ElDropdown,
+  dropdownProps,
+  dropdownItemProps,
+  // ElEmpty
   EmptyProps,
-  ProgressProps,
+  // ElForm
+  ElForm,
+  ElFormItem,
+  FormItemProps,
+  FormItemRule,
+  // ElIcon
+  IconProps,
+  // ElImage
+  ElImage,
+  ImageProps,
+  // ElInput
+  ElInput,
+  InputProps,
+  // ElLink
+  LinkProps,
+  // ElMenu
+  ElMenu,
   MenuProps,
-  MenuItemProps,
+  ElSubMenu,
   SubMenuProps,
+  MenuItemProps,
   MenuItemGroupProps,
-  FormItemProps,
-  BadgeProps,
-  LinkProps,
-  DialogProps,
-  StepProps,
-  TabsProps,
-  TabPaneProps,
-  TableProps,
-  TableV2Props,
-  ImageProps,
-  ElAutocomplete,
-  ElCascader,
+  // ElMessage
+  MessageOptions,
+  // ElPopper
   ElPopper,
   ElPopover,
+  PopoverProps,
   ElTooltip,
-  ElBreadcrumb,
-  ElDrawer,
-  ElInput,
-  ElDropdown,
-  ElMenu,
-  ElSubMenu,
-  ElDialog,
+  ElTooltipProps as TooltipProps,
+  PopconfirmProps,
+  // ElProgress
+  ProgressProps,
+  // ElRow
+  RowProps,
+  ColProps,
+  // ElScrollbar
+  ElScrollbar,
+  // ElStep
+  StepProps,
+  // ElTable
   ElTable,
+  TableProps,
   ElTableV2,
+  TableV2Props,
+  // ElTabs
   ElTabs,
-  ElImage,
-  ElScrollbar,
-  ElTreeV2,
-  ElForm,
-  ElFormItem,
-  FormItemRule
+  TabsProps,
+  TabPaneProps,
+  // ElTag
+  ElTag,
+  TagProps,
+  // ElTreeV2
+  ElTreeV2
 } from 'element-plus';
-import type { dropdownProps } from 'element-plus';
-import type { dropdownItemProps } from 'element-plus';
 import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
 import type { TreeProps } from 'element-plus/es/components/tree-v2/src/types';
-import type { MessageOptions } from 'element-plus/es/components/message';
 import type { ComponentProps } from './types';
 
-export type ElFormItemRule = Partial<FormItemRule>;
-export type ElMessageOptions = Partial<MessageOptions>;
+/**
+ * ElAlert
+ */
+export type ElAlertProps = ComponentProps<AlertProps>;
 
 /**
- * 组件属性
+ * ElAutocomplete
  */
-export type ElCascaderProps = ComponentProps<CascaderProps>;
+export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;
 
-export type ElIconProps = ComponentProps<IconProps>;
+/**
+ * ElAvatar
+ */
+export type ElAvatarProps = ComponentProps<AvatarProps>;
 
-export type ElRowProps = ComponentProps<RowProps>;
+/**
+ * ElBadge
+ */
+export type ElBadgeProps = ComponentProps<BadgeProps>;
 
-export type ElColProps = ComponentProps<ColProps>;
+/**
+ * ElBreadcrumb
+ */
+export type ElBreadcrumbInstance = InstanceType<typeof ElBreadcrumb> | null;
 
 export type ElBreadcrumbProps = ComponentProps<BreadcrumbProps>;
 
 export type ElBreadcrumbItemProps = ComponentProps<BreadcrumbItemProps>;
 
-export type ElDropdownProps = ComponentProps<
-  ExtractPropTypes<typeof dropdownProps>
->;
-
-export type ElDropdownItemProps = ComponentProps<
-  ExtractPropTypes<typeof dropdownItemProps>
->;
+/**
+ * ElButton
+ */
+export type ElButtonProps = ComponentProps<ButtonProps>;
 
-export type ElInputProps = ComponentProps<InputProps>;
+/**
+ * ElCard
+ */
+export type ElCardProps = ComponentProps<CardProps>;
 
-export type ElTagProps = ComponentProps<TagProps>;
+/**
+ * ElCascader
+ */
+export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;
 
-export type ElAvatarProps = ComponentProps<AvatarProps>;
+export type ElCascaderProps = ComponentProps<CascaderProps>;
 
-export type ElTooltipProps = Partial<TooltipProps>;
+/**
+ * ElDialog
+ */
+export type ElDialogInstance = InstanceType<typeof ElDialog> | null;
 
-export type ElPopoverProps = Partial<PopoverProps>;
+export type ElDialogProps = ComponentProps<DialogProps>;
 
-export type ElPopconfirmProps = Partial<PopconfirmProps>;
+/**
+ * ElDrawer
+ */
+export type ElDrawerInstance = InstanceType<typeof ElDrawer> | null;
 
-export type ElAlertProps = ComponentProps<AlertProps>;
+/**
+ * ElDropdown
+ */
+export type ElDropdownInstance = InstanceType<typeof ElDropdown> | null;
 
-export type ElButtonProps = ComponentProps<ButtonProps>;
+export type ElDropdownProps = ComponentProps<
+  ExtractPropTypes<typeof dropdownProps>
+>;
 
-export type ElCardProps = ComponentProps<CardProps>;
+export type ElDropdownItemProps = ComponentProps<
+  ExtractPropTypes<typeof dropdownItemProps>
+>;
 
+/**
+ * ElEmpty
+ */
 export type ElEmptyProps = ComponentProps<EmptyProps>;
 
-export type ElProgressProps = ComponentProps<ProgressProps>;
-
-export type ElMenuProps = ComponentProps<MenuProps>;
+/**
+ * ElForm
+ */
+export type ElFormInstance = InstanceType<typeof ElForm> | null;
 
-export type ElMenuItemProps = ComponentProps<MenuItemProps>;
+export type ElFormItemInstance = InstanceType<typeof ElFormItem> | null;
 
-export type ElSubMenuProps = ComponentProps<SubMenuProps>;
+export type ElFormItemProps = ComponentProps<FormItemProps>;
 
-export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
+export type ElFormItemRule = Partial<FormItemRule>;
 
-export type ElFormItemProps = ComponentProps<FormItemProps>;
+/**
+ * ElIcon
+ */
+export type ElIconProps = ComponentProps<IconProps>;
 
-export type ElBadgeProps = ComponentProps<BadgeProps>;
+/**
+ * ElImage
+ */
+export type ElImageInstance = InstanceType<typeof ElImage> | null;
 
-export type ElLinkProps = ComponentProps<LinkProps>;
+export type ElImageProps = ComponentProps<ImageProps>;
 
-export type ElDialogProps = ComponentProps<DialogProps>;
+/**
+ * ElInput
+ */
+export type ElInputInstance = InstanceType<typeof ElInput> | null;
 
-export type ElStepProps = ComponentProps<StepProps>;
+export type ElInputProps = ComponentProps<InputProps>;
 
-export type ElTabsProps = ComponentProps<TabsProps>;
+/**
+ * ElLink
+ */
+export type ElLinkProps = ComponentProps<LinkProps>;
 
-export type ElTabPaneProps = ComponentProps<TabPaneProps>;
+/**
+ * ElMenu
+ */
+export type ElMenuInstance = InstanceType<typeof ElMenu> | null;
 
-export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+export type ElMenuProps = ComponentProps<MenuProps>;
 
-export type ElTableV2Props = ComponentProps<TableV2Props>;
+export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;
 
-export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+export type ElSubMenuProps = ComponentProps<SubMenuProps>;
 
-export type ElTreeV2Props = ComponentProps<TreeProps>;
+export type ElMenuItemProps = ComponentProps<MenuItemProps>;
 
-export type ElImageProps = ComponentProps<ImageProps>;
+export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
 
 /**
- * 组件实例
+ * ElMessage
  */
-export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;
-
-export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;
+export type ElMessageOptions = Partial<MessageOptions>;
 
+/**
+ * ElPopper
+ */
 export type ElPopperInstance = InstanceType<typeof ElPopper> | null;
 
 export type ElPopoverInstance = InstanceType<typeof ElPopover> | null;
 
+export type ElPopoverProps = Partial<PopoverProps>;
+
 export type ElTooltipInstance = InstanceType<typeof ElTooltip> | null;
 
-export type ElBreadcrumbInstance = InstanceType<typeof ElBreadcrumb> | null;
+export type ElTooltipProps = Partial<TooltipProps>;
 
-export type ElDrawerInstance = InstanceType<typeof ElDrawer> | null;
+export type ElPopconfirmProps = Partial<PopconfirmProps>;
 
-export type ElInputInstance = InstanceType<typeof ElInput> | null;
+/**
+ * ElProgress
+ */
+export type ElProgressProps = ComponentProps<ProgressProps>;
 
-export type ElDropdownInstance = InstanceType<typeof ElDropdown> | null;
+/**
+ * ElRow
+ */
+export type ElRowProps = ComponentProps<RowProps>;
 
-export type ElMenuInstance = InstanceType<typeof ElMenu> | null;
+export type ElColProps = ComponentProps<ColProps>;
 
-export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;
+/**
+ * ElScrollbar
+ */
+export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
 
-export type ElDialogInstance = InstanceType<typeof ElDialog> | null;
+/**
+ * ElStep
+ */
+export type ElStepProps = ComponentProps<StepProps>;
 
+/**
+ * ElTable
+ */
 export type ElTableInstance = InstanceType<typeof ElTable> | null;
 
+export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+
+export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+
 export type ElTableV2Instance = InstanceType<typeof ElTableV2> | null;
 
+export type ElTableV2Props = ComponentProps<TableV2Props>;
+
+/**
+ * ElTabs
+ */
 export type ElTabsInstance = InstanceType<typeof ElTabs> | null;
 
-export type ElImageInstance = InstanceType<typeof ElImage> | null;
+export type ElTabsProps = ComponentProps<TabsProps>;
 
-export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
+export type ElTabPaneProps = ComponentProps<TabPaneProps>;
 
-export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
+/**
+ * ElTag
+ */
+export type ElTagInstance = InstanceType<typeof ElTag> | null;
 
-export type ElFormInstance = InstanceType<typeof ElForm> | null;
+export type ElTagProps = ComponentProps<TagProps>;
 
-export type ElFormItemInstance = InstanceType<typeof ElFormItem> | null;
+/**
+ * ElTreeV2
+ */
+export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
+
+export type ElTreeV2Props = ComponentProps<TreeProps>;