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

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 {
@@ -285,6 +283,8 @@ body .el-input.is-disabled .el-input__wrapper,
 body .el-textarea.is-disabled .el-textarea__inner,
 body .el-select.el-select--disabled .el-input.is-disabled .el-input__wrapper,
 .el-select .el-select__wrapper.is-disabled,
+.el-select .el-select__wrapper.is-disabled:hover,
+.el-select .el-select__wrapper.is-disabled.is-hovering,
 .el-date-editor.el-range-editor.is-disabled.el-input__wrapper {
   cursor: not-allowed;
   border: eleVar('input', 'disabled-border');
@@ -367,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;
@@ -84,6 +84,10 @@
   }
 }
 
+.el-message-box .el-message-box__status.el-message-box-icon--info {
+  color: elVar('color-primary');
+}
+
 .el-message-box__message {
   word-break: break-all;
 }
@@ -96,3 +100,30 @@ body .el-overlay.is-message-box > .el-overlay-message-box {
     display: none;
   }
 }
+
+/* 容器 */
+.ele-message-box-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  pointer-events: none;
+  overflow: hidden;
+
+  & > .el-overlay.is-message-box {
+    pointer-events: auto;
+    position: absolute;
+
+    & > .el-overlay-message-box {
+      position: absolute;
+    }
+  }
+
+  &.is-hide {
+    display: none;
+  }
+}

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/css-var.scss

@@ -5,20 +5,4 @@
   .el-tag {
     @include set-ele-var('tag', $var);
   }
-
-  .el-tag--small {
-    @include set-ele-var('tag-sm', $var);
-  }
-
-  .el-tag--large {
-    @include set-ele-var('tag-lg', $var);
-  }
-
-  .el-tag--dark {
-    @include set-ele-var('tag-dark', $var);
-  }
-
-  .el-tag--plain {
-    @include set-ele-var('tag-plain', $var);
-  }
 }

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

@@ -0,0 +1 @@
+

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

@@ -5,9 +5,7 @@
 @include set-el-tag-var($ele);
 
 /* Tag */
-.el-tag.el-tag--light,
-.el-tag.el-tag--dark,
-.el-tag.el-tag--plain {
+span.el-tag {
   line-height: inherit;
   height: eleVar('tag', 'height');
   font-size: eleVar('tag', 'size');
@@ -21,18 +19,11 @@
     border-radius: 0;
     cursor: inherit;
   }
+}
 
-  &.is-closable {
-    padding: eleVar('tag', 'padding');
-  }
-
-  &.el-tag--small {
-    padding: eleVar('tag', 'sm-padding');
-  }
-
-  &.el-tag--large {
-    padding: eleVar('tag', 'lg-padding');
-  }
+span.el-tag,
+span.el-tag.is-closable {
+  padding: eleVar('tag', 'padding');
 }
 
 /* 关闭按钮 */
@@ -43,7 +34,7 @@
   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;
 }
@@ -274,6 +265,35 @@
   }
 }
 
+/* 加深边框 */
+span.el-tag.is-hit {
+  &.el-tag--primary {
+    border-color: eleVar('tag', 'hit-border-color');
+  }
+
+  &.el-tag--info {
+    border-color: eleVar('tag', 'hit-info-border-color');
+  }
+
+  &.el-tag--success {
+    border-color: eleVar('tag', 'hit-success-border-color');
+  }
+
+  &.el-tag--warning {
+    border-color: eleVar('tag', 'hit-warning-border-color');
+  }
+
+  &.el-tag--danger {
+    border-color: eleVar('tag', 'hit-danger-border-color');
+  }
+}
+
+/* 椭圆风格 */
+span.el-tag.is-round {
+  padding: eleVar('tag', 'round-padding');
+  border-radius: eleVar('tag', 'round-radius');
+}
+
 /* 小尺寸 */
 .el-tag.el-tag--small {
   height: eleVar('tag', 'sm-height');
@@ -288,6 +308,15 @@
   }
 }
 
+span.el-tag.el-tag--small {
+  padding: eleVar('tag', 'sm-padding');
+}
+
+.el-tag.el-tag--small.is-round {
+  padding: eleVar('tag', 'sm-round-padding');
+  border-radius: eleVar('tag', 'sm-round-radius');
+}
+
 /* 大尺寸 */
 .el-tag.el-tag--large {
   height: eleVar('tag', 'lg-height');
@@ -301,3 +330,17 @@
     border-radius: eleVar('tag', 'lg-close-radius');
   }
 }
+
+span.el-tag.el-tag--large {
+  padding: eleVar('tag', 'lg-padding');
+}
+
+.el-tag.el-tag--large.is-round {
+  padding: eleVar('tag', 'lg-round-padding');
+  border-radius: eleVar('tag', 'lg-round-radius');
+}
+
+/* 椭圆风格关闭按钮圆角 */
+.el-tag.is-round .el-tag__close {
+  border-radius: 50%;
+}

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 @@
+

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

@@ -29,7 +29,7 @@
       &::before {
         content: '';
         border-radius: eleVar('tree', 'item-radius');
-        transition: background-color $ele-transition;
+        transition: background-color $transition-base;
         position: absolute;
         top: 0;
         left: 0;

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

@@ -0,0 +1 @@
+

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

@@ -1,4 +1,4 @@
-import type { CSSProperties, SetupContext } from 'vue';
+import type { CSSProperties, Component, SetupContext } from 'vue';
 
 /**
  * 样式值
@@ -30,6 +30,11 @@ export type ComponentProps<T> = Partial<T> & {
   style?: StyleValues;
 };
 
+/**
+ * 组件名或组件
+ */
+export type UserComponent = string | Component;
+
 /**
  * 组件事件触发器
  */

package/lib/ele-avatar-group/index.d.ts

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     maxCount: NumberConstructor;
     shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
     itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -46,7 +46,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     maxCount: NumberConstructor;
     shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
     itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;

package/lib/ele-avatar-group/style/index.cjs

@@ -1,4 +1,4 @@
 "use strict";
-require("element-plus/lib/components/avatar/style/index");
+require("element-plus/es/components/avatar/style/index");
 require("../../ele-tooltip/style/index");
 require("./index.scss");

package/lib/ele-avatar-group/style/index.d.ts

@@ -0,0 +1 @@
+