ele-admin-plus 1.1.7-beta.2 → 1.1.7-beta.4

package/es/ele-split-panel/style/index.scss

@@ -69,23 +69,24 @@
   & > .ele-split-collapse-button {
     width: 24px;
     height: 24px;
-    line-height: 24px;
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     position: absolute;
-    left: var(--ele-split-size);
     top: 50%;
+    left: var(--ele-split-size);
+    border-radius: 50%;
+    border: 1px solid elVar('border-color', 'extra-light');
+    box-sizing: border-box;
     margin: -12px 0 0 -12px;
     background: elVar('bg-color', 'overlay');
     box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.04);
-    border: 1px solid elVar('border-color', 'extra-light');
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    border-radius: 50%;
     cursor: pointer;
     z-index: 5;
 
     .ele-split-collapse-icon {
       font-size: 18px;
-      vertical-align: -4px;
       color: elVar('text-color', 'secondary');
       transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       transform: scaleX(1);

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

@@ -26,8 +26,8 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../ele-app/plus").EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor; /** 下拉框是否显示 */
+    maxTagCount: NumberConstructor; /** 下拉框是否显示 */
+    maxTagTextLength: NumberConstructor;
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     persistent: {
         type: BooleanConstructor;
-        default: boolean; /** 表格单选选中值 */
+        default: boolean;
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
@@ -53,6 +53,8 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -120,8 +122,8 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../ele-app/plus").EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor; /** 下拉框是否显示 */
+    maxTagCount: NumberConstructor; /** 下拉框是否显示 */
+    maxTagTextLength: NumberConstructor;
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -134,7 +136,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     persistent: {
         type: BooleanConstructor;
-        default: boolean; /** 表格单选选中值 */
+        default: boolean;
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
@@ -147,6 +149,8 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;

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

@@ -356,6 +356,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     popperWidth: _ctx.popperWidth,
     popperOptions: _ctx.popperOptions,
     popperClass: _ctx.selectPopperClass,
+    selectStyle: _ctx.selectStyle,
+    inputStyle: _ctx.inputStyle,
     selectedLabel: _ctx.selectedLabel,
     selected: _ctx.selectedItems,
     visible: _ctx.selectVisible,
@@ -404,7 +406,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -79,6 +79,10 @@ export declare const tableSelectProps: {
     popperClass: StringConstructor;
     /** 下拉框宽度 */
     popperWidth: (StringConstructor | NumberConstructor)[];
+    /** 自定义样式 */
+    selectStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

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

@@ -74,6 +74,10 @@ const tableSelectProps = {
   popperClass: String,
   /** 下拉框宽度 */
   popperWidth: [Number, String],
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object,
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     showCheckedStrategy: import("vue").PropType<import("./types").ShowCheckedStrategy>;
     maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
+    maxTagTextLength: NumberConstructor; /** 树组件 */
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
-        default: string; /** 下拉框类名 */
+        default: string;
     };
     transition: {
         type: StringConstructor;
@@ -44,7 +44,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[]; /** 树配置选项 */
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     selectRef: import("vue").Ref<EleBasicSelectInstance>;
     treeRef: import("vue").Ref<ElTreeV2Instance>;
@@ -72,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     onTreeCollapse: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: SelectValue) => boolean;
-    change: (_value: SelectValue) => boolean;
+    change: (_value: SelectValue) => boolean; /** 获取值对应的数据 */
     visibleChange: (_visible: boolean) => boolean;
     removeTag: (_value: SingleValue) => boolean;
     clear: () => boolean;
@@ -95,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     showCheckedStrategy: import("vue").PropType<import("./types").ShowCheckedStrategy>;
     maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
+    maxTagTextLength: NumberConstructor; /** 树组件 */
     tagType: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
         default: string;
@@ -112,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
-        default: string; /** 下拉框类名 */
+        default: string;
     };
     transition: {
         type: StringConstructor;
@@ -120,7 +122,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[]; /** 树配置选项 */
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    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-tree-select/index.js

@@ -353,6 +353,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     popperWidth: _ctx.popperWidth,
     popperOptions: _ctx.popperOptions,
     popperClass: _ctx.selectPopperClass,
+    selectStyle: _ctx.selectStyle,
+    inputStyle: _ctx.inputStyle,
     selectedLabel: _ctx.selectedLabel,
     selected: _ctx.selectedItems.filter((d) => !d.hide),
     visible: _ctx.selectVisible,
@@ -404,7 +406,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

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

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

@@ -63,7 +63,11 @@ const treeSelectProps = {
   /** 下拉框类名 */
   popperClass: String,
   /** 下拉框宽度 */
-  popperWidth: [Number, String]
+  popperWidth: [Number, String],
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object
 };
 const treeSelectEmits = {
   /** 更新选中值 */

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

@@ -275,15 +275,19 @@
 
   /* 展开图标 */
   .ele-table-expand {
-    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);
     cursor: pointer;
 
     & > .el-icon {
       transition: all $ele-transition;
+
+      & > svg > path {
+        stroke-width: 4.6;
+      }
     }
 
     &.is-collapse > .el-icon:not(.is-loading) {
@@ -298,8 +302,8 @@
   .ele-table-expand,
   .ele-table-indent,
   .ele-table-placeholder {
-    width: 17px;
-    height: 17px;
+    width: 16px;
+    height: 16px;
     display: inline-flex;
     vertical-align: -3px;
   }

package/es/icons/ArrowDown.js

@@ -10,14 +10,16 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1 = {
-  viewBox: "0 0 16 16",
+  viewBox: "0 0 48 48",
   fill: "none",
   class: "ele-arrow-down"
 };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
-  d: "M3.75 5.7998L7.99274 10.0425L12.2361 5.79921",
+  d: "M10 17 24 31 38 17",
   stroke: "currentColor",
-  "stroke-width": "1.3"
+  "stroke-width": "5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2

package/es/icons/ArrowRight.js

@@ -14,9 +14,11 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
-  d: "M19 12L31 24L19 36",
+  d: "M17 38 31 24 17 10",
   stroke: "currentColor",
-  "stroke-width": "4"
+  "stroke-width": "5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2

package/es/icons/CloseOutlined.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/icons/CloseOutlined.js

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+const _sfc_main = defineComponent({
+  name: "CloseOutlined"
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  viewBox: "0 0 48 48",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M14 14L34 34",
+  stroke: "currentColor",
+  "stroke-width": "4.8",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M14 34L34 14",
+  stroke: "currentColor",
+  "stroke-width": "4.8",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const CloseOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CloseOutlined as default
+};

package/es/icons/index.d.ts

@@ -2,6 +2,7 @@ export { default as ArrowDown } from "./ArrowDown";
 export { default as ArrowLeft } from "./ArrowLeft";
 export { default as ArrowRight } from "./ArrowRight";
 export { default as ArrowUp } from "./ArrowUp";
+export { default as CloseOutlined } from "./CloseOutlined";
 export { default as ColumnHeightOutlined } from "./ColumnHeightOutlined";
 export { default as CompressOutlined } from "./CompressOutlined";
 export { default as EllipsisOutlined } from "./EllipsisOutlined";

package/es/icons/index.js

@@ -2,33 +2,35 @@ import { default as default2 } from "./ArrowDown";
 import { default as default3 } from "./ArrowLeft";
 import { default as default4 } from "./ArrowRight";
 import { default as default5 } from "./ArrowUp";
-import { default as default6 } from "./ColumnHeightOutlined";
-import { default as default7 } from "./CompressOutlined";
-import { default as default8 } from "./EllipsisOutlined";
-import { default as default9 } from "./ExpandOutlined";
-import { default as default10 } from "./FilterFilled";
-import { default as default11 } from "./FullscreenOutlined";
-import { default as default12 } from "./FullscreenExitOutlined";
-import { default as default13 } from "./HolderOutlined";
-import { default as default14 } from "./HomeOutlined";
-import { default as default15 } from "./LoadingOutlined";
-import { default as default16 } from "./VerticalLeftOutlined";
-import { default as default17 } from "./VerticalRightOutlined";
+import { default as default6 } from "./CloseOutlined";
+import { default as default7 } from "./ColumnHeightOutlined";
+import { default as default8 } from "./CompressOutlined";
+import { default as default9 } from "./EllipsisOutlined";
+import { default as default10 } from "./ExpandOutlined";
+import { default as default11 } from "./FilterFilled";
+import { default as default12 } from "./FullscreenOutlined";
+import { default as default13 } from "./FullscreenExitOutlined";
+import { default as default14 } from "./HolderOutlined";
+import { default as default15 } from "./HomeOutlined";
+import { default as default16 } from "./LoadingOutlined";
+import { default as default17 } from "./VerticalLeftOutlined";
+import { default as default18 } from "./VerticalRightOutlined";
 export {
   default2 as ArrowDown,
   default3 as ArrowLeft,
   default4 as ArrowRight,
   default5 as ArrowUp,
-  default6 as ColumnHeightOutlined,
-  default7 as CompressOutlined,
-  default8 as EllipsisOutlined,
-  default9 as ExpandOutlined,
-  default10 as FilterFilled,
-  default12 as FullscreenExitOutlined,
-  default11 as FullscreenOutlined,
-  default13 as HolderOutlined,
-  default14 as HomeOutlined,
-  default15 as LoadingOutlined,
-  default16 as VerticalLeftOutlined,
-  default17 as VerticalRightOutlined
+  default6 as CloseOutlined,
+  default7 as ColumnHeightOutlined,
+  default8 as CompressOutlined,
+  default9 as EllipsisOutlined,
+  default10 as ExpandOutlined,
+  default11 as FilterFilled,
+  default13 as FullscreenExitOutlined,
+  default12 as FullscreenOutlined,
+  default14 as HolderOutlined,
+  default15 as HomeOutlined,
+  default16 as LoadingOutlined,
+  default17 as VerticalLeftOutlined,
+  default18 as VerticalRightOutlined
 };

package/es/style/themes/default.scss

@@ -323,7 +323,7 @@ $ele: map.deep-merge(
       'badge-margin': 0 -2px 0 6px,
       'icon-font-size': 16px,
       'icon-margin': 0 8px 0 0,
-      'arrow-size': 17px,
+      'arrow-size': 14px,
       'arrow-margin': 0 -4px 0 6px,
       'bg': elVar('bg-color'),
       'border-color': elVar('border-color', 'light'),
@@ -1179,6 +1179,79 @@ $ele: map.deep-merge(
       'header-border': 1px solid elVar('border-color', 'light'),
       'header-size': 14px,
       'range-space': 6px
+    ),
+    'input': (
+      // 输入框
+      'padding': 0 10px,
+      'bg': transparent,
+      'border': 1px solid elVar('border-color'),
+      'radius': elVar('border-radius', 'base'),
+      'hover-bg': transparent,
+      'hover-border': 1px solid elVar('color-primary'),
+      'hover-shadow': none,
+      'focus-bg': transparent,
+      'focus-border': 1px solid elVar('color-primary'),
+      'focus-shadow': 0 0 0 2px elVar('color-primary', 'light-8'),
+      'disabled-color': elVar('disabled', 'text-color'),
+      'disabled-bg': elVar('disabled', 'bg-color'),
+      'disabled-border': 1px solid elVar('disabled', 'border-color'),
+      'icon-size': 14px,
+      'icon-space': 6px,
+      'icon-color': elVar('text-color', 'placeholder'),
+      'icon-hover-color': elVar('text-color', 'secondary'),
+      'eye-margin': 0 -2px 0 6px,
+      'clear-size': 12px,
+      'clear-margin': 0 -2px 0 6px,
+      'clear-color': elVar('text-color', 'disabled'),
+      'clear-hover-color': elVar('text-color', 'secondary'),
+      'status-size': 13px,
+      'status-margin': 0 -2px 0 6px,
+      'status-color': elVar('color-success'),
+      'count-size': elVar('font-size', 'small'),
+      'count-color': elVar('text-color', 'secondary'),
+      'extra-color': elVar('text-color', 'regular'),
+      'extra-bg': elVar('fill-color', 'light'),
+      'extra-padding': 0 10px,
+      'extra-line-height': normal,
+      'extra-preset-margin': -1px -11px
+    ),
+    'input-error': (
+      // 输入框验证失败
+      'bg': transparent,
+      'border': 1px solid elVar('color-error'),
+      'hover-bg': transparent,
+      'hover-border': 1px solid elVar('color-error'),
+      'hover-shadow': none,
+      'focus-bg': transparent,
+      'focus-border': 1px solid elVar('color-error'),
+      'focus-shadow': 0 0 0 2px elVar('color-error', 'light-8'),
+      'disabled-bg': elVar('disabled', 'bg-color'),
+      'disabled-border': 1px solid elVar('disabled', 'border-color'),
+      'status-color': elVar('color-error')
+    ),
+    'input-sm': (
+      // 输入框小尺寸
+      'padding': 0 8px
+    ),
+    'input-lg': (
+      // 输入框大尺寸
+      'padding': 0 12px
+    ),
+    'textarea': (
+      // 文本域
+      'padding': 4px 10px,
+      'count-bg': elVar('bg-color'),
+      'count-padding': 0,
+      'count-right': 12px,
+      'count-bottom': 6px
+    ),
+    'textarea-sm': (
+      // 文本域小尺寸
+      'padding': 2px 8px
+    ),
+    'textarea-lg': (
+      // 文本域大尺寸
+      'padding': 8px 12px
     )
   ),
   $ele

package/es/style/themes/theme-util.scss

@@ -1,5 +1,6 @@
 @use '../../ele-alert/style/css-var.scss' as *;
 @use '../../ele-app/style/css-var.scss' as *;
+@use '../../ele-basic-select/style/css-var.scss' as *;
 @use '../../ele-bottom-bar/style/css-var.scss' as *;
 @use '../../ele-card/style/css-var.scss' as *;
 @use '../../ele-check-card/style/css-var.scss' as *;
@@ -35,6 +36,7 @@
   #{$selector} {
     @include set-alert-var($var);
     @include set-app-var($var);
+    @include set-basic-select-var($var);
     @include set-bottom-bar-var($var);
     @include set-card-var($var);
     @include set-check-card-var($var);

package/lib/ele-app/style/common/index.scss

@@ -29,13 +29,13 @@
       flex: 0;
     }
 
-    .el-range__icon {
-      padding-right: 5px;
+    & > .el-input__icon {
+      flex-shrink: 0;
     }
   }
 
   /* 数字输入框 */
-  &.el-input-number .el-input__inner {
+  &.el-input-number.is-controls-right .el-input__inner {
     text-align: left;
   }
 }

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

@@ -95,6 +95,23 @@
   }
 }
 
+.el-cascader > .el-input .el-input__inner {
+  margin: -2px 0;
+  min-height: calc(#{elVar('input', 'height')} + 2px);
+}
+
+/* 多选标签 */
+.el-cascader__tags .el-tag__content,
+.el-cascader__collapse-tag .el-tag__content {
+  display: inline-flex;
+  align-items: center;
+  line-height: 14px;
+}
+
+.el-cascader .el-cascader__tags {
+  padding: 0 0 0 4px;
+}
+
 .el-cascader .el-cascader__tags .el-tag,
 .el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag {
   flex-shrink: 0;
@@ -103,13 +120,46 @@
   border: none;
 }
 
-.el-cascader .el-cascader__tags {
-  top: 2px;
-  transform: none;
-  padding: 0 0 0 4px;
+.el-cascader__tags .el-cascader__search-input {
+  margin: 2px 0 2px 5.8px;
 }
 
-.el-cascader > .el-input .el-input__inner {
-  margin: -2px 0;
-  min-height: calc(#{elVar('input', 'height')} + 2px);
+/* 小尺寸 */
+.el-cascader--small .el-cascader__tags .el-cascader__search-input {
+  height: 18px;
+  margin-top: 1px;
+  margin-bottom: 1px;
+  margin-left: 3.8px;
+}
+
+.el-cascader--small .el-cascader__tags .el-tag,
+.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag--small {
+  margin: 1px 4px 1px 0;
+  height: calc(elVar('component-size', 'small') - 4px - 2px);
+}
+
+/* 大尺寸 */
+.el-cascader--large .el-cascader__tags {
+  padding: 1px 0 1px 6px;
+}
+
+.el-cascader--large .el-cascader__tags .el-tag {
+  height: calc(elVar('component-size', 'large') - 8px - 4px);
+}
+
+.el-cascader--large .el-cascader__tags .el-cascader__search-input {
+  margin-left: 7.8px;
+}
+
+/* 多选搜索框 */
+.el-cascader__tags .el-tag + .el-cascader__search-input {
+  margin-left: 2px;
+}
+
+/* 标签溢出气泡 */
+.el-popper > .el-cascader__collapse-tags {
+  margin: -5px -11px;
+  padding: 8px 10px;
+  background: inherit;
+  border-radius: inherit;
 }

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

@@ -5,6 +5,7 @@
 @use './date-picker/css-var.scss' as *;
 @use './descriptions/css-var.scss' as *;
 @use './image-viewer/css-var.scss' as *;
+@use './input/css-var.scss' as *;
 @use './message-box/css-var.scss' as *;
 @use './notification/css-var.scss' as *;
 @use './popper/css-var.scss' as *;
@@ -23,6 +24,7 @@
   @include set-el-date-picker-var($var);
   @include set-el-descriptions-var($var);
   @include set-el-image-viewer-var($var);
+  @include set-el-input-var($var);
   @include set-el-message-box-var($var);
   @include set-el-notification-var($var);
   @include set-el-popper-var($var);

package/lib/ele-app/style/overwrite/index.cjs

@@ -7,6 +7,7 @@ require("./color-picker/index");
 require("./date-picker/index");
 require("./descriptions/index");
 require("./image-viewer/index");
+require("./input/index");
 require("./message-box/index");
 require("./notification/index");
 require("./popper/index");