ele-admin-plus 1.0.2 → 1.1.0

package/es/components.d.ts

@@ -6,6 +6,7 @@ export { default as EleBasicSelect } from "./ele-basic-select/index";
 export { default as EleBottomBar } from "./ele-bottom-bar/index";
 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 EleCountUp } from "./ele-count-up/index";
 export { default as EleCropper } from "./ele-cropper/index";
@@ -13,6 +14,7 @@ export { default as EleCropperModal } from "./ele-cropper-modal/index";
 export { default as EleDashboard } from "./ele-dashboard/index";
 export { default as EleDot } from "./ele-dot/index";
 export { default as EleDrawer } from "./ele-drawer/index";
+export { default as EleDropdown } from "./ele-dropdown/index";
 export { default as EleEditTag } from "./ele-edit-tag/index";
 export { default as EleEllipsis } from "./ele-ellipsis/index";
 export { default as EleFileList } from "./ele-file-list/index";
@@ -24,6 +26,8 @@ export { default as EleMenus } from './ele-menus/index';
 export { default as EleModal } from "./ele-modal/index";
 export { default as ElePage } from "./ele-page/index";
 export { default as ElePagination } from "./ele-pagination/index";
+export { default as ElePopconfirm } from "./ele-popconfirm/index";
+export { default as ElePopover } from "./ele-popover/index";
 export { default as ElePrinter } from "./ele-printer/index";
 export { default as EleProLayout } from "./ele-pro-layout/index";
 export { default as EleProTable } from "./ele-pro-table/index";
@@ -40,6 +44,7 @@ export { default as EleTableSelect } from "./ele-table-select/index";
 export { default as EleText } from "./ele-text/index";
 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 EleUploadList } from "./ele-upload-list/index";
 export { default as EleWatermark } from "./ele-watermark/index";

package/es/components.js

@@ -6,44 +6,49 @@ import { default as default6 } from "./ele-basic-select/index";
 import { default as default7 } from "./ele-bottom-bar/index";
 import { default as default8 } from "./ele-breadcrumb/index";
 import { default as default9 } from "./ele-card/index";
-import { default as default10 } from "./ele-config-provider/index";
-import { default as default11 } from "./ele-count-up/index";
-import { default as default12 } from "./ele-cropper/index";
-import { default as default13 } from "./ele-cropper-modal/index";
-import { default as default14 } from "./ele-dashboard/index";
-import { default as default15 } from "./ele-dot/index";
-import { default as default16 } from "./ele-drawer/index";
-import { default as default17 } from "./ele-edit-tag/index";
-import { default as default18 } from "./ele-ellipsis/index";
-import { default as default19 } from "./ele-file-list/index";
-import { default as default20 } from "./ele-file-list-tool/index";
-import { default as default21 } from "./ele-icon-select/index";
-import { default as default22 } from "./ele-loading/index";
-import { default as default23 } from "./ele-map-picker/index";
-import { default as default24 } from "./ele-menus/index";
-import { default as default25 } from "./ele-modal/index";
-import { default as default26 } from "./ele-page/index";
-import { default as default27 } from "./ele-pagination/index";
-import { default as default28 } from "./ele-printer/index";
-import { default as default29 } from "./ele-pro-layout/index";
-import { default as default30 } from "./ele-pro-table/index";
-import { default as default31 } from "./ele-qr-code/index";
-import { default as default32 } from "./ele-qr-code-svg/index";
-import { default as default33 } from "./ele-segmented/index";
-import { default as default34 } from "./ele-split-panel/index";
-import { default as default35 } from "./ele-steps/index";
-import { default as default36 } from "./ele-tabs/index";
-import { default as default37 } from "./ele-tab-tool/index";
-import { default as default38 } from "./ele-tab-wrap/index";
-import { default as default39 } from "./ele-table/index";
-import { default as default40 } from "./ele-table-select/index";
-import { default as default41 } from "./ele-text/index";
-import { default as default42 } from "./ele-tool/index";
-import { default as default43 } from "./ele-toolbar/index";
-import { default as default44 } from "./ele-tour/index";
-import { default as default45 } from "./ele-upload-list/index";
-import { default as default46 } from "./ele-watermark/index";
-import { default as default47 } from "./ele-xg-player/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";
 export {
   default2 as EleAlert,
   default3 as EleApp,
@@ -53,42 +58,47 @@ export {
   default7 as EleBottomBar,
   default8 as EleBreadcrumb,
   default9 as EleCard,
-  default10 as EleConfigProvider,
-  default11 as EleCountUp,
-  default12 as EleCropper,
-  default13 as EleCropperModal,
-  default14 as EleDashboard,
-  default15 as EleDot,
-  default16 as EleDrawer,
-  default17 as EleEditTag,
-  default18 as EleEllipsis,
-  default19 as EleFileList,
-  default20 as EleFileListTool,
-  default21 as EleIconSelect,
-  default22 as EleLoading,
-  default23 as EleMapPicker,
-  default24 as EleMenus,
-  default25 as EleModal,
-  default26 as ElePage,
-  default27 as ElePagination,
-  default28 as ElePrinter,
-  default29 as EleProLayout,
-  default30 as EleProTable,
-  default31 as EleQrCode,
-  default32 as EleQrCodeSvg,
-  default33 as EleSegmented,
-  default34 as EleSplitPanel,
-  default35 as EleSteps,
-  default37 as EleTabTool,
-  default38 as EleTabWrap,
-  default39 as EleTable,
-  default40 as EleTableSelect,
-  default36 as EleTabs,
-  default41 as EleText,
-  default42 as EleTool,
-  default43 as EleToolbar,
-  default44 as EleTour,
-  default45 as EleUploadList,
-  default46 as EleWatermark,
-  default47 as EleXgPlayer
+  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
 };

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

@@ -1,6 +1,6 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -9,14 +9,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    closeIconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    closeIconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
-    titleStyle: import("vue").PropType<import("vue").CSSProperties>;
-    descriptionStyle: import("vue").PropType<import("vue").CSSProperties>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    closeIconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    closeIconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    descriptionStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -30,7 +30,7 @@ declare const _sfc_main: 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" | "error" | "info", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -39,14 +39,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    closeIconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    closeIconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
-    titleStyle: import("vue").PropType<import("vue").CSSProperties>;
-    descriptionStyle: import("vue").PropType<import("vue").CSSProperties>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    closeIconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    closeIconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    descriptionStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -54,9 +54,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClose?: ((_e: MouseEvent) => any) | undefined;
 }, {
+    center: boolean;
     closable: boolean;
     showIcon: boolean;
-    center: boolean;
     transitionName: string;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,11 +1,11 @@
-import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
-import type { IconProps } from 'element-plus';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue, ElIconProps } from '../ele-app/types';
 /**
  * 属性
  */
 export declare const alertProps: {
     title: StringConstructor;
-    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>>;
+    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -14,14 +14,14 @@ export declare const alertProps: {
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
-    iconStyle: PropType<CSSProperties>;
-    iconProps: PropType<Partial<IconProps>>;
-    closeIconStyle: PropType<CSSProperties>;
-    closeIconProps: PropType<Partial<IconProps>>;
-    bodyStyle: PropType<CSSProperties>;
-    titleStyle: PropType<CSSProperties>;
-    descriptionStyle: PropType<CSSProperties>;
+    effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    iconStyle: PropType<StyleValue>;
+    iconProps: PropType<ElIconProps>;
+    closeIconStyle: PropType<StyleValue>;
+    closeIconProps: PropType<ElIconProps>;
+    bodyStyle: PropType<StyleValue>;
+    titleStyle: PropType<StyleValue>;
+    descriptionStyle: PropType<StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;

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

@@ -1,4 +1,4 @@
-@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 @mixin set-alert-var($var) {
   .ele-alert {

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

@@ -1,4 +1,5 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 @use './css-var.scss' as *;
 
 @include set-alert-var($ele);
@@ -18,7 +19,7 @@
     flex-shrink: 0;
     color: elVar('color-primary');
     font-size: eleVar('alert', 'icon-size');
-    margin-right: 8px;
+    margin: eleVar('alert', 'icon-margin');
     display: flex;
   }
 
@@ -44,15 +45,22 @@
 
   .ele-alert-close {
     flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: eleVar('alert', 'close-size');
+    height: eleVar('alert', 'close-size');
+    line-height: eleVar('alert', 'close-size');
+    border-radius: eleVar('alert', 'close-radius');
     color: eleVar('alert', 'close-color');
-    font-size: eleVar('alert', 'close-size');
-    transition: color 0.2s;
-    margin-left: 8px;
+    font-size: eleVar('alert', 'close-font-size');
+    transition: color $ele-transition, background-color $ele-transition;
+    margin: eleVar('alert', 'close-margin');
     cursor: pointer;
-    display: flex;
 
     &:hover {
       color: eleVar('alert', 'close-hover-color');
+      background: eleVar('alert', 'close-hover-bg');
     }
   }
 
@@ -61,11 +69,11 @@
     align-items: flex-start;
     padding: eleVar('alert', 'rich-padding');
 
-    .ele-alert-icon {
+    & > .ele-alert-icon {
       font-size: eleVar('alert', 'rich-icon-size');
     }
 
-    .ele-alert-title {
+    & > .ele-alert-body > .ele-alert-title {
       color: eleVar('alert', 'title-color');
     }
   }
@@ -75,7 +83,7 @@
     background: elVar('color-success', 'light-9');
     border-color: elVar('color-success', 'light-7');
 
-    .ele-alert-icon {
+    & > .ele-alert-icon {
       color: elVar('color-success');
     }
   }
@@ -84,7 +92,7 @@
     background: elVar('color-warning', 'light-9');
     border-color: elVar('color-warning', 'light-7');
 
-    .ele-alert-icon {
+    & > .ele-alert-icon {
       color: elVar('color-warning');
     }
   }
@@ -93,7 +101,7 @@
     background: elVar('color-error', 'light-9');
     border-color: elVar('color-error', 'light-7');
 
-    .ele-alert-icon {
+    & > .ele-alert-icon {
       color: elVar('color-error');
     }
   }
@@ -102,11 +110,11 @@
   &.is-center {
     justify-content: center;
 
-    .ele-alert-body {
+    & > .ele-alert-body {
       flex: initial;
     }
 
-    .ele-alert-close {
+    & > .ele-alert-close {
       position: absolute;
       right: 12px;
       top: 50%;
@@ -116,15 +124,28 @@
 
   // 主题
   &.is-dark {
-    $hover-color: eleVar('alert-dark', 'close-hover-color');
-    #{eleVarName('alert', 'color')}: eleVar('alert-dark', 'color');
-    #{eleVarName('alert', 'title-color')}: eleVar('alert-dark', 'title-color');
-    #{eleVarName('alert', 'close-color')}: eleVar('alert-dark', 'close-color');
-    #{eleVarName('alert', 'close-hover-color')}: #{$hover-color};
     background: elVar('color-primary');
     border: none;
 
-    .ele-alert-icon {
+    & > .ele-alert-icon {
+      color: eleVar('alert-dark', 'title-color');
+    }
+
+    & > .ele-alert-body > .ele-alert-title,
+    & > .ele-alert-body > .ele-alert-text {
+      color: eleVar('alert-dark', 'color');
+    }
+
+    & > .ele-alert-close {
+      color: eleVar('alert-dark', 'close-color');
+
+      &:hover {
+        color: eleVar('alert-dark', 'close-hover-color');
+        background: eleVar('alert-dark', 'close-hover-bg');
+      }
+    }
+
+    &.is-rich > .ele-alert-body > .ele-alert-title {
       color: eleVar('alert-dark', 'title-color');
     }
 

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

@@ -1,4 +1,4 @@
-export type { ClassValue } from './types';
+export type { ComponentProps } 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.scss

@@ -1,8 +1,3 @@
-@use '../../style/themes/default.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-common-var($ele);
-
 /* 表单组件宽度撑满 */
 .ele-fluid {
   width: 100%;
@@ -45,174 +40,12 @@
   }
 }
 
-/* 下拉菜单 */
-.el-dropdown-menu__item:not(.is-disabled).is-active {
-  color: elVar('dropdown', 'menuItem-hover-color');
-  background-color: elVar('dropdown', 'menuItem-hover-fill');
-}
-
-/* 文字提示 */
-body .el-popper,
-body .el-popper.is-dark {
-  color: eleVar('tooltip', 'color');
-  border: eleVar('tooltip', 'border');
-  background: eleVar('tooltip', 'bg');
-
-  .el-popper__arrow::before {
-    background: eleVar('tooltip', 'arrow-bg');
-    border: eleVar('tooltip', 'border');
-  }
-}
-
-body .el-popper {
-  font-size: eleVar('tooltip', 'font-size');
-  line-height: eleVar('tooltip', 'line-height');
-  border-radius: eleVar('tooltip', 'radius');
-
-  .el-popper__arrow,
-  .el-popper__arrow::before {
-    width: eleVar('tooltip', 'arrow-size');
-    height: eleVar('tooltip', 'arrow-size');
-  }
-
-  &[data-popper-placement^='top'] > .el-popper__arrow {
-    bottom: eleVar('tooltip', 'arrow-offset');
-  }
-
-  &[data-popper-placement^='bottom'] > .el-popper__arrow {
-    top: eleVar('tooltip', 'arrow-offset');
-  }
-
-  &[data-popper-placement^='left'] > .el-popper__arrow {
-    right: eleVar('tooltip', 'arrow-offset');
-  }
-
-  &[data-popper-placement^='right'] > .el-popper__arrow {
-    left: eleVar('tooltip', 'arrow-offset');
-  }
-
-  &.is-light {
-    color: eleVar('tooltip-light', 'color');
-    background: eleVar('tooltip-light', 'bg');
-    border: eleVar('tooltip-light', 'border');
-
-    & > span:not(.el-popper__arrow) {
-      background: eleVar('tooltip-light', 'bg');
-    }
-
-    .el-popper__arrow::before {
-      background: eleVar('tooltip-light', 'arrow-bg');
-      border: eleVar('tooltip-light', 'border');
-    }
-  }
-
-  &.is-danger,
-  &.is-danger .el-popper__arrow::before {
-    background: elVar('color-danger');
-    border-color: elVar('color-danger');
-  }
-
-  &.is-warning,
-  &.is-warning .el-popper__arrow::before {
-    background: elVar('color-warning');
-    border-color: elVar('color-warning');
-  }
-
-  &.is-success,
-  &.is-success .el-popper__arrow::before {
-    background: elVar('color-success');
-    border-color: elVar('color-success');
-  }
-
-  &.is-custom {
-    padding: 0;
-
-    & > span:not(.el-popper__arrow) {
-      display: block;
-      padding: eleVar('tooltip', 'padding');
-      border-radius: eleVar('tooltip', 'radius');
-      background: eleVar('tooltip', 'bg');
-      box-sizing: border-box;
-      position: relative;
-      z-index: 2;
-    }
-  }
-}
-
-/* 图片预览 */
-.el-image-viewer__wrapper {
-  #{elVarName('text-color', 'regular')}: eleVar('image-viewer', 'tool-bg');
-}
-
-/* 下拉选择 */
-.el-select .el-select__tags .el-tag {
-  #{elVarName('tag', 'text-color')}: elVar('text-color', 'regular');
-  border-color: elVar('border-color', 'light');
-
-  .el-tag__close {
-    #{elVarName('tag', 'text-color')}: elVar('text-color', 'secondary');
-  }
-}
-
-/* radio */
-.el-radio .el-radio__inner::after {
-  width: elVar('radio', 'input-width');
-  height: elVar('radio', 'input-height');
-  margin-top: calc(0px - (elVar('radio', 'input-width') / 2));
-  margin-left: calc(0px - (elVar('radio', 'input-width') / 2));
-  transform: scale(0);
-}
-
-.el-radio .el-radio__input.is-checked .el-radio__inner::after {
-  transform: scale(0.375);
-}
-
-/* checkbox */
-.el-checkbox {
-  .el-checkbox__label {
-    line-height: 1.03;
-  }
-
-  .el-checkbox__input .el-checkbox__inner::after {
-    top: 50%;
-    left: 23.5%;
-    border-width: 2px;
-    transform: rotate(45deg) scale(0) translate(-50%, -50%);
-    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-    margin-top: -0.5px;
-  }
-
-  .el-checkbox__input.is-checked .el-checkbox__inner::after {
-    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--large .el-checkbox__input .el-checkbox__inner {
-    width: 16px;
-    height: 16px;
-  }
-
-  &.el-checkbox--small .el-checkbox__input .el-checkbox__inner {
-    width: 13px;
-    height: 13px;
-  }
-
-  .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
-    width: 60%;
-    height: 2px;
-    right: auto;
-    top: 50% !important;
-    left: 50% !important;
-    transform: translateX(-50%);
-    margin-top: -1px;
-  }
-
-  .el-checkbox__input,
-  .el-checkbox__inner {
-    display: block;
-  }
+/* 隐藏滚动条 */
+.ele-scrollbar-hide,
+.ele-scrollbar-hover:not(:hover) {
+  scrollbar-width: none;
 
-  .el-checkbox__original {
+  &::-webkit-scrollbar {
     display: none;
   }
 }