ele-admin-plus 1.1.8-beta.4 → 1.1.8-beta.5

package/lib/core-export.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const chartThemeDark = require("./utils/chart-theme-dark");
+const chartTheme = require("./utils/chart-theme");
+const core = require("./utils/core");
+const menuUtil = require("./utils/menu-util");
+const message = require("./utils/message");
+const validate = require("./utils/validate");
+const headerTool = require("./ele-pro-layout/components/header-tool");
+const sidebarTool = require("./ele-pro-layout/components/sidebar-tool");
+const tabDropdown = require("./ele-pro-layout/components/tab-dropdown");
+exports.HeaderTool = headerTool;
+exports.SidebarTool = sidebarTool;
+exports.TabDropdown = tabDropdown;
+Object.keys(chartThemeDark).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => chartThemeDark[k]
+    });
+});
+Object.keys(chartTheme).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => chartTheme[k]
+    });
+});
+Object.keys(core).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => core[k]
+    });
+});
+Object.keys(menuUtil).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => menuUtil[k]
+    });
+});
+Object.keys(message).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => message[k]
+    });
+});
+Object.keys(validate).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => validate[k]
+    });
+});

package/lib/core-export.d.ts

@@ -0,0 +1,9 @@
+export * from './utils/chart-theme-dark';
+export * from './utils/chart-theme';
+export * from './utils/core';
+export * from './utils/menu-util';
+export * from './utils/message';
+export * from './utils/validate';
+export { default as HeaderTool } from "./ele-pro-layout/components/header-tool";
+export { default as SidebarTool } from "./ele-pro-layout/components/sidebar-tool";
+export { default as TabDropdown } from "./ele-pro-layout/components/tab-dropdown";

package/lib/core-installer.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components = require("./core-components");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const components__namespace = /* @__PURE__ */ _interopNamespaceDefault(components);
+const installer = {
+  install(app) {
+    Object.keys(components__namespace).forEach((key) => {
+      app.component(components__namespace[key].name, components__namespace[key]);
+    });
+  }
+};
+exports.installer = installer;

package/lib/core-installer.d.ts

@@ -0,0 +1,3 @@
+/** 全局安装核心组件 */
+import type { Plugin } from 'vue';
+export declare const installer: Plugin;

package/lib/core.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const coreComponents = require("./core-components");
+const coreExport = require("./core-export");
+const coreInstaller = require("./core-installer");
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: () => coreInstaller.installer
+});
+Object.keys(coreComponents).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => coreComponents[k]
+    });
+});
+Object.keys(coreExport).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => coreExport[k]
+    });
+});

package/lib/core.d.ts

@@ -0,0 +1,3 @@
+export * from './core-components';
+export * from './core-export';
+export { installer as default } from './core-installer';

package/lib/ele-alert/index.cjs

@@ -1,18 +1,18 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const iconsVue = require("@element-plus/icons-vue");
+const icons = require("../icons");
 const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleAlert",
   components: {
     ElIcon: elementPlus.ElIcon,
-    Close: iconsVue.Close,
-    CircleCheckFilled: iconsVue.CircleCheckFilled,
-    InfoFilled: iconsVue.InfoFilled,
-    WarningFilled: iconsVue.WarningFilled,
-    CircleCloseFilled: iconsVue.CircleCloseFilled
+    CloseOutlined: icons.CloseOutlined,
+    InfoCircleFilled: icons.InfoCircleFilled,
+    CheckCircleFilled: icons.CheckCircleFilled,
+    ExclamationCircleFilled: icons.ExclamationCircleFilled,
+    CloseCircleFilled: icons.CloseCircleFilled
   },
   props: props.alertProps,
   emits: props.alertEmits,
@@ -46,12 +46,12 @@ const _export_sfc = (sfc, props2) => {
 };
 const _hoisted_1 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CircleCheckFilled = vue.resolveComponent("CircleCheckFilled");
-  const _component_WarningFilled = vue.resolveComponent("WarningFilled");
-  const _component_CircleCloseFilled = vue.resolveComponent("CircleCloseFilled");
-  const _component_InfoFilled = vue.resolveComponent("InfoFilled");
+  const _component_CheckCircleFilled = vue.resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = vue.resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = vue.resolveComponent("InfoCircleFilled");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_Close = vue.resolveComponent("Close");
+  const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
   return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
     default: vue.withCtx(() => [
       _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -74,7 +74,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
             vue.createVNode(_component_ElIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.iconProps)), {
               default: vue.withCtx(() => [
-                _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CircleCheckFilled, { key: 0 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_WarningFilled, { key: 1 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CircleCloseFilled, { key: 2 })) : (vue.openBlock(), vue.createBlock(_component_InfoFilled, { key: 3 }))
+                _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 0 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 1 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 2 })) : (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 3 }))
               ]),
               _: 1
             }, 16)
@@ -113,7 +113,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
             _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps)), {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_Close)
+                vue.createVNode(_component_CloseOutlined)
               ]),
               _: 1
             }, 16))

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     showIcon: BooleanConstructor;
     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/el").ElIconProps>; /** 是否非关闭状态 */
+    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     closeIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     closeIconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     transitionName: {
         type: StringConstructor;
         default: string;
-    }; /** 打开 */
+    };
 }, {
     visible: import("vue").Ref<boolean>;
     isRich: import("vue").ComputedRef<boolean>;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     showIcon: BooleanConstructor;
     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/el").ElIconProps>; /** 是否非关闭状态 */
+    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     closeIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     closeIconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     transitionName: {
         type: StringConstructor;
         default: string;
-    }; /** 打开 */
+    };
 }>> & {
     onClose?: ((_e: MouseEvent) => any) | undefined;
 }, {

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

@@ -1,6 +1,8 @@
 @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);
 
@@ -134,28 +136,18 @@ body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
 .el-cascader .el-input__icon.icon-circle-close,
 .el-date-editor .el-input__icon.clear-icon,
 .el-range-editor .el-input__icon.el-range__close-icon {
-  font-size: eleVar('input', 'clear-size');
-}
-
-.el-input .el-input__clear,
-.el-input__icon.icon-circle-close,
-.el-input__icon.clear-icon,
-.el-range-editor .el-input__icon.el-range__close-icon {
-  background: eleVar('input', 'clear-color');
-  border-radius: 50%;
+  color: eleVar('input', 'clear-color');
 
   &:hover {
-    background: eleVar('input', 'clear-hover-color');
+    color: eleVar('input', 'clear-hover-color');
   }
 }
 
 /* 表单验证状态图标 */
 .el-input .el-input__wrapper .el-input__validateIcon,
 .el-select .el-select__wrapper .el-input__validateIcon {
+  color: eleVar('input', 'status-color');
   margin: eleVar('input', 'status-margin');
-  font-size: eleVar('input', 'status-size');
-  background: eleVar('input', 'status-color');
-  border-radius: 50%;
 }
 
 .el-input .el-input__clear + .el-input__validateIcon,
@@ -165,37 +157,25 @@ body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
 }
 
 .el-input__validateIcon > svg > path {
-  fill: none;
-  stroke: elVar('bg-color', 'overlay');
-  stroke-width: 100;
-  stroke-linecap: round;
-  #{'d'}: path('M755 364 426 700 254 529');
+  #{'d'}: path($ele-validate-path);
 
   &:last-child {
+    fill: none;
     #{'d'}: path('');
   }
 }
 
 /* 清空图标和验证失败图标修改 */
-.el-input__clear > svg > path,
-.el-input__icon.icon-circle-close > svg > path,
-.el-input__icon.clear-icon > svg > path,
-.el-input__icon.el-range__close-icon > svg > path {
-  fill: none;
-  stroke: elVar('bg-color', 'overlay');
-  stroke-width: 100;
-  stroke-linecap: round;
-}
-
 .el-input__clear > svg > path,
 .el-input__icon.icon-circle-close > svg > path,
 .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('M320 320L704 704');
+  #{'d'}: path($ele-clear-path);
 
   &:last-child {
-    #{'d'}: path('M320 704L704 320');
+    fill: none;
+    #{'d'}: path('');
   }
 }
 
@@ -227,17 +207,12 @@ 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(
-      'M514 972C768 972 975 766 975 512 975 257 768 51 514 51 259 51 53 257 53 512 53 766 259 972 514 972'
-    );
+    #{'d'}: path($ele-clear-path);
   }
 
   & > svg > path + path {
-    stroke: none;
-    fill: elVar('bg-color', 'overlay');
-    #{'d'}: path(
-      'M305 247 507 449 709 247 766 304 564 506 766 708 708 765 506 563 304 765 247 708 449 506 247 304 305 247'
-    );
+    fill: none;
+    #{'d'}: path('');
   }
 
   &:hover > svg > path[d^='m466'] {
@@ -540,6 +515,24 @@ body .el-input-number.is-disabled .el-input-number__decrease {
   }
 
   .el-input__validateIcon {
-    background: eleVar('input-error', 'status-color');
+    color: eleVar('input-error', 'status-color');
+  }
+}
+
+.ele-edit-tag .ele-edit-tag-input.is-error .el-input .el-input__wrapper {
+  border: eleVar('input-error', 'border');
+  background: eleVar('input-error', 'bg');
+  box-shadow: none;
+
+  &:hover {
+    border: eleVar('input-error', 'hover-border');
+    background: eleVar('input-error', 'hover-bg');
+    box-shadow: eleVar('input-error', 'hover-shadow');
+  }
+
+  &.is-focus {
+    border: eleVar('input-error', 'focus-border');
+    background: eleVar('input-error', 'focus-bg');
+    box-shadow: eleVar('input-error', 'focus-shadow') !important;
   }
 }

package/lib/ele-app/style/overwrite/message-box/index.scss

@@ -66,11 +66,16 @@
   }
 
   .el-message-box__input {
-    padding-top: eleVar('message-box', 'input-padding');
+    padding: 0;
+    margin: eleVar('message-box', 'input-margin');
+    position: relative;
   }
 
   .el-message-box__errormsg {
     line-height: 18px;
+    position: absolute;
+    top: 100%;
+    left: 0;
   }
 }
 

package/lib/ele-app/style/scrollbar/css-var.scss

@@ -7,6 +7,11 @@
 
 /* 滚动条样式 */
 @mixin scrollbar-style() {
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
+  }
+
   ::-webkit-scrollbar {
     width: eleVar('scrollbar', 'size');
     height: eleVar('scrollbar', 'size');
@@ -30,24 +35,34 @@
   ::-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();
+
+    html.is-webkit * {
+      scrollbar-width: auto;
+      scrollbar-color: auto;
+    }
   } @else if $selector == 'pc' {
     @media (hover: hover) and (pointer: fine) {
       @include scrollbar-style();
+
+      html.is-webkit * {
+        scrollbar-width: auto;
+        scrollbar-color: auto;
+      }
     }
   } @else if $selector != 'never' {
     #{$selector} {
       @include scrollbar-style();
+
+      &.is-webkit * {
+        scrollbar-width: auto;
+        scrollbar-color: auto;
+      }
     }
   }
 }

package/lib/ele-basic-select/index.cjs

@@ -12,7 +12,7 @@ const _sfc_main = vue.defineComponent({
     ElIcon: elementPlus.ElIcon,
     ElTag: elementPlus.ElTag,
     EleTooltip,
-    CloseOutlined: icons.CloseOutlined,
+    CloseCircleFilled: icons.CloseCircleFilled,
     ArrowDown: icons.ArrowDown
   },
   props: props.basicSelectProps,
@@ -163,7 +163,7 @@ const _hoisted_1 = {
   class: "ele-select-tags"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ArrowDown = vue.resolveComponent("ArrowDown");
   const _component_ElInput = vue.resolveComponent("ElInput");
@@ -231,7 +231,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, {
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "clearIcon", {}, () => [
-                  vue.createVNode(_component_CloseOutlined)
+                  vue.createVNode(_component_CloseCircleFilled)
                 ])
               ]),
               _: 3

package/lib/ele-basic-select/index.d.ts

@@ -15,13 +15,13 @@ declare const _default: import("vue").DefineComponent<{
     selected: import("vue").PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>; /** 多选时搜索框值 */
     transition: {
         type: StringConstructor;
         default: string;
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor;
+    selectClass: StringConstructor; /** 输入框提示文本 */
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
@@ -74,13 +74,13 @@ declare const _default: import("vue").DefineComponent<{
     selected: import("vue").PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>; /** 多选时搜索框值 */
     transition: {
         type: StringConstructor;
         default: string;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor;
+    selectClass: StringConstructor; /** 输入框提示文本 */
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {

package/lib/ele-basic-select/props.d.ts

@@ -28,7 +28,7 @@ export declare const basicSelectProps: {
     /** 多选标签最大显示文本长度 */
     maxTagTextLength: NumberConstructor;
     /** 多选标签类型 */
-    tagType: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    tagType: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */

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

@@ -64,14 +64,11 @@
   }
 
   & > .el-input .el-input__icon.ele-select-clear {
-    color: elVar('bg-color', 'overlay');
-    font-size: eleVar('input', 'clear-size');
-    background: eleVar('input', 'clear-color');
-    border-radius: 50%;
+    color: eleVar('input', 'clear-color');
     cursor: pointer;
 
     &:hover {
-      background: eleVar('input', 'clear-hover-color');
+      color: eleVar('input', 'clear-hover-color');
     }
   }
 
@@ -93,10 +90,6 @@
     #{'d'}: path('M10 31 24 17 38 31');
   }
 
-  .ele-select-arrow > svg > path {
-    stroke-width: 4;
-  }
-
   /* 多选 */
   &.is-multiple {
     min-height: elVar('component-size');

package/lib/ele-copyable/index.cjs

@@ -1,13 +1,13 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const iconsVue = require("@element-plus/icons-vue");
+const icons = require("../icons");
 const receiver = require("../ele-config-provider/receiver");
 const EleTooltip = require("../ele-tooltip/index");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleCopyable",
-  components: { ElIcon: elementPlus.ElIcon, DocumentCopy: iconsVue.DocumentCopy, Check: iconsVue.Check, EleTooltip },
+  components: { ElIcon: elementPlus.ElIcon, CopyOutlined: icons.CopyOutlined, CheckOutlined: icons.CheckOutlined, EleTooltip },
   props: props.copyableProps,
   emits: props.copyableEmits,
   setup(props2, { emit }) {
@@ -105,9 +105,9 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Check = vue.resolveComponent("Check");
+  const _component_CheckOutlined = vue.resolveComponent("CheckOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_DocumentCopy = vue.resolveComponent("DocumentCopy");
+  const _component_CopyOutlined = vue.resolveComponent("CopyOutlined");
   const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["ele-copyable", { "ele-copyable-done": _ctx.copied }])
@@ -130,7 +130,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.copiedIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.copiedIcon), {
             key: 0,
             style: vue.normalizeStyle(_ctx.copiedIconStyle)
-          }, null, 8, ["style"])) : (vue.openBlock(), vue.createBlock(_component_Check, {
+          }, null, 8, ["style"])) : (vue.openBlock(), vue.createBlock(_component_CheckOutlined, {
             key: 1,
             style: vue.normalizeStyle(_ctx.copiedIconStyle)
           }, null, 8, ["style"]))
@@ -141,7 +141,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), {
             key: 0,
             style: vue.normalizeStyle(_ctx.iconStyle)
-          }, null, 8, ["style"])) : (vue.openBlock(), vue.createBlock(_component_DocumentCopy, {
+          }, null, 8, ["style"])) : (vue.openBlock(), vue.createBlock(_component_CopyOutlined, {
             key: 1,
             style: vue.normalizeStyle(_ctx.iconStyle)
           }, null, 8, ["style"]))

package/lib/ele-copyable/index.d.ts

@@ -12,10 +12,11 @@ declare const _default: import("vue").DefineComponent<{
     copiedIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tooltip: {
         type: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps>>;
-        default: boolean;
+        default: boolean; /** 提示单例目标 */
     };
     resetAfter: {
         type: NumberConstructor;
+        /** 是否拷贝完成 */
         default: number;
     };
     locale: import("vue").PropType<Partial<CopyableLocale>>;
@@ -41,10 +42,11 @@ declare const _default: import("vue").DefineComponent<{
     copiedIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tooltip: {
         type: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps>>;
-        default: boolean;
+        default: boolean; /** 提示单例目标 */
     };
     resetAfter: {
         type: NumberConstructor;
+        /** 是否拷贝完成 */
         default: number;
     };
     locale: import("vue").PropType<Partial<CopyableLocale>>;