ele-admin-plus 1.1.6-beta.1 → 1.1.6-beta.3

package/es/utils/core.d.ts

@@ -26,7 +26,7 @@ export interface ToTreeOption<T> {
  */
 export declare function toTree<T>(option: ToTreeOption<T>): T[];
 /**
- * 遍历 children 形式数据
+ * 遍历树形形式数据
  * @param data 需要遍历的数据
  * @param callback 回调
  * @param childrenField children 字段名
@@ -40,6 +40,13 @@ export declare function eachTree<T>(data?: T[], callback?: (item: T, index: numb
  * @param resultChildrenField 格式化后的 children 字段名
  */
 export declare function mapTree<T, U>(data: T[] | undefined | null, formatter: (item: T, index?: number, parent?: U) => U | void | undefined, childrenField?: string, resultChildrenField?: string, parent?: U): U[];
+/**
+ * 查找树形数据
+ * @param data 数据
+ * @param predicate 查找条件
+ * @param childrenField children 字段名
+ */
+export declare function findTree<T>(data: T[] | undefined, predicate: (value: T, index: number) => unknown, childrenField?: string): T | undefined;
 /**
  * 生成随机字符串
  * @param length 长度

package/es/utils/core.js

@@ -86,6 +86,20 @@ function mapTree(data, formatter, childrenField = "children", resultChildrenFiel
   }
   return result;
 }
+function findTree(data, predicate, childrenField) {
+  let temp;
+  eachTree(
+    data,
+    (d, i) => {
+      if (predicate(d, i)) {
+        temp = d;
+        return false;
+      }
+    },
+    childrenField
+  );
+  return temp;
+}
 function uuid(length = 32, radix) {
   const str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
   let result = "";
@@ -205,6 +219,7 @@ export {
   debounce,
   eachTree,
   exitFullscreen,
+  findTree,
   formatNumber,
   gcj02ToBd09,
   getCurrentStyle,

package/lib/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/lib/components.js

@@ -50,10 +50,11 @@ const index$K = require("./ele-tool/index");
 const index$L = require("./ele-toolbar/index");
 const index$M = require("./ele-tooltip/index");
 const index$N = require("./ele-tour/index");
-const index$O = require("./ele-upload-list/index");
-const index$P = require("./ele-virtual-table/index");
-const index$Q = require("./ele-watermark/index");
-const index$R = require("./ele-xg-player/index");
+const index$O = require("./ele-tree-select/index");
+const index$P = require("./ele-upload-list/index");
+const index$Q = require("./ele-virtual-table/index");
+const index$R = require("./ele-watermark/index");
+const index$S = require("./ele-xg-player/index");
 exports.EleAlert = index;
 exports.EleApp = index$1;
 exports.EleAvatarGroup = index$2;
@@ -104,7 +105,8 @@ exports.EleTool = index$K;
 exports.EleToolbar = index$L;
 exports.EleTooltip = index$M;
 exports.EleTour = index$N;
-exports.EleUploadList = index$O;
-exports.EleVirtualTable = index$P;
-exports.EleWatermark = index$Q;
-exports.EleXgPlayer = index$R;
+exports.EleTreeSelect = index$O;
+exports.EleUploadList = index$P;
+exports.EleVirtualTable = index$Q;
+exports.EleWatermark = index$R;
+exports.EleXgPlayer = index$S;

package/lib/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/lib/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/lib/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/lib/ele-app/style/common/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/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/lib/ele-app/style/index.js

@@ -1,7 +1,5 @@
 "use strict";
-require("element-plus/es/components/message-box/style/index");
-require("element-plus/es/components/notification/style/index");
-require("./overwrite");
-require("./scrollbar");
-require("./common");
-require("./message");
+require("./overwrite/index");
+require("./scrollbar/index");
+require("./common/index");
+require("./message/index");

package/lib/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/lib/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/lib/ele-app/style/{message.js → message/index.js}

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

package/{es/ele-app/style/message.scss → lib/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/lib/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/lib/ele-app/style/overwrite/autocomplete/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/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/lib/ele-app/style/overwrite/backtop/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/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/lib/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/lib/ele-app/style/overwrite/cascader/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/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/lib/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/lib/ele-app/style/overwrite/checkbox/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");