ele-admin-plus 1.1.2 → 1.1.3-beta.1

package/es/components.d.ts

@@ -8,6 +8,7 @@ export { default as EleBreadcrumb } from "./ele-breadcrumb/index";
 export { default as EleCard } from "./ele-card/index";
 export { default as EleCheckCard } from "./ele-check-card/index";
 export { default as EleConfigProvider } from './ele-config-provider/index';
+export { default as EleCopyable } from "./ele-copyable/index";
 export { default as EleCountUp } from "./ele-count-up/index";
 export { default as EleCropper } from "./ele-cropper/index";
 export { default as EleCropperModal } from "./ele-cropper-modal/index";

package/es/components.js

@@ -8,47 +8,48 @@ import { default as default8 } from "./ele-breadcrumb/index";
 import { default as default9 } from "./ele-card/index";
 import { default as default10 } from "./ele-check-card/index";
 import { default as default11 } from "./ele-config-provider/index";
-import { default as default12 } from "./ele-count-up/index";
-import { default as default13 } from "./ele-cropper/index";
-import { default as default14 } from "./ele-cropper-modal/index";
-import { default as default15 } from "./ele-dashboard/index";
-import { default as default16 } from "./ele-dot/index";
-import { default as default17 } from "./ele-drawer/index";
-import { default as default18 } from "./ele-dropdown/index";
-import { default as default19 } from "./ele-edit-tag/index";
-import { default as default20 } from "./ele-ellipsis/index";
-import { default as default21 } from "./ele-file-list/index";
-import { default as default22 } from "./ele-file-list-tool/index";
-import { default as default23 } from "./ele-icon-select/index";
-import { default as default24 } from "./ele-loading/index";
-import { default as default25 } from "./ele-map-picker/index";
-import { default as default26 } from "./ele-menus/index";
-import { default as default27 } from "./ele-modal/index";
-import { default as default28 } from "./ele-page/index";
-import { default as default29 } from "./ele-pagination/index";
-import { default as default30 } from "./ele-popconfirm/index";
-import { default as default31 } from "./ele-popover/index";
-import { default as default32 } from "./ele-printer/index";
-import { default as default33 } from "./ele-pro-layout/index";
-import { default as default34 } from "./ele-pro-table/index";
-import { default as default35 } from "./ele-qr-code/index";
-import { default as default36 } from "./ele-qr-code-svg/index";
-import { default as default37 } from "./ele-segmented/index";
-import { default as default38 } from "./ele-split-panel/index";
-import { default as default39 } from "./ele-steps/index";
-import { default as default40 } from "./ele-tabs/index";
-import { default as default41 } from "./ele-tab-tool/index";
-import { default as default42 } from "./ele-tab-wrap/index";
-import { default as default43 } from "./ele-table/index";
-import { default as default44 } from "./ele-table-select/index";
-import { default as default45 } from "./ele-text/index";
-import { default as default46 } from "./ele-tool/index";
-import { default as default47 } from "./ele-toolbar/index";
-import { default as default48 } from "./ele-tooltip/index";
-import { default as default49 } from "./ele-tour/index";
-import { default as default50 } from "./ele-upload-list/index";
-import { default as default51 } from "./ele-watermark/index";
-import { default as default52 } from "./ele-xg-player/index";
+import { default as default12 } from "./ele-copyable/index";
+import { default as default13 } from "./ele-count-up/index";
+import { default as default14 } from "./ele-cropper/index";
+import { default as default15 } from "./ele-cropper-modal/index";
+import { default as default16 } from "./ele-dashboard/index";
+import { default as default17 } from "./ele-dot/index";
+import { default as default18 } from "./ele-drawer/index";
+import { default as default19 } from "./ele-dropdown/index";
+import { default as default20 } from "./ele-edit-tag/index";
+import { default as default21 } from "./ele-ellipsis/index";
+import { default as default22 } from "./ele-file-list/index";
+import { default as default23 } from "./ele-file-list-tool/index";
+import { default as default24 } from "./ele-icon-select/index";
+import { default as default25 } from "./ele-loading/index";
+import { default as default26 } from "./ele-map-picker/index";
+import { default as default27 } from "./ele-menus/index";
+import { default as default28 } from "./ele-modal/index";
+import { default as default29 } from "./ele-page/index";
+import { default as default30 } from "./ele-pagination/index";
+import { default as default31 } from "./ele-popconfirm/index";
+import { default as default32 } from "./ele-popover/index";
+import { default as default33 } from "./ele-printer/index";
+import { default as default34 } from "./ele-pro-layout/index";
+import { default as default35 } from "./ele-pro-table/index";
+import { default as default36 } from "./ele-qr-code/index";
+import { default as default37 } from "./ele-qr-code-svg/index";
+import { default as default38 } from "./ele-segmented/index";
+import { default as default39 } from "./ele-split-panel/index";
+import { default as default40 } from "./ele-steps/index";
+import { default as default41 } from "./ele-tabs/index";
+import { default as default42 } from "./ele-tab-tool/index";
+import { default as default43 } from "./ele-tab-wrap/index";
+import { default as default44 } from "./ele-table/index";
+import { default as default45 } from "./ele-table-select/index";
+import { default as default46 } from "./ele-text/index";
+import { default as default47 } from "./ele-tool/index";
+import { default as default48 } from "./ele-toolbar/index";
+import { default as default49 } from "./ele-tooltip/index";
+import { default as default50 } from "./ele-tour/index";
+import { default as default51 } from "./ele-upload-list/index";
+import { default as default52 } from "./ele-watermark/index";
+import { default as default53 } from "./ele-xg-player/index";
 export {
   default2 as EleAlert,
   default3 as EleApp,
@@ -60,45 +61,46 @@ export {
   default9 as EleCard,
   default10 as EleCheckCard,
   default11 as EleConfigProvider,
-  default12 as EleCountUp,
-  default13 as EleCropper,
-  default14 as EleCropperModal,
-  default15 as EleDashboard,
-  default16 as EleDot,
-  default17 as EleDrawer,
-  default18 as EleDropdown,
-  default19 as EleEditTag,
-  default20 as EleEllipsis,
-  default21 as EleFileList,
-  default22 as EleFileListTool,
-  default23 as EleIconSelect,
-  default24 as EleLoading,
-  default25 as EleMapPicker,
-  default26 as EleMenus,
-  default27 as EleModal,
-  default28 as ElePage,
-  default29 as ElePagination,
-  default30 as ElePopconfirm,
-  default31 as ElePopover,
-  default32 as ElePrinter,
-  default33 as EleProLayout,
-  default34 as EleProTable,
-  default35 as EleQrCode,
-  default36 as EleQrCodeSvg,
-  default37 as EleSegmented,
-  default38 as EleSplitPanel,
-  default39 as EleSteps,
-  default41 as EleTabTool,
-  default42 as EleTabWrap,
-  default43 as EleTable,
-  default44 as EleTableSelect,
-  default40 as EleTabs,
-  default45 as EleText,
-  default46 as EleTool,
-  default47 as EleToolbar,
-  default48 as EleTooltip,
-  default49 as EleTour,
-  default50 as EleUploadList,
-  default51 as EleWatermark,
-  default52 as EleXgPlayer
+  default12 as EleCopyable,
+  default13 as EleCountUp,
+  default14 as EleCropper,
+  default15 as EleCropperModal,
+  default16 as EleDashboard,
+  default17 as EleDot,
+  default18 as EleDrawer,
+  default19 as EleDropdown,
+  default20 as EleEditTag,
+  default21 as EleEllipsis,
+  default22 as EleFileList,
+  default23 as EleFileListTool,
+  default24 as EleIconSelect,
+  default25 as EleLoading,
+  default26 as EleMapPicker,
+  default27 as EleMenus,
+  default28 as EleModal,
+  default29 as ElePage,
+  default30 as ElePagination,
+  default31 as ElePopconfirm,
+  default32 as ElePopover,
+  default33 as ElePrinter,
+  default34 as EleProLayout,
+  default35 as EleProTable,
+  default36 as EleQrCode,
+  default37 as EleQrCodeSvg,
+  default38 as EleSegmented,
+  default39 as EleSplitPanel,
+  default40 as EleSteps,
+  default42 as EleTabTool,
+  default43 as EleTabWrap,
+  default44 as EleTable,
+  default45 as EleTableSelect,
+  default41 as EleTabs,
+  default46 as EleText,
+  default47 as EleTool,
+  default48 as EleToolbar,
+  default49 as EleTooltip,
+  default50 as EleTour,
+  default51 as EleUploadList,
+  default52 as EleWatermark,
+  default53 as EleXgPlayer
 };

package/es/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 $ele-transition, background-color $ele-transition);
     margin: eleVar('alert', 'close-margin');
     cursor: pointer;
 

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

@@ -30,7 +30,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 $ele-transition, background-color $ele-transition);
     position: static;
     top: auto;
     right: auto;
@@ -76,7 +76,7 @@
   right: 0;
   margin: 0 auto;
   transform: none;
-  transition: opacity elVar('transition-duration'), margin 0.4s, top 0.4s;
+  transition: (opacity elVar('transition-duration'), margin 0.4s, top 0.4s);
 
   &.el-message-fade-enter-from,
   &.el-message-fade-leave-to {
@@ -109,7 +109,8 @@
 
   // 遮罩
   &.ele-message-mask {
-    box-shadow: eleVar('message', 'shadow'),
+    box-shadow:
+      eleVar('message', 'shadow'),
       0 0 0 eleVar('message-mask', 'size') eleVar('message-mask', 'color');
   }
 

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

@@ -25,7 +25,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 $ele-transition, background-color $ele-transition);
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -41,12 +41,22 @@
     &.selected {
       background: eleVar('select', 'item-active-bg');
       font-weight: eleVar('select', 'item-active-font-weight');
+
+      &:hover,
+      &.hover {
+        background: eleVar('select', 'item-active-hover-bg');
+      }
     }
   }
 
   .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
     background: eleVar('select', 'item-active-bg');
 
+    &:hover,
+    &.hover {
+      background: eleVar('select', 'item-active-hover-bg');
+    }
+
     &::after {
       width: eleVar('select', 'icon-size');
       height: eleVar('select', 'icon-size');
@@ -88,7 +98,7 @@
 }
 
 .el-tag .el-tag__close:hover {
-  transition: color $ele-transition, background-color $ele-transition;
+  transition: (color $ele-transition, background-color $ele-transition);
 }
 
 .el-popper > .el-select__collapse-tags {
@@ -118,7 +128,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 $ele-transition, background-color $ele-transition);
 
     & + li {
       margin-top: eleVar('autocomplete', 'item-margin');
@@ -157,6 +167,11 @@
     &.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');
+      }
     }
   }
 
@@ -216,8 +231,10 @@
   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 $ele-transition, background-color $ele-transition);
   box-sizing: border-box;
+  position: relative;
+  z-index: 0;
 
   & > .el-tree-node__expand-icon {
     width: eleVar('select', 'item-height');
@@ -230,6 +247,25 @@
   .el-select-dropdown__item {
     padding: 0;
     border-radius: 0;
+    position: static;
+
+    &.selected::before {
+      content: '';
+      border-radius: eleVar('select', 'item-radius');
+      background: eleVar('select', 'item-active-bg');
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: -1;
+    }
+  }
+}
+
+.el-tree-select__popper .el-tree--highlight-current .el-tree-node.is-current {
+  & > .el-tree-node__content .el-select-dropdown__item.selected::before {
+    display: none;
   }
 }
 
@@ -246,7 +282,7 @@
     line-height: eleVar('table-filter', 'item-height');
     padding: eleVar('table-filter', 'item-padding');
     border-radius: eleVar('table-filter', 'item-radius');
-    transition: color $ele-transition, background-color $ele-transition;
+    transition: (color $ele-transition, background-color $ele-transition);
     box-sizing: border-box;
 
     & + .el-table-filter__list-item {
@@ -262,6 +298,10 @@
       color: eleVar('table-filter', 'item-active-color');
       background: eleVar('table-filter', 'item-active-bg');
       font-weight: eleVar('table-filter', 'item-active-font-weight');
+
+      &:hover {
+        background: eleVar('table-filter', 'item-active-hover-bg');
+      }
     }
   }
 }
@@ -300,7 +340,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 $ele-transition, background-color $ele-transition);
     box-sizing: border-box;
     position: static;
     right: auto;
@@ -337,12 +377,13 @@ 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: border-color $ele-transition, background-color $ele-transition;
+    transition: $transit;
 
     &::after {
       $size: eleVar('radio', 'dot-size');
@@ -448,12 +489,13 @@ body .el-checkbox {
   }
 
   .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: border-color $ele-transition, background-color $ele-transition;
+    transition: $transit;
 
     &::after {
       top: 50%;
@@ -797,7 +839,7 @@ body .el-color-picker .el-color-picker__empty {
     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 $ele-transition, background-color $ele-transition);
     box-sizing: border-box;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -855,8 +897,11 @@ body .el-color-picker .el-color-picker__empty {
     td {
       .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;
+        transition: (
+          color $ele-transition,
+          background-color $ele-transition,
+          border-color $ele-transition
+        );
         box-sizing: border-box;
       }
 
@@ -903,8 +948,11 @@ body .el-color-picker .el-color-picker__empty {
       height: eleVar('datepicker', 'year-height');
       line-height: eleVar('datepicker', 'year-height');
       border-radius: eleVar('datepicker', 'year-radius');
-      transition: color $ele-transition, background-color $ele-transition,
-        border-color $ele-transition;
+      transition: (
+        color $ele-transition,
+        background-color $ele-transition,
+        border-color $ele-transition
+      );
       box-sizing: border-box;
     }
 
@@ -942,7 +990,10 @@ body .el-color-picker .el-color-picker__empty {
     & > div {
       height: auto;
       padding: eleVar('datepicker', 'month-space');
-      transition: background-color $ele-transition, border-color $ele-transition;
+      transition: (
+        background-color $ele-transition,
+        border-color $ele-transition
+      );
     }
 
     &.disabled {
@@ -1301,7 +1352,7 @@ body .el-color-picker .el-color-picker__empty {
     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 $ele-transition, background-color $ele-transition);
 
     &:not(.is-disabled):not(.is-active):hover {
       color: eleVar('timepicker', 'item-hover-color');
@@ -1396,7 +1447,7 @@ body .el-color-picker .el-color-picker__empty {
     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 $ele-transition, background-color $ele-transition);
 
     &.arrow-up {
       margin-bottom: eleVar('timepicker', 'line-padding');

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

@@ -1,4 +1,4 @@
-import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes, CSSProperties } from 'vue';
 import type { IconProps, RowProps, ColProps, BreadcrumbProps, BreadcrumbItemProps, InputProps, TagProps, AvatarProps, PopoverProps, ElTooltipProps as TooltipProps, PopconfirmProps, AlertProps, ButtonProps, CardProps, EmptyProps, ProgressProps, MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, BadgeProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTabs, ElImage, ElScrollbar } from 'element-plus';
 import type { dropdownProps } from 'element-plus';
 import type { dropdownItemProps } from 'element-plus';
@@ -26,7 +26,7 @@ export type ComponentProps<T> = Partial<T> & {
     /** 类名 */
     class?: string;
     /** 样式 */
-    style?: CSSProperties;
+    style?: Exclude<StyleValue, string>;
 };
 /**
  * ElementPlus 组件属性

package/es/ele-basic-select/style/index.scss

@@ -29,7 +29,7 @@
   .ele-select-arrow {
     font-size: 14px;
     color: elVar('input', 'icon-color');
-    transition: transform $ele-transition, color $ele-transition;
+    transition: (transform $ele-transition, color $ele-transition);
   }
 
   .ele-select-clear:hover {

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

@@ -11,8 +11,11 @@
     box-sizing: border-box;
     background: eleVar('card', 'bg');
     border-radius: eleVar('card', 'radius');
-    transition: border-color $ele-transition, background-color $ele-transition,
-      box-shadow $ele-transition;
+    transition: (
+      border-color $ele-transition,
+      background-color $ele-transition,
+      box-shadow $ele-transition
+    );
 
     & > .el-card__body {
       box-sizing: border-box;

package/es/ele-check-card/style/index.scss

@@ -6,8 +6,12 @@
 
 .ele-check-card {
   box-sizing: border-box;
-  transition: color $ele-transition, border-color $ele-transition,
-    border-width $ele-transition, box-shadow $ele-transition;
+  transition: (
+    color $ele-transition,
+    border-color $ele-transition,
+    border-width $ele-transition,
+    box-shadow $ele-transition
+  );
   position: relative;
   cursor: pointer;
 

package/es/ele-config-provider/receiver.d.ts

@@ -1,7 +1,7 @@
 import type { Ref } from 'vue';
 import { LAYOUT_KEY } from './props';
 import type { EleGlobalProvide, LocaleProps, UseLicenseResult, UseLocaleResult, LayoutProvide, ResponsiveProps } from './types';
-export declare const UNAUTHORIZED_TIP = "\u6388\u6743\u7801\u68C0\u9A8C\u5931\u8D25, \u8BF7\u524D\u5F80 https://eleadmin.com \u83B7\u53D6\u6388\u6743\u7801.";
+export declare const UNAUTHORIZED_TIP = "EleAdminPlus \u4E3A\u5546\u4E1A\u4EA7\u54C1, \u8BF7\u524D\u5F80 https://eleadmin.com \u8D2D\u4E70\u6388\u6743\u540E\u518D\u4F7F\u7528.";
 /**
  * 获取全局配置
  */