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

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

@@ -1,87 +1,159 @@
-import type { ComponentProps } from './types';
+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 { BreadcrumbProps } from '../ele-breadcrumb/props';
+import type ReceiverView from '../ele-config-provider/components/receiver-view';
 import type { CropperProps } from '../ele-cropper/props';
-import type { DataTableProps } from '../ele-data-table/props';
 import type EleDataTable from '../ele-data-table/index';
-import type { DropdownProps } from '../ele-dropdown/props';
+import type { DataTableProps } from '../ele-data-table/props';
 import type EleDropdown from '../ele-dropdown/index';
+import type { DropdownProps } from '../ele-dropdown/props';
 import type { LoadingProps } from '../ele-loading/props';
+import type EleMenus from '../ele-menus/index';
 import type { MenusProps } from '../ele-menus/props';
 import type { MenuItem } from '../ele-menus/types';
 import type { ModalProps } from '../ele-modal/props';
 import type { PaginationProps } from '../ele-pagination/props';
-import type { PopoverProps } from '../ele-popover/props';
 import type ElePopover from '../ele-popover/index';
-import type { ProTableProps } from '../ele-pro-table/props';
-import type EleProTable from '../ele-pro-table/index';
+import type { PopoverProps } from '../ele-popover/props';
 import type { PrinterProps } from '../ele-printer/props';
-import type EleTabs from '../ele-tabs/index';
+import type EleProTable from '../ele-pro-table/index';
+import type { ProTableProps } from '../ele-pro-table/props';
 import type { TableProps } from '../ele-table/props';
-import type { TextProps } from '../ele-text/props';
+import type EleTabs from '../ele-tabs/index';
 import type EleText from '../ele-text/index';
-import type { ToolbarProps } from '../ele-toolbar/props';
-import type { TooltipProps } from '../ele-tooltip/props';
+import type { TextProps } from '../ele-text/props';
 import type { ToolProps } from '../ele-tool/props';
+import type { ToolbarProps } from '../ele-toolbar/props';
 import type EleTooltip from '../ele-tooltip/index';
+import type { TooltipProps } from '../ele-tooltip/props';
 import type EleVirtualTable from '../ele-virtual-table/index';
-import type ReceiverView from '../ele-config-provider/components/receiver-view';
+import type { ComponentProps } from './types';
+
+/**
+ * EleAdminLayout
+ */
+export type EleAdminLayoutInstance = InstanceType<typeof EleAdminLayout> | null;
 
 /**
- * 组件属性
+ * EleBacktop
+ */
+export type EleBacktopProps = ComponentProps<BacktopProps>;
+
+/**
+ * EleBasicSelect
+ */
+export type EleBasicSelectInstance = InstanceType<typeof EleBasicSelect> | null;
+
+/**
+ * EleBreadcrumb
+ */
+export type EleBreadcrumbProps = ComponentProps<BreadcrumbProps>;
+
+/**
+ * EleConfigProvider
+ */
+export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
+
+/**
+ * EleCropper
  */
 export type EleCropperProps = ComponentProps<CropperProps>;
 
+/**
+ * EleDataTable
+ */
+export type EleDataTableInstance = InstanceType<typeof EleDataTable> | null;
+
 export type EleDataTableProps = ComponentProps<DataTableProps>;
 
+/**
+ * EleDropdown
+ */
+export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
+
 export type EleDropdownProps = ComponentProps<DropdownProps>;
 
+/**
+ * EleLoading
+ */
 export type EleLoadingProps = ComponentProps<LoadingProps>;
 
+/**
+ * EleMenus
+ */
+export type EleMenusInstance = InstanceType<typeof EleMenus> | null;
+
 export type EleMenusProps = ComponentProps<MenusProps>;
 
 export type EleMenuItemProps = Partial<MenuItem>;
 
+/**
+ * EleModal
+ */
 export type EleModalProps = ComponentProps<ModalProps>;
 
+/**
+ * ElePagination
+ */
 export type ElePaginationProps = ComponentProps<PaginationProps>;
 
-export type ElePopoverProps = Partial<PopoverProps>;
+/**
+ * ElePopover
+ */
+export type ElePopoverInstance = InstanceType<typeof ElePopover> | null;
 
-export type EleProTableProps = ComponentProps<ProTableProps>;
+export type ElePopoverProps = Partial<PopoverProps>;
 
+/**
+ * ElePrinter
+ */
 export type ElePrinterProps = ComponentProps<PrinterProps>;
 
-export type EleTableProps = ComponentProps<TableProps>;
-
-export type EleTextProps = ComponentProps<TextProps>;
-
-export type EleToolbarProps = ComponentProps<ToolbarProps>;
-
-export type EleTooltipProps = Partial<TooltipProps>;
+/**
+ * EleProTable
+ */
+export type EleProTableInstance = InstanceType<typeof EleProTable> | null;
 
-export type EleToolProps = Partial<ToolProps>;
+export type EleProTableProps = ComponentProps<ProTableProps>;
 
 /**
- * 组件实例
+ * EleTable
  */
-export type EleBasicSelectInstance = InstanceType<typeof EleBasicSelect> | null;
-
-export type EleDataTableInstance = InstanceType<typeof EleDataTable> | null;
+export type EleTableProps = ComponentProps<TableProps>;
 
-export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
+/**
+ * EleTabs
+ */
+export type EleTabsInstance = InstanceType<typeof EleTabs> | null;
 
-export type ElePopoverInstance = InstanceType<typeof ElePopover> | null;
+/**
+ * EleText
+ */
+export type EleTextInstance = InstanceType<typeof EleText> | null;
 
-export type EleProTableInstance = InstanceType<typeof EleProTable> | null;
+export type EleTextProps = ComponentProps<TextProps>;
 
-export type EleTabsInstance = InstanceType<typeof EleTabs> | null;
+/**
+ * EleTool
+ */
+export type EleToolProps = Partial<ToolProps>;
 
-export type EleTextInstance = InstanceType<typeof EleText> | null;
+/**
+ * EleToolbar
+ */
+export type EleToolbarProps = ComponentProps<ToolbarProps>;
 
+/**
+ * EleTooltip
+ */
 export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
 
+export type EleTooltipProps = Partial<TooltipProps>;
+
+/**
+ * EleVirtualTable
+ */
 export type EleVirtualTableInstance = InstanceType<
   typeof EleVirtualTable
 > | null;
-
-export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;

package/lib/ele-app/style/common/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+

package/lib/ele-app/style/message/index.cjs

@@ -1,3 +1,3 @@
 "use strict";
-require("element-plus/lib/components/message/style/index");
+require("element-plus/es/components/message/style/index");
 require("./index.scss");

package/lib/ele-app/style/message/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/message/index.scss

@@ -82,7 +82,7 @@
   font-size: eleVar('message', 'close-font-size');
   margin: eleVar('message', 'close-margin');
   border-radius: eleVar('message', 'close-radius');
-  transition: (color $ele-transition, background-color $ele-transition);
+  transition: (color $transition-base, background-color $transition-base);
   cursor: pointer;
 
   &:hover {

package/lib/ele-app/style/overwrite/autocomplete/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/autocomplete/index.scss

@@ -24,7 +24,7 @@
     line-height: eleVar('autocomplete', 'item-height');
     padding: eleVar('autocomplete', 'item-padding');
     border-radius: eleVar('autocomplete', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
 
     & + li {
       margin-top: eleVar('autocomplete', 'item-margin');

package/lib/ele-app/style/overwrite/backtop/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/backtop/index.scss

@@ -4,5 +4,5 @@
 /* Backtop */
 body .el-backtop {
   box-shadow: elVar('box-shadow', 'light');
-  transition: (color $ele-transition, background-color $ele-transition);
+  transition: (color $transition-base, background-color $transition-base);
 }

package/lib/ele-app/style/overwrite/cascader/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/cascader/index.scss

@@ -21,7 +21,7 @@
     line-height: eleVar('cascader', 'item-height');
     padding: eleVar('cascader', 'item-padding');
     border-radius: eleVar('cascader', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
 
     & > .el-checkbox,
     & > .el-radio {

package/lib/ele-app/style/overwrite/checkbox/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/checkbox/index.scss

@@ -10,17 +10,19 @@ body .el-checkbox {
     color: eleVar('checkbox', 'color');
     font-size: eleVar('checkbox', 'font-size');
     line-height: eleVar('checkbox', 'size');
-    transition: (color $ele-transition, font-weight $ele-transition);
+    transition: (color $transition-base, font-weight $transition-base);
   }
 
   .el-checkbox__inner {
-    $transit: (border-color $ele-transition, background-color $ele-transition);
     width: eleVar('checkbox', 'size');
     height: eleVar('checkbox', 'size');
     background: eleVar('checkbox', 'bg');
     border: eleVar('checkbox', 'border');
     border-radius: eleVar('checkbox', 'radius');
-    transition: $transit;
+    transition: (
+      border-color $transition-base,
+      background-color $transition-base
+    );
 
     &::after {
       top: 50%;

package/lib/ele-app/style/overwrite/color-picker/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/css-var.scss

@@ -11,7 +11,6 @@
 @use './popper/css-var.scss' as *;
 @use './radio/css-var.scss' as *;
 @use './select/css-var.scss' as *;
-@use './table-filter/css-var.scss' as *;
 @use './tag/css-var.scss' as *;
 @use './tree/css-var.scss' as *;
 @use './tree-select/css-var.scss' as *;
@@ -30,7 +29,6 @@
   @include set-el-popper-var($var);
   @include set-el-radio-var($var);
   @include set-el-select-var($var);
-  @include set-el-table-filter-var($var);
   @include set-el-tag-var($var);
   @include set-el-tree-var($var);
   @include set-el-tree-select-var($var);

package/lib/ele-app/style/overwrite/date-picker/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -26,7 +26,7 @@
     line-height: inherit;
     padding: 0;
     box-sizing: border-box;
-    transition: color $ele-transition;
+    transition: color $transition-base;
 
     & + .el-date-picker__header-label {
       margin-left: eleVar('datepicker', 'label-space');
@@ -55,7 +55,7 @@
     line-height: inherit;
     font-size: eleVar('datepicker', 'icon-size');
     color: eleVar('datepicker', 'icon-color');
-    transition: color $ele-transition;
+    transition: color $transition-base;
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -139,7 +139,7 @@
     font-size: eleVar('datepicker', 'shortcut-size');
     padding: eleVar('datepicker', 'shortcut-padding');
     border-radius: eleVar('datepicker', 'shortcut-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -198,9 +198,9 @@
       .el-date-table-cell .el-date-table-cell__text {
         border-radius: eleVar('datepicker', 'cell-radius');
         transition: (
-          color $ele-transition,
-          background-color $ele-transition,
-          border-color $ele-transition
+          color $transition-base,
+          background-color $transition-base,
+          border-color $transition-base
         );
         box-sizing: border-box;
       }
@@ -251,9 +251,9 @@
       line-height: eleVar('datepicker', 'year-height');
       border-radius: eleVar('datepicker', 'year-radius');
       transition: (
-        color $ele-transition,
-        background-color $ele-transition,
-        border-color $ele-transition
+        color $transition-base,
+        background-color $transition-base,
+        border-color $transition-base
       );
       box-sizing: border-box;
       position: static;
@@ -285,8 +285,8 @@
       height: auto;
       padding: eleVar('datepicker', 'year-space');
       transition: (
-        background-color $ele-transition,
-        border-color $ele-transition
+        background-color $transition-base,
+        border-color $transition-base
       );
     }
 
@@ -309,8 +309,8 @@
       height: auto;
       padding: eleVar('datepicker', 'month-space');
       transition: (
-        background-color $ele-transition,
-        border-color $ele-transition
+        background-color $transition-base,
+        border-color $transition-base
       );
     }
 
@@ -353,7 +353,7 @@
       line-height: inherit;
       font-size: eleVar('datepicker', 'icon-size');
       color: eleVar('datepicker', 'icon-color');
-      transition: color $ele-transition;
+      transition: color $transition-base;
       box-sizing: border-box;
       display: flex;
       align-items: center;
@@ -677,7 +677,7 @@
     color: eleVar('timepicker', 'item-color');
     font-size: eleVar('timepicker', 'item-size');
     border-radius: eleVar('timepicker', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
 
     &:not(.is-disabled):not(.is-active):hover {
       color: eleVar('timepicker', 'item-hover-color');
@@ -710,7 +710,7 @@
     color: elVar('text-color', 'regular');
     font-size: eleVar('timepicker', 'button-size');
     border-radius: eleVar('timepicker', 'button-radius');
-    transition: all $ele-transition;
+    transition: all $transition-base;
     box-sizing: border-box;
 
     &.cancel:hover {
@@ -773,7 +773,7 @@
     color: eleVar('timepicker', 'arrow-color');
     font-size: eleVar('timepicker', 'arrow-size');
     border-radius: eleVar('timepicker', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
 
     &.arrow-up {
       margin-bottom: eleVar('timepicker', 'line-padding');

package/lib/ele-app/style/overwrite/descriptions/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/descriptions/index.scss

@@ -45,4 +45,8 @@
   .el-descriptions__label.el-descriptions__cell.is-bordered-label {
     background: eleVar('descriptions', 'bg');
   }
+
+  .el-descriptions__cell {
+    word-break: break-all;
+  }
 }

package/lib/ele-app/style/overwrite/image-viewer/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/index.scss

@@ -12,7 +12,6 @@
 @use './popper/index.scss' as popper;
 @use './radio/index.scss' as radio;
 @use './select/index.scss' as select;
-@use './table-filter/index.scss' as tableFilter;
 @use './tag/index.scss' as tag;
 @use './tree/index.scss' as tree;
 @use './tree-select/index.scss' as treeSelect;

package/lib/ele-app/style/overwrite/input/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/input/index.scss

@@ -1,8 +1,6 @@
 @use '../../../../style/themes/default.scss' as *;
 @use '../../../../style/util.scss' as *;
 @use './css-var.scss' as *;
-$ele-clear-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z' !default;
-$ele-validate-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM448 619 299 470 235 534 448 747 811 384 747 320Z' !default;
 
 @include set-el-input-var($ele);
 
@@ -18,7 +16,7 @@ $ele-validate-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 51
   padding-bottom: 0;
   padding-left: eleVar('input', 'padding-left');
   padding-right: eleVar('input', 'padding-right');
-  transition: all $ele-transition;
+  transition: all $transition-base;
   box-sizing: border-box;
   position: relative;
   box-shadow: none;
@@ -92,7 +90,7 @@ body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
 .el-input .el-input__wrapper .el-input__prefix-icon {
   color: eleVar('input', 'icon-color');
   font-size: eleVar('input', 'icon-size');
-  transition: all $ele-transition;
+  transition: all $transition-base;
   height: 1em;
 }
 
@@ -157,7 +155,7 @@ body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
 }
 
 .el-input__validateIcon > svg > path {
-  #{'d'}: path($ele-validate-path);
+  #{'d'}: path($icon-validate-path);
 
   &:last-child {
     fill: none;
@@ -171,7 +169,7 @@ body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
 .el-input__icon.clear-icon > svg > path,
 .el-input__icon.el-range__close-icon > svg > path,
 .el-form-item.is-error .el-input__validateIcon > svg > path {
-  #{'d'}: path($ele-clear-path);
+  #{'d'}: path($icon-clear-path);
 
   &:last-child {
     fill: none;
@@ -187,7 +185,7 @@ body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
     stroke: currentColor;
     stroke-width: 84;
     stroke-linecap: round;
-    transition: (d $ele-transition, fill $ele-transition);
+    transition: (d $transition-base, fill $transition-base);
     #{'d'}: path('M216 362L512 662L808 362');
   }
 
@@ -207,7 +205,7 @@ body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
   & > svg > path[d^='m466'] {
     stroke: none;
     fill: eleVar('input', 'clear-color');
-    #{'d'}: path($ele-clear-path);
+    #{'d'}: path($icon-clear-path);
   }
 
   & > svg > path + path {
@@ -369,7 +367,7 @@ body .el-textarea .el-input__count {
   .el-input-number__increase,
   .el-input-number__decrease {
     width: elVar('component-size');
-    transition: color $ele-transition;
+    transition: color $transition-base;
     bottom: 0.8px;
     top: 0.8px;
   }

package/lib/ele-app/style/overwrite/message-box/index.cjs

@@ -1,3 +1,3 @@
 "use strict";
-require("element-plus/lib/components/message-box/style/index");
+require("element-plus/es/components/message-box/style/index");
 require("./index.scss");

package/lib/ele-app/style/overwrite/message-box/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/message-box/index.scss

@@ -38,7 +38,7 @@
     color: eleVar('message-box', 'icon-color');
     font-size: eleVar('message-box', 'icon-font-size');
     border-radius: eleVar('message-box', 'icon-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
     position: static;
     right: auto;

package/lib/ele-app/style/overwrite/notification/index.cjs

@@ -1,3 +1,3 @@
 "use strict";
-require("element-plus/lib/components/notification/style/index");
+require("element-plus/es/components/notification/style/index");
 require("./index.scss");

package/lib/ele-app/style/overwrite/notification/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/notification/index.scss

@@ -38,7 +38,7 @@ body .el-notification {
     font-size: eleVar('notification', 'close-font-size');
     margin: eleVar('notification', 'close-margin');
     border-radius: eleVar('notification', 'close-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
 
     &:hover {
       color: eleVar('notification', 'close-hover-color');

package/lib/ele-app/style/overwrite/popper/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/radio/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/radio/index.scss

@@ -13,13 +13,15 @@ body .el-radio {
   }
 
   .el-radio__inner {
-    $transit: (border-color $ele-transition, background-color $ele-transition);
     width: eleVar('radio', 'size');
     height: eleVar('radio', 'size');
     background: eleVar('radio', 'bg');
     border: eleVar('radio', 'border');
     border-radius: eleVar('radio', 'radius');
-    transition: $transit;
+    transition: (
+      border-color $transition-base,
+      background-color $transition-base
+    );
 
     &::after {
       $size: eleVar('radio', 'dot-size');

package/lib/ele-app/style/overwrite/select/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/select/index.scss

@@ -21,7 +21,7 @@
     line-height: eleVar('select', 'item-height');
     padding: eleVar('select', 'item-padding');
     border-radius: eleVar('select', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
     display: flex;
     align-items: center;

package/lib/ele-app/style/overwrite/tag/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/tag/index.scss

@@ -34,7 +34,7 @@ span.el-tag.is-closable {
   margin: eleVar('tag', 'close-margin');
   padding: eleVar('tag', 'close-padding');
   border-radius: eleVar('tag', 'close-radius');
-  transition: (color $ele-transition, background-color $ele-transition);
+  transition: (color $transition-base, background-color $transition-base);
   box-sizing: border-box;
   cursor: pointer;
 }

package/lib/ele-app/style/overwrite/tree/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-app/style/overwrite/tree/index.scss

@@ -23,7 +23,7 @@ body .el-tree {
     height: eleVar('tree', 'item-height');
     padding: eleVar('tree', 'item-padding');
     border-radius: eleVar('tree', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
 
     & > .el-tree-node__expand-icon {
@@ -36,7 +36,7 @@ body .el-tree {
       padding: eleVar('tree', 'expand-padding');
       border-radius: eleVar('tree', 'expand-radius');
       font-size: eleVar('tree', 'expand-size');
-      transition: background-color $ele-transition;
+      transition: background-color $transition-base;
       z-index: 4;
 
       & > svg {
@@ -63,7 +63,7 @@ body .el-tree {
     & > .el-tree-node__label {
       flex: 1;
       line-height: eleVar('tree', 'item-line-height');
-      transition: color $ele-transition;
+      transition: color $transition-base;
       text-overflow: ellipsis;
       word-break: break-all;
       white-space: nowrap;

package/lib/ele-app/style/overwrite/tree-select/index.d.ts

@@ -0,0 +1 @@
+