ele-admin-plus 1.1.6-beta.2 → 1.1.6-beta.4

package/es/components.d.ts

@@ -48,6 +48,7 @@ export { default as EleTool } from "./ele-tool/index";
 export { default as EleToolbar } from "./ele-toolbar/index";
 export { default as EleTooltip } from "./ele-tooltip/index";
 export { default as EleTour } from "./ele-tour/index";
+export { default as EleTreeSelect } from "./ele-tree-select/index";
 export { default as EleUploadList } from "./ele-upload-list/index";
 export { default as EleVirtualTable } from "./ele-virtual-table/index";
 export { default as EleWatermark } from "./ele-watermark/index";

package/es/components.js

@@ -48,10 +48,11 @@ import { default as default48 } from "./ele-tool/index";
 import { default as default49 } from "./ele-toolbar/index";
 import { default as default50 } from "./ele-tooltip/index";
 import { default as default51 } from "./ele-tour/index";
-import { default as default52 } from "./ele-upload-list/index";
-import { default as default53 } from "./ele-virtual-table/index";
-import { default as default54 } from "./ele-watermark/index";
-import { default as default55 } from "./ele-xg-player/index";
+import { default as default52 } from "./ele-tree-select/index";
+import { default as default53 } from "./ele-upload-list/index";
+import { default as default54 } from "./ele-virtual-table/index";
+import { default as default55 } from "./ele-watermark/index";
+import { default as default56 } from "./ele-xg-player/index";
 export {
   default2 as EleAlert,
   default3 as EleApp,
@@ -103,8 +104,9 @@ export {
   default49 as EleToolbar,
   default50 as EleTooltip,
   default51 as EleTour,
-  default52 as EleUploadList,
-  default53 as EleVirtualTable,
-  default54 as EleWatermark,
-  default55 as EleXgPlayer
+  default52 as EleTreeSelect,
+  default53 as EleUploadList,
+  default54 as EleVirtualTable,
+  default55 as EleWatermark,
+  default56 as EleXgPlayer
 };

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
     closeIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     close: (_e: MouseEvent) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
     closeIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;

package/es/ele-alert/props.d.ts

@@ -7,7 +7,7 @@ export declare const alertProps: {
     /** 标题 */
     title: StringConstructor;
     /** 类型 */
-    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     /** 描述 */
     description: StringConstructor;
     /** 是否可关闭 */
@@ -22,7 +22,7 @@ export declare const alertProps: {
     /** 是否显示图标 */
     showIcon: BooleanConstructor;
     /** 主题 */
-    effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     /** 图标样式 */
     iconStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 图标组件属性 */

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

@@ -1,4 +1,4 @@
-export type { ComponentProps } from './types/components';
+export type { ClassValue } from './types';
 declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/es/ele-app/style/common/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/ele-app/style/css-var.scss

@@ -1,139 +1,11 @@
 @use '../../style/util.scss' as *;
-
-/* 滚动条 */
-@mixin set-scrollbar-var($var) {
-  @include set-ele-var('scrollbar', $var);
-}
-
-/* 消息提示 */
-@mixin set-message-var($var) {
-  .ele-message {
-    @include set-ele-var('message', $var);
-  }
-
-  .ele-message-mask {
-    @include set-ele-var('message-mask', $var);
-  }
-}
-
-/* 样式重写 */
-@mixin set-overwrite-var($var) {
-  // Popper
-  .el-popper {
-    @include set-ele-var('popper', $var);
-  }
-
-  // Tooltip
-  .el-popper.is-dark {
-    @include set-ele-var('tooltip', $var);
-  }
-
-  // Select
-  .el-select__popper {
-    @include set-ele-var('select', $var);
-  }
-
-  // Autocomplete
-  .el-autocomplete__popper {
-    @include set-ele-var('autocomplete', $var);
-  }
-
-  // Cascader
-  .el-cascader__dropdown {
-    @include set-ele-var('cascader', $var);
-  }
-
-  // TableFilter
-  .el-table-filter {
-    @include set-ele-var('table-filter', $var);
-  }
-
-  // MessageBox
-  .el-message-box {
-    @include set-ele-var('message-box', $var);
-  }
-
-  // Notification
-  .el-notification {
-    @include set-ele-var('notification', $var);
-  }
-
-  // Radio
-  .el-radio {
-    @include set-ele-var('radio', $var);
-  }
-
-  // Checkbox
-  .el-checkbox {
-    @include set-ele-var('checkbox', $var);
-  }
-
-  // ImageViewer
-  .el-image-viewer__wrapper {
-    @include set-ele-var('image-viewer', $var);
-  }
-
-  // Descriptions
-  .el-descriptions {
-    @include set-ele-var('descriptions', $var);
-  }
-
-  // Datepicker
-  .el-date-picker,
-  .el-date-range-picker {
-    @include set-ele-var('datepicker', $var);
-  }
-
-  // Timepicker
-  .el-time-panel,
-  .el-time-range-picker {
-    @include set-ele-var('timepicker', $var);
-  }
-}
-
-/* 滚动条样式 */
-@mixin scrollbar-style() {
-  ::-webkit-scrollbar {
-    width: eleVar('scrollbar', 'size');
-    height: eleVar('scrollbar', 'size');
-  }
-
-  ::-webkit-scrollbar-thumb {
-    border: eleVar('scrollbar', 'padding') solid transparent;
-    border-radius: eleVar('scrollbar', 'radius');
-    background-color: eleVar('scrollbar', 'color');
-    background-clip: padding-box;
-
-    &:hover {
-      background-color: eleVar('scrollbar', 'hover-color');
-    }
-  }
-
-  ::-webkit-scrollbar-track {
-    background: eleVar('scrollbar', 'bg');
-  }
-
-  ::-webkit-scrollbar-corner {
-    background: transparent;
-  }
-
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
-  }
-}
-
-/* 美化滚动条样式 */
-@mixin set-scrollbar-style($selector) {
-  @if $selector == '' {
-    @include scrollbar-style();
-  } @else if $selector == 'pc' {
-    @media (hover: hover) and (pointer: fine) {
-      @include scrollbar-style();
-    }
-  } @else if $selector != 'never' {
-    #{$selector} {
-      @include scrollbar-style();
-    }
-  }
+@use './message/css-var.scss' as *;
+@use './overwrite/css-var.scss' as *;
+@use './scrollbar/css-var.scss' as *;
+
+/* App 主题变量 */
+@mixin set-app-var($var) {
+  @include set-scrollbar-var($var);
+  @include set-overwrite-var($var);
+  @include set-message-var($var);
 }

package/es/ele-app/style/index.js

@@ -1,6 +1,4 @@
-import 'element-plus/es/components/message-box/style/index';
-import 'element-plus/es/components/notification/style/index';
-import './overwrite';
-import './scrollbar';
-import './common';
-import './message';
+import './overwrite/index';
+import './scrollbar/index';
+import './common/index';
+import './message/index';

package/es/ele-app/style/index.scss

@@ -1,4 +1,4 @@
-@use './overwrite.scss';
-@use './scrollbar.scss';
-@use './common.scss';
-@use './message.scss';
+@use './overwrite/index.scss' as overwrite;
+@use './scrollbar/index.scss' as scrollbar;
+@use './common/index.scss' as common;
+@use './message/index.scss' as message;

package/es/ele-app/style/message/css-var.scss

@@ -0,0 +1,12 @@
+@use '../../../style/util.scss' as *;
+
+/* 消息提示主题变量 */
+@mixin set-message-var($var) {
+  .ele-message {
+    @include set-ele-var('message', $var);
+  }
+
+  .ele-message-mask {
+    @include set-ele-var('message-mask', $var);
+  }
+}

package/es/ele-app/style/{message.js → message/index.js}

@@ -1,2 +1,2 @@
 import "element-plus/es/components/message/style/index";
-import "./message.scss";
+import "./index.scss";

package/{lib/ele-app/style/message.scss → es/ele-app/style/message/index.scss}

@@ -1,5 +1,5 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
+@use '../../../style/themes/default.scss' as *;
+@use '../../../style/util.scss' as *;
 @use './css-var.scss' as *;
 
 @include set-message-var($ele);

package/es/ele-app/style/overwrite/autocomplete/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../../../style/util.scss' as *;
+
+/* ElAutocomplete 主题变量 */
+@mixin set-el-autocomplete-var($var) {
+  .el-autocomplete__popper {
+    @include set-ele-var('autocomplete', $var);
+  }
+}

package/es/ele-app/style/overwrite/autocomplete/index.js

@@ -0,0 +1 @@
+import "./index.scss";

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

@@ -0,0 +1,33 @@
+@use '../../../../style/themes/default.scss' as *;
+@use '../../../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-el-autocomplete-var($ele);
+
+/* Autocomplete */
+.el-autocomplete__popper {
+  .el-autocomplete-suggestion {
+    background: inherit;
+    border-radius: inherit;
+  }
+
+  .el-autocomplete-suggestion__wrap {
+    padding: 0;
+  }
+
+  .el-autocomplete-suggestion__list {
+    padding: eleVar('autocomplete', 'padding');
+  }
+
+  .el-autocomplete-suggestion li {
+    height: eleVar('autocomplete', 'item-height');
+    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);
+
+    & + li {
+      margin-top: eleVar('autocomplete', 'item-margin');
+    }
+  }
+}

package/es/ele-app/style/overwrite/backtop/index.js

@@ -0,0 +1 @@
+import "./index.scss";

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

@@ -0,0 +1,8 @@
+@use '../../../../style/themes/default.scss' as *;
+@use '../../../../style/util.scss' as *;
+
+/* Backtop */
+body .el-backtop {
+  box-shadow: elVar('box-shadow', 'light');
+  transition: (color $ele-transition, background-color $ele-transition);
+}

package/es/ele-app/style/overwrite/cascader/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../../../style/util.scss' as *;
+
+/* ElCascader 主题变量 */
+@mixin set-el-cascader-var($var) {
+  .el-cascader__dropdown {
+    @include set-ele-var('cascader', $var);
+  }
+}

package/es/ele-app/style/overwrite/cascader/index.js

@@ -0,0 +1 @@
+import "./index.scss";

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

@@ -0,0 +1,115 @@
+@use '../../../../style/themes/default.scss' as *;
+@use '../../../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-el-cascader-var($ele);
+
+/* Cascader */
+.el-cascader__dropdown {
+  .el-cascader-panel,
+  .el-cascader__suggestion-panel {
+    background: inherit;
+    border-radius: inherit;
+  }
+
+  .el-cascader-menu__list {
+    padding: eleVar('cascader', 'menu-padding');
+  }
+
+  .el-cascader-node {
+    height: eleVar('cascader', 'item-height');
+    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);
+
+    & > .el-checkbox {
+      margin-right: 8px;
+    }
+
+    & + .el-cascader-node {
+      margin-top: eleVar('cascader', 'item-margin');
+    }
+
+    &.in-active-path,
+    &.is-selectable.in-checked-path,
+    &.is-active {
+      background: eleVar('cascader', 'item-active-bg');
+      font-weight: eleVar('cascader', 'item-active-font-weight');
+
+      &:hover,
+      &:focus {
+        background: eleVar('cascader', 'item-active-hover-bg');
+      }
+    }
+  }
+
+  .el-cascader-menu:last-child .el-cascader-node {
+    padding: eleVar('cascader', 'item-padding');
+  }
+
+  .el-cascader-node__label {
+    padding: 0;
+  }
+
+  .el-cascader-node__prefix {
+    order: 4;
+    margin-right: -4px;
+    position: static;
+    left: auto;
+  }
+
+  .el-cascader-node__postfix {
+    margin-right: -6px;
+    position: static;
+    right: auto;
+  }
+
+  .el-cascader__suggestion-list {
+    padding: eleVar('cascader', 'menu-padding');
+  }
+
+  .el-cascader__suggestion-item {
+    height: eleVar('cascader', 'item-height');
+    line-height: eleVar('cascader', 'item-height');
+    padding: eleVar('cascader', 'item-padding');
+    border-radius: eleVar('cascader', 'item-radius');
+
+    & > span {
+      flex: 1;
+      margin-right: 0;
+    }
+
+    & > .el-icon {
+      margin-right: -4px;
+    }
+
+    & + .el-cascader__suggestion-item {
+      margin-top: eleVar('cascader', 'item-margin');
+    }
+
+    &.is-checked {
+      background: eleVar('cascader', 'item-active-bg');
+      font-weight: eleVar('cascader', 'item-active-font-weight');
+    }
+  }
+}
+
+.el-cascader .el-cascader__tags .el-tag,
+.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag {
+  flex-shrink: 0;
+  margin: 2px 4px 2px 0;
+  height: calc(elVar('component-size') - 4px - 4px);
+  border: none;
+}
+
+.el-cascader .el-cascader__tags {
+  top: 2px;
+  transform: none;
+  padding: 0 0 0 4px;
+}
+
+.el-cascader > .el-input .el-input__inner {
+  margin: -2px 0;
+  min-height: calc(#{elVar('input', 'height')} + 2px);
+}

package/es/ele-app/style/overwrite/checkbox/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../../../style/util.scss' as *;
+
+/* ElCheckbox 主题变量 */
+@mixin set-el-checkbox-var($var) {
+  .el-checkbox {
+    @include set-ele-var('checkbox', $var);
+  }
+}

package/es/ele-app/style/overwrite/checkbox/index.js

@@ -0,0 +1 @@
+import "./index.scss";

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

@@ -0,0 +1,159 @@
+@use '../../../../style/themes/default.scss' as *;
+@use '../../../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-el-checkbox-var($ele);
+
+/* Checkbox */
+body .el-checkbox {
+  .el-checkbox__label {
+    color: eleVar('checkbox', 'color');
+    font-size: eleVar('checkbox', 'font-size');
+    line-height: eleVar('checkbox', 'size');
+    transition: (color $ele-transition, font-weight $ele-transition);
+  }
+
+  .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;
+
+    &::after {
+      top: 50%;
+      left: eleVar('checkbox', 'icon-left');
+      width: eleVar('checkbox', 'icon-width');
+      height: eleVar('checkbox', 'icon-height');
+      border: 2px solid #fff;
+      border-top: 0;
+      border-left: 0;
+      box-sizing: border-box;
+      transform: rotate(45deg) scale(0) translate(-50%, -50%);
+      transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+      opacity: 0;
+    }
+  }
+
+  .el-checkbox__input .el-checkbox__inner::before {
+    content: '';
+    width: 60%;
+    height: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    right: auto;
+    bottom: auto;
+    background: #fff;
+    transform: translateX(-50%) scale(0);
+    margin-top: -1px;
+    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+    opacity: 0;
+  }
+
+  &:hover .el-checkbox__inner {
+    border: eleVar('checkbox', 'hover-border');
+  }
+
+  &.is-checked {
+    .el-checkbox__label {
+      color: eleVar('checkbox', 'active-color');
+    }
+
+    .el-checkbox__inner {
+      background: elVar('color-primary');
+      border: 1px solid elVar('color-primary');
+
+      &::after {
+        opacity: 1;
+        transform: rotate(45deg) scale(1) translate(-50%, -50%);
+        transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+      }
+    }
+  }
+
+  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+    background: elVar('color-primary');
+    border: 1px solid elVar('color-primary');
+
+    &::before {
+      opacity: 1;
+      transform: translateX(-50%) scale(1);
+      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+    }
+
+    &::after {
+      display: block;
+      transform: rotate(45deg) scale(0) translate(-50%, -50%);
+      opacity: 0;
+    }
+  }
+
+  &.is-disabled {
+    span.el-checkbox__label {
+      color: eleVar('checkbox', 'disabled-color');
+    }
+
+    .el-checkbox__input .el-checkbox__inner {
+      background: eleVar('checkbox', 'disabled-bg');
+      border: eleVar('checkbox', 'disabled-border');
+
+      &::after {
+        border-color: eleVar('checkbox', 'disabled-color');
+      }
+    }
+  }
+
+  &.el-checkbox--small {
+    .el-checkbox__label {
+      font-size: eleVar('checkbox', 'sm-font-size');
+      line-height: eleVar('checkbox', 'sm-size');
+    }
+
+    .el-checkbox__inner {
+      width: eleVar('checkbox', 'sm-size');
+      height: eleVar('checkbox', 'sm-size');
+      border-radius: eleVar('checkbox', 'sm-radius');
+
+      &::after {
+        left: eleVar('checkbox', 'sm-icon-left');
+        width: eleVar('checkbox', 'sm-icon-width');
+        height: eleVar('checkbox', 'sm-icon-height');
+      }
+    }
+
+    .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
+      top: 50%;
+    }
+  }
+
+  &.el-checkbox--large {
+    .el-checkbox__label {
+      font-size: eleVar('checkbox', 'lg-font-size');
+      line-height: eleVar('checkbox', 'lg-size');
+    }
+
+    .el-checkbox__inner {
+      width: eleVar('checkbox', 'lg-size');
+      height: eleVar('checkbox', 'lg-size');
+      border-radius: eleVar('checkbox', 'lg-radius');
+
+      &::after {
+        left: eleVar('checkbox', 'lg-icon-left');
+        width: eleVar('checkbox', 'lg-icon-width');
+        height: eleVar('checkbox', 'lg-icon-height');
+      }
+    }
+  }
+}
+
+body .el-checkbox,
+body .el-checkbox-group > .el-checkbox {
+  margin-right: eleVar('checkbox', 'space');
+}
+
+.el-checkbox-group > .el-checkbox:last-child {
+  margin-right: 0;
+}

package/es/ele-app/style/overwrite/color-picker/index.js

@@ -0,0 +1 @@
+import "./index.scss";