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

package/lib/core-components.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./ele-alert/index");
+const index$1 = require("./ele-app/index");
+const index$2 = require("./ele-avatar-group/index");
+const index$3 = require("./ele-basic-select/index");
+const index$4 = require("./ele-bottom-bar/index");
+const index$5 = require("./ele-breadcrumb/index");
+const index$6 = require("./ele-card/index");
+const index$7 = require("./ele-check-card/index");
+const index$8 = require("./ele-config-provider/index");
+const index$9 = require("./ele-copyable/index");
+const index$a = require("./ele-dashboard/index");
+const index$b = require("./ele-data-table/index");
+const index$c = require("./ele-dot/index");
+const index$d = require("./ele-drawer/index");
+const index$e = require("./ele-dropdown/index");
+const index$f = require("./ele-edit-tag/index");
+const index$g = require("./ele-ellipsis/index");
+const index$h = require("./ele-file-list/index");
+const index$i = require("./ele-file-list-tool/index");
+const index$j = require("./ele-icon-select/index");
+const index$k = require("./ele-loading/index");
+const index$l = require("./ele-menus/index");
+const index$m = require("./ele-modal/index");
+const index$n = require("./ele-page/index");
+const index$o = require("./ele-pagination/index");
+const index$p = require("./ele-popconfirm/index");
+const index$q = require("./ele-popover/index");
+const index$r = require("./ele-printer/index");
+const index$s = require("./ele-pro-layout/index");
+const index$t = require("./ele-pro-table/index");
+const index$u = require("./ele-qr-code/index");
+const index$v = require("./ele-qr-code-svg/index");
+const index$w = require("./ele-segmented/index");
+const index$x = require("./ele-split-panel/index");
+const index$y = require("./ele-steps/index");
+const index$z = require("./ele-tabs/index");
+const index$A = require("./ele-tab-tool/index");
+const index$B = require("./ele-tab-wrap/index");
+const index$C = require("./ele-table/index");
+const index$D = require("./ele-table-select/index");
+const index$E = require("./ele-text/index");
+const index$F = require("./ele-tool/index");
+const index$G = require("./ele-toolbar/index");
+const index$H = require("./ele-tooltip/index");
+const index$I = require("./ele-tour/index");
+const index$J = require("./ele-tree-select/index");
+const index$K = require("./ele-upload-list/index");
+const index$L = require("./ele-virtual-table/index");
+const index$M = require("./ele-watermark/index");
+exports.EleAlert = index;
+exports.EleApp = index$1;
+exports.EleAvatarGroup = index$2;
+exports.EleBasicSelect = index$3;
+exports.EleBottomBar = index$4;
+exports.EleBreadcrumb = index$5;
+exports.EleCard = index$6;
+exports.EleCheckCard = index$7;
+exports.EleConfigProvider = index$8;
+exports.EleCopyable = index$9;
+exports.EleDashboard = index$a;
+exports.EleDataTable = index$b;
+exports.EleDot = index$c;
+exports.EleDrawer = index$d;
+exports.EleDropdown = index$e;
+exports.EleEditTag = index$f;
+exports.EleEllipsis = index$g;
+exports.EleFileList = index$h;
+exports.EleFileListTool = index$i;
+exports.EleIconSelect = index$j;
+exports.EleLoading = index$k;
+exports.EleMenus = index$l;
+exports.EleModal = index$m;
+exports.ElePage = index$n;
+exports.ElePagination = index$o;
+exports.ElePopconfirm = index$p;
+exports.ElePopover = index$q;
+exports.ElePrinter = index$r;
+exports.EleProLayout = index$s;
+exports.EleProTable = index$t;
+exports.EleQrCode = index$u;
+exports.EleQrCodeSvg = index$v;
+exports.EleSegmented = index$w;
+exports.EleSplitPanel = index$x;
+exports.EleSteps = index$y;
+exports.EleTabs = index$z;
+exports.EleTabTool = index$A;
+exports.EleTabWrap = index$B;
+exports.EleTable = index$C;
+exports.EleTableSelect = index$D;
+exports.EleText = index$E;
+exports.EleTool = index$F;
+exports.EleToolbar = index$G;
+exports.EleTooltip = index$H;
+exports.EleTour = index$I;
+exports.EleTreeSelect = index$J;
+exports.EleUploadList = index$K;
+exports.EleVirtualTable = index$L;
+exports.EleWatermark = index$M;

package/lib/core-components.d.ts

@@ -0,0 +1,49 @@
+export { default as EleAlert } from "./ele-alert/index";
+export { default as EleApp } from './ele-app/index';
+export { default as EleAvatarGroup } from "./ele-avatar-group/index";
+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 EleCopyable } from "./ele-copyable/index";
+export { default as EleDashboard } from "./ele-dashboard/index";
+export { default as EleDataTable } from './ele-data-table/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";
+export { default as EleFileListTool } from "./ele-file-list-tool/index";
+export { default as EleIconSelect } from "./ele-icon-select/index";
+export { default as EleLoading } from "./ele-loading/index";
+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";
+export { default as EleQrCode } from "./ele-qr-code/index";
+export { default as EleQrCodeSvg } from "./ele-qr-code-svg/index";
+export { default as EleSegmented } from "./ele-segmented/index";
+export { default as EleSplitPanel } from "./ele-split-panel/index";
+export { default as EleSteps } from "./ele-steps/index";
+export { default as EleTabs } from "./ele-tabs/index";
+export { default as EleTabTool } from "./ele-tab-tool/index";
+export { default as EleTabWrap } from "./ele-tab-wrap/index";
+export { default as EleTable } from "./ele-table/index";
+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 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/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>>;
 }>> & {