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

package/es/ele-app/utils.js

@@ -0,0 +1,5 @@
+function useWave() {
+}
+export {
+  useWave
+};

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

@@ -18,17 +18,20 @@ declare const _default: import("vue").DefineComponent<{
     tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
-    visible: 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>;
     transition: {
-        type: StringConstructor; /** 多选时搜索框值 */
+        type: StringConstructor;
         default: string;
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
+    selectClass: StringConstructor;
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     tooltipRef: import("vue").Ref<EleTooltipInstance>;
     inputRef: import("vue").Ref<ElInputInstance>;
@@ -74,17 +77,20 @@ declare const _default: import("vue").DefineComponent<{
     tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
-    visible: 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>;
     transition: {
-        type: StringConstructor; /** 多选时搜索框值 */
+        type: StringConstructor;
         default: string;
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
+    selectClass: StringConstructor;
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;

package/es/ele-basic-select/index.js

@@ -1,18 +1,18 @@
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode, normalizeClass, createVNode, createSlots, withModifiers, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-import { CircleClose, ArrowDown } from "@element-plus/icons-vue";
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createVNode, createSlots, withModifiers, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { ElInput, ElIcon, ElTag } from "element-plus";
 import { useLicense } from "../ele-config-provider/receiver";
 import EleTooltip from "../ele-tooltip/index";
+import { CloseOutlined, ArrowDown } from "../icons";
 import { basicSelectProps, basicSelectEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleBasicSelect",
   components: {
-    CircleClose,
-    ArrowDown,
     ElInput,
     ElIcon,
     ElTag,
-    EleTooltip
+    EleTooltip,
+    CloseOutlined,
+    ArrowDown
   },
   props: basicSelectProps,
   emits: basicSelectEmits,
@@ -157,13 +157,12 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-select-suffix" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "ele-select-tags"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CircleClose = resolveComponent("CircleClose");
+  const _component_CloseOutlined = resolveComponent("CloseOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_ArrowDown = resolveComponent("ArrowDown");
   const _component_ElInput = resolveComponent("ElInput");
@@ -199,6 +198,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass([
           "ele-select",
+          _ctx.selectClass,
           { "is-empty": _ctx.isEmpty },
           { "is-multiple": _ctx.multiple },
           { "is-disabled": _ctx.disabled },
@@ -206,7 +206,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           { "is-small": _ctx.size === "small" },
           { "is-large": _ctx.size === "large" },
           { "is-opened": _ctx.visible }
-        ])
+        ]),
+        style: normalizeStyle(_ctx.selectStyle)
       }, [
         createVNode(_component_ElInput, {
           ref: "inputRef",
@@ -216,33 +217,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           modelValue: _ctx.inputValue,
           placeholder: _ctx.filterable && _ctx.multiple && _ctx.visible ? "" : _ctx.inputPlaceholder,
           readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
+          style: normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": _ctx.updateInputValue,
           onFocus: _ctx.onInputFocus,
           onBlur: _ctx.onInputBlur
         }, createSlots({
           suffix: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (openBlock(), createBlock(_component_ElIcon, {
-                key: 0,
-                class: "ele-select-clear",
-                onClick: withModifiers(_ctx.onClear, ["stop"])
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "clearIcon", {}, () => [
-                    createVNode(_component_CircleClose)
-                  ])
-                ]),
-                _: 3
-              }, 8, ["onClick"])) : createCommentVNode("", true),
-              createVNode(_component_ElIcon, { class: "ele-select-arrow" }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "suffixIcon", { visible: _ctx.visible }, () => [
-                    createVNode(_component_ArrowDown)
-                  ])
-                ]),
-                _: 3
-              })
-            ])
+            _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (openBlock(), createBlock(_component_ElIcon, {
+              key: 0,
+              class: "ele-select-clear el-input__icon",
+              onClick: withModifiers(_ctx.onClear, ["stop"])
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "clearIcon", {}, () => [
+                  createVNode(_component_CloseOutlined)
+                ])
+              ]),
+              _: 3
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            createVNode(_component_ElIcon, { class: "ele-select-arrow el-input__icon" }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "suffixIcon", { visible: _ctx.visible }, () => [
+                  createVNode(_component_ArrowDown)
+                ])
+              ]),
+              _: 3
+            })
           ]),
           _: 2
         }, [
@@ -253,8 +253,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "onUpdate:modelValue", "onFocus", "onBlur"]),
-        _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onFocus", "onBlur"]),
+        _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.currentTags, (item, index2) => {
             return openBlock(), createBlock(_component_ElTag, {
               key: index2 + "-" + item.value,
@@ -300,16 +300,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [
               createVNode(_component_ElInput, {
                 ref: "searchRef",
+                size: _ctx.size,
                 validateEvent: false,
                 modelValue: _ctx.searchValue,
                 placeholder: _ctx.inputPlaceholder,
                 "onUpdate:modelValue": _ctx.updateSearchValue
-              }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
+              }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue"])
             ]),
             _: 1
           }, 8, ["size"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
-      ], 2)
+      ], 6)
     ]),
     _: 3
   }, 8, ["visible", "disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration", "onUpdate:visible"]);

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

@@ -52,6 +52,12 @@ export declare const basicSelectProps: {
     popperClass: StringConstructor;
     /** 下拉框宽度 */
     popperWidth: (StringConstructor | NumberConstructor)[];
+    /** 自定义类名 */
+    selectClass: StringConstructor;
+    /** 自定义样式 */
+    selectStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
 };
 export type BasicSelectProps = ExtractPropTypes<typeof basicSelectProps>;
 /**

package/es/ele-basic-select/props.js

@@ -48,7 +48,13 @@ const basicSelectProps = {
   /** 下拉框类名 */
   popperClass: String,
   /** 下拉框宽度 */
-  popperWidth: [Number, String]
+  popperWidth: [Number, String],
+  /** 自定义类名 */
+  selectClass: String,
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object
 };
 const basicSelectEmits = {
   /** 更新下拉框显示状态 */

package/es/ele-basic-select/style/css-var.scss

@@ -0,0 +1,9 @@
+@use '../../style/util.scss' as *;
+
+/* 通用下拉选择主题变量 */
+@mixin set-basic-select-var($var) {
+  .ele-select {
+    @include set-ele-var('input', $var);
+    @include set-ele-var('input-error', $var);
+  }
+}

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

@@ -1,5 +1,8 @@
 @use '../../style/themes/default.scss' as *;
 @use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-basic-select-var($ele);
 
 .ele-select {
   width: 100%;
@@ -7,57 +10,91 @@
   cursor: pointer;
 
   & > .el-input,
-  & > .el-input .el-input__wrapper,
-  & > .el-input .el-input__inner {
+  & > .el-input > .el-input__wrapper,
+  & > .el-input > .el-input__wrapper > .el-input__inner {
     cursor: inherit;
   }
 
-  .el-input__prefix-inner {
-    color: elVar('input', 'text-color');
-  }
-
   &.is-filterable {
     cursor: text;
   }
 
-  /* 箭头和清空图标 */
-  .ele-select-suffix {
-    display: flex;
-    align-items: center;
+  /* 输入框 */
+  & > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'border');
+    background: eleVar('input', 'bg');
+    transition: all $ele-transition;
+    box-sizing: border-box;
+    position: relative;
+    box-shadow: none;
   }
 
-  .ele-select-clear,
-  .ele-select-arrow {
-    font-size: 14px;
-    color: elVar('input', 'icon-color');
-    transition: (transform $ele-transition, color $ele-transition);
+  &:hover > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'hover-border');
+    background: eleVar('input', 'hover-bg');
+    box-shadow: eleVar('input', 'hover-shadow');
+  }
+
+  & > .el-input > .el-input__wrapper.is-focus,
+  &.is-opened > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'focus-border');
+    background: eleVar('input', 'focus-bg');
+    box-shadow: eleVar('input', 'focus-shadow');
+  }
+
+  /* 图标 */
+  & > .el-input > .el-input__wrapper .el-input__icon {
+    color: eleVar('input', 'icon-color');
+    font-size: eleVar('input', 'icon-size');
+    transition: all $ele-transition;
+  }
+
+  & > .el-input .el-input__prefix-inner .el-input__icon {
+    margin-right: eleVar('input', 'icon-space');
   }
 
-  .ele-select-clear:hover {
-    color: elVar('input', 'clear-hover-color');
+  & > .el-input .el-input__suffix-inner .el-input__icon {
+    margin-left: eleVar('input', 'icon-space');
+  }
+
+  /* 箭头和清空图标 */
+  & > .el-input .el-input__icon.ele-select-clear,
+  & > .el-input .el-input__icon.ele-select-arrow {
+    margin: eleVar('input', 'clear-margin');
+  }
+
+  & > .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%;
     cursor: pointer;
+
+    &:hover {
+      background: eleVar('input', 'clear-hover-color');
+    }
   }
 
   .ele-select-clear,
-  &:hover .ele-select-clear + .ele-select-arrow {
+  &:hover .ele-select-clear + .ele-select-arrow,
+  &:hover .ele-select-clear + .ele-select-arrow + .el-input__validateIcon {
     display: none;
   }
 
   &:hover .ele-select-clear {
-    display: block;
+    display: flex;
   }
 
-  &.is-opened .ele-select-arrow {
-    transform: rotate(-180deg);
+  .ele-select-arrow > svg > path {
+    transition: d $ele-transition;
   }
 
-  /* 输入框边框 */
-  &:hover > .el-input:not(.is-disabled) .el-input__wrapper:not(.is-focus) {
-    box-shadow: 0 0 0 1px elVar('input', 'hover-border-color') inset;
+  &.is-opened .ele-select-arrow > svg > path {
+    #{'d'}: path('M10 31 24 17 38 31');
   }
 
-  &.is-opened > .el-input:not(.is-disabled) .el-input__wrapper:not(.is-focus) {
-    box-shadow: 0 0 0 1px elVar('input', 'focus-border-color') inset;
+  .ele-select-arrow > svg > path {
+    stroke-width: 4;
   }
 
   /* 多选 */
@@ -73,20 +110,12 @@
       width: 100%;
       height: 100%;
 
-      .el-input__wrapper,
-      .el-input__inner {
+      & > .el-input__wrapper,
+      & > .el-input__wrapper > .el-input__inner {
         height: 100%;
         box-sizing: border-box;
       }
     }
-
-    &.is-small {
-      min-height: elVar('component-size', 'small');
-    }
-
-    &.large {
-      min-height: elVar('component-size', 'large');
-    }
   }
 
   /* 多选标签 */
@@ -96,9 +125,9 @@
     min-height: inherit;
     box-sizing: border-box;
     padding: 2px 0 2px 4px;
-    width: calc(100% - 24px);
+    width: calc(100% - 22px);
     position: relative;
-    z-index: 2;
+    z-index: 3;
 
     & > .el-tag {
       flex-shrink: 0;
@@ -109,7 +138,7 @@
   }
 
   &.is-empty .ele-select-tags {
-    padding-left: 9px;
+    padding-left: 8.8px;
   }
 
   /* 多选搜索框 */
@@ -121,11 +150,13 @@
     overflow: hidden;
     background: none;
     display: none;
+    font-size: 0;
 
     & > .el-tag__content {
       width: 100%;
       height: 100%;
       display: block;
+      font-size: 0;
     }
 
     .el-input {
@@ -135,9 +166,9 @@
 
       .el-input__wrapper {
         height: 100%;
-        padding-left: 2px;
-        padding-right: 0;
+        padding: 0 0 0 2px;
         box-sizing: border-box;
+        border: none;
         box-shadow: none;
         background: none;
         cursor: inherit;
@@ -156,33 +187,90 @@
 
   /* 小尺寸 */
   &.is-small {
-    & > .ele-select-tags {
-      padding-left: 4px;
+    &.is-multiple {
+      min-height: elVar('component-size', 'small');
+    }
+
+    .ele-select-tags {
+      width: calc(100% - 20px);
 
       & > .el-tag {
-        margin-top: 1px;
-        margin-bottom: 1px;
-        height: calc(elVar('component-size') - 4px - 2px);
+        margin: 1px 4px 1px 0;
+        height: calc(elVar('component-size', 'small') - 4px - 2px);
       }
     }
 
     &.is-empty .ele-select-tags {
-      padding-left: 5px;
+      padding-left: 6.8px;
     }
   }
 
   /* 大尺寸 */
-  &.is-large.is-empty .ele-select-tags {
-    padding-left: 13px;
+  &.is-large {
+    &.is-multiple {
+      min-height: elVar('component-size', 'large');
+    }
+
+    .ele-select-tags {
+      padding: 4px 0 4px 6px;
+      width: calc(100% - 24px);
+
+      & > .el-tag {
+        height: calc(elVar('component-size', 'large') - 8px - 4px);
+      }
+    }
+
+    &.is-empty .ele-select-tags {
+      padding-left: 10.8px;
+    }
   }
 
   /* 禁用 */
   &.is-disabled {
     cursor: not-allowed;
 
+    & > .el-input.is-disabled > .el-input__wrapper {
+      border: eleVar('input', 'disabled-border');
+      background: eleVar('input', 'disabled-bg');
+      box-shadow: none;
+    }
+
+    & > .el-input > .el-input__wrapper > .el-input__inner {
+      color: eleVar('input', 'disabled-color');
+      -webkit-text-fill-color: eleVar('input', 'disabled-color');
+    }
+
     .ele-select-tags > .el-tag {
       color: elVar('disabled', 'text-color');
       background: hsla(0, 0%, 60%, 0.15);
     }
   }
 }
+
+/* 表单验证 */
+.el-form-item.is-error {
+  .ele-select > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'border');
+    background: eleVar('input-error', 'bg');
+    box-shadow: none;
+  }
+
+  .ele-select:hover > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'hover-border');
+    background: eleVar('input-error', 'hover-bg');
+    box-shadow: eleVar('input-error', 'hover-shadow');
+  }
+
+  .ele-select > .el-input > .el-input__wrapper.is-focus,
+  .ele-select.is-opened > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'focus-border');
+    background: eleVar('input-error', 'focus-bg');
+    box-shadow: eleVar('input-error', 'focus-shadow') !important;
+  }
+
+  .ele-select.is-disabled > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'disabled-border');
+    background: eleVar('input-error', 'disabled-bg');
+    box-shadow: none;
+  }
+}

package/es/ele-copyable/index.js

@@ -44,8 +44,10 @@ const _sfc_main = defineComponent({
         el.focus();
         el.select();
         if (document.execCommand("copy")) {
+          el.remove();
           resolve();
         } else {
+          el.remove();
           reject(new Error("浏览器不支持复制"));
         }
       });

package/es/ele-data-table/style/index.scss

@@ -1,8 +1,8 @@
 @use '../../style/themes/default.scss' as *;
 @use '../../style/util.scss' as *;
 @use './css-var.scss' as *;
-$ele-filter-path: 'M 349 838 c 0 17.7 14.2 32 31.8 32 h 262.4 c 17.6 0 31.8 -14.3 31.8 -32 V 642 H 349 v 196 Z M 880.1 154 H 143.9 c -24.5 0 -39.8 26.7 -27.5 48 l 221.3 376 h 348.8 l 221.3 -376 c 12.1 -21.3 -3.2 -48 -27.7 -48 Z' !default;
-$ele-expand-path: 'M605.08 512.14L338.35 245.27l51.76-51.68 318.41 318.58L390.09 830.41l-51.68-51.73z' !default;
+$ele-filter-path: 'M349 838c0 17 14 32 31 32h262c17 0 31-14 31-32V642H349v196ZM880 154H143c-24 0-39 26-27 48l221 376h348l221-376c12-21-3-48-27-48' !default;
+$ele-expand-path: 'M362 811 662 512 362 213' !default;
 
 @include set-data-table-var($ele);
 @include table-var-style('body .ele-data-table.el-table');
@@ -201,9 +201,9 @@ $ele-expand-path: 'M605.08 512.14L338.35 245.27l51.76-51.68 318.41 318.58L390.09
   /* 展开按钮 */
   .ele-table-tr > .el-table__cell > .cell {
     & > .el-table__expand-icon {
-      font-size: 16px;
+      font-size: 14px;
       align-items: center;
-      justify-content: flex-end;
+      justify-content: center;
       border-radius: eleVar('table', 'icon-radius');
       transition: (color $ele-transition, background-color $ele-transition);
       transform: none;
@@ -213,6 +213,10 @@ $ele-expand-path: 'M605.08 512.14L338.35 245.27l51.76-51.68 318.41 318.58L390.09
         font-size: inherit;
 
         &:not(.is-loading) > svg > path {
+          fill: none;
+          stroke: currentColor;
+          stroke-width: 100;
+          stroke-linecap: round;
           #{'d'}: path($ele-expand-path);
         }
       }
@@ -225,14 +229,14 @@ $ele-expand-path: 'M605.08 512.14L338.35 245.27l51.76-51.68 318.41 318.58L390.09
     & > .el-table__expand-icon,
     & > .el-table__indent,
     & > .el-table__placeholder {
-      height: 17px;
+      height: 16px;
       display: inline-flex;
       vertical-align: -3px;
     }
 
     & > .el-table__expand-icon,
     & > .el-table__placeholder {
-      width: 17px;
+      width: 16px;
       margin: eleVar('table', 'expand-margin');
     }
 

package/es/ele-icon-select/index.d.ts

@@ -38,7 +38,9 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    hideOnSingleTab: BooleanConstructor;
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    hideOnSingleTab: BooleanConstructor; /** 下拉框类名 */
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
@@ -121,7 +123,9 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    hideOnSingleTab: BooleanConstructor;
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    hideOnSingleTab: BooleanConstructor; /** 下拉框类名 */
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;

package/es/ele-icon-select/index.js

@@ -216,6 +216,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     popperWidth: _ctx.popperWidth,
     popperOptions: _ctx.popperOptions,
     popperClass: _ctx.selectPopperClass,
+    selectClass: "is-icon-select",
+    selectStyle: _ctx.selectStyle,
+    inputStyle: _ctx.inputStyle,
     selectedLabel: _ctx.modelValue,
     visible: _ctx.selectVisible,
     "onUpdate:visible": _ctx.updateVisible,
@@ -299,7 +302,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectedLabel", "visible", "onUpdate:visible", "onFilterChange", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "visible", "onUpdate:visible", "onFilterChange", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-icon-select/props.d.ts

@@ -58,6 +58,10 @@ export declare const iconSelectProps: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** 自定义样式 */
+    selectStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义样式 */
+    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 顶部选项卡只有一个时隐藏 */
     hideOnSingleTab: BooleanConstructor;
     /** 空组件属性 */

package/es/ele-icon-select/props.js

@@ -52,6 +52,10 @@ const iconSelectProps = {
     type: [Number, String],
     default: 260
   },
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义样式 */
+  inputStyle: Object,
   /** 顶部选项卡只有一个时隐藏 */
   hideOnSingleTab: Boolean,
   /** 空组件属性 */