ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.3

package/es/ele-qr-code/props.d.ts

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { Level, ImageSettings } from './types';
+import { StyleValue } from '../ele-app/types';
+import { Level, ImageSettings, QrCodeTag } from './types';
 
 /**
  * 属性
@@ -35,7 +36,9 @@ export declare const qrCodeProps: {
     /** 自定义图片 */
     imageSettings: PropType<ImageSettings>;
     /** 自定义样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
+    /** 渲染标签 */
+    tag: PropType<QrCodeTag>;
 };
 export type QrCodeProps = ExtractPropTypes<typeof qrCodeProps>;
 /**

package/es/ele-qr-code/props.js

@@ -29,7 +29,9 @@ const qrCodeProps = {
   /** 自定义图片 */
   imageSettings: Object,
   /** 自定义样式 */
-  customStyle: Object
+  customStyle: Object,
+  /** 渲染标签 */
+  tag: String
 };
 const qrCodeEmits = {
   /** 渲染完成事件 */

package/es/ele-qr-code/types.d.ts

@@ -21,6 +21,11 @@ export interface ImageSettings {
   excavate?: boolean;
 }
 
+/**
+ * 渲染标签
+ */
+export type QrCodeTag = 'img' | 'canvas' | 'svg';
+
 /**
  * 二维码数据
  */

package/es/ele-qr-code-svg/index.d.ts

@@ -19,9 +19,10 @@ declare const _default: import('vue').DefineComponent<{
     margin: {
         type: NumberConstructor;
         default: number;
-    }; /** 前景路径 */
+    };
     imageSettings: import('vue').PropType<import('../ele-qr-code/types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../ele-qr-code/types').QrCodeTag>;
 }, {
     viewBox: import('vue').Ref<string>;
     path: import('vue').Ref<string>;
@@ -30,7 +31,6 @@ declare const _default: import('vue').DefineComponent<{
     imageWidth: import('vue').Ref<number>;
     imageX: import('vue').Ref<number>;
     imageY: import('vue').Ref<number>;
-    imageSrc: import('vue').ComputedRef<string | undefined>;
     render: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     done: () => boolean;
@@ -55,9 +55,10 @@ declare const _default: import('vue').DefineComponent<{
     margin: {
         type: NumberConstructor;
         default: number;
-    }; /** 前景路径 */
+    };
     imageSettings: import('vue').PropType<import('../ele-qr-code/types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../ele-qr-code/types').QrCodeTag>;
 }>> & {
     onDone?: (() => any) | undefined;
 }, {

package/es/ele-qr-code-svg/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createElementVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode } from "vue";
 import qrcodegen from "../ele-qr-code/qrcodegen";
 import { ERROR_LEVEL_MAP, getImageSettings, excavateModules, generatePath } from "../ele-qr-code/util";
 import { qrCodeProps, qrCodeEmits } from "../ele-qr-code/props";
@@ -14,12 +14,6 @@ const _sfc_main = defineComponent({
     const imageWidth = ref(0);
     const imageX = ref(0);
     const imageY = ref(0);
-    const imageSrc = computed(
-      () => {
-        var _a;
-        return (_a = props.imageSettings) == null ? void 0 : _a.src;
-      }
-    );
     const render = () => {
       const { value, size, level, margin, imageSettings } = props;
       if (!value) {
@@ -78,7 +72,6 @@ const _sfc_main = defineComponent({
       imageWidth,
       imageX,
       imageY,
-      imageSrc,
       render
     };
   }
@@ -90,19 +83,23 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-qr-code" };
+const _hoisted_1 = {
+  class: "ele-qr-code",
+  style: { display: "inline-flex" }
+};
 const _hoisted_2 = ["height", "width", "viewBox"];
 const _hoisted_3 = ["fill", "d"];
 const _hoisted_4 = ["fill", "d"];
 const _hoisted_5 = ["xlink:href", "height", "width", "x", "y"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
     _ctx.viewBox ? (openBlock(), createElementBlock("svg", {
       key: 0,
       shapeRendering: "crispEdges",
       height: _ctx.size,
       width: _ctx.size,
-      viewBox: _ctx.viewBox
+      viewBox: _ctx.viewBox,
+      style: normalizeStyle(_ctx.customStyle)
     }, [
       createElementVNode("path", {
         fill: _ctx.bgColor,
@@ -112,16 +109,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         fill: _ctx.fgColor,
         d: _ctx.fgPath
       }, null, 8, _hoisted_4),
-      _ctx.imageSrc ? (openBlock(), createElementBlock("image", {
+      _ctx.imageSettings && _ctx.imageSettings.src ? (openBlock(), createElementBlock("image", {
         key: 0,
-        "xlink:href": _ctx.imageSrc,
+        "xlink:href": _ctx.imageSettings.src,
         height: _ctx.imageHeight,
         width: _ctx.imageWidth,
         x: _ctx.imageX,
         y: _ctx.imageY,
         preserveAspectRatio: "none"
       }, null, 8, _hoisted_5)) : createCommentVNode("", true)
-    ], 8, _hoisted_2)) : createCommentVNode("", true)
+    ], 12, _hoisted_2)) : createCommentVNode("", true)
   ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/es/ele-segmented/index.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
 import { ElIcon, ElTabs, ElTabPane } from "element-plus";
+import { useFormValidate } from "../ele-basic-select/util";
 import { segmentedProps, segmentedEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleSegmented",
@@ -7,10 +8,12 @@ const _sfc_main = defineComponent({
   props: segmentedProps,
   emits: segmentedEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const tabRef = ref(null);
     const handleUpdateModelValue = (value) => {
       if (props.modelValue !== value) {
         emit("update:modelValue", value);
+        validateChange();
         emit("change", value);
       }
     };

package/es/ele-split-panel/index.d.ts

@@ -5,10 +5,10 @@ declare const _default: import('vue').DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -36,10 +36,10 @@ declare const _default: import('vue').DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<{
     collapse: boolean;
     resizable: boolean;
     responsive: boolean;
-    allowCollapse: boolean;
     flexTable: boolean;
+    allowCollapse: boolean;
 }, {}>;
 export default _default;

package/es/ele-split-panel/props.d.ts

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 
 /**
  * 属性
@@ -13,13 +14,13 @@ export declare const splitPanelProps: {
     /** 间距 */
     space: StringConstructor;
     /** 自定义样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
     /** 自定义内容样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 是否可折叠 */
     allowCollapse: BooleanConstructor;
     /** 折叠按钮样式 */
-    collapseStyle: PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: PropType<StyleValue>;
     /** 是否折叠 */
     collapse: BooleanConstructor;
     /** 是否垂直方向 */

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

@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;

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

@@ -16,13 +16,13 @@ export declare const stepsProps: {
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
     alignCenter: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     simple: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
-    size: import('vue').PropType<"" | "default" | "small" | "large" | undefined>;
+    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
-    size: import('vue').PropType<"" | "default" | "small" | "large" | undefined>;
+    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { TableSize } from '../ele-pro-table/types';
 
 /**
  * 属性
@@ -9,7 +10,7 @@ export declare const tableProps: {
     /** 是否带有纵向边框 */
     border: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<"" | "default" | "small" | "large" | undefined>;
+    size: PropType<TableSize>;
     /** 是否有表头 */
     hasHeader: {
         type: BooleanConstructor;

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

@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     valueKey: {
@@ -27,34 +27,35 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor; /** 选中的标签 */
+    maxTagTextLength: NumberConstructor;
     tagType: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     teleported: {
         type: BooleanConstructor;
-        default: boolean; /** 表格单选选中值 */
-    }; /** 表格单选选中值 */
+        default: boolean;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
     };
     placement: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
     transition: {
         type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -66,8 +67,8 @@ declare const _default: import('vue').DefineComponent<{
     selectedItems: import('vue').Ref<{
         label: string;
         value: SingleValue;
-        hide?: boolean | undefined;
-        index?: number | undefined;
+        hide?: boolean;
+        index?: number;
     }[]>;
     selectedLabel: import('vue').ComputedRef<string>;
     currentRowKey: import('vue').ComputedRef<DataKey | undefined>;
@@ -107,7 +108,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     valueKey: {
@@ -125,34 +126,35 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor; /** 选中的标签 */
+    maxTagTextLength: NumberConstructor;
     tagType: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     teleported: {
         type: BooleanConstructor;
-        default: boolean; /** 表格单选选中值 */
-    }; /** 表格单选选中值 */
+        default: boolean;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
     };
     placement: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
     transition: {
         type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, mergeProps, renderList, normalizeProps, guardReactiveProps } from "vue";
 import { useResponsive } from "../ele-pro-layout/util";
 import EleBasicSelect from "../ele-basic-select/index";
-import { isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
+import { useFormValidate, isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
 import EleProTable from "../ele-pro-table/index";
 import { isDisableRow } from "../ele-data-table/util";
 import { tableSelectProps, tableSelectEmits } from "./props";
@@ -11,6 +11,7 @@ const _sfc_main = defineComponent({
   props: tableSelectProps,
   emits: tableSelectEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const isResponsive = useResponsive(props);
     const selectRef = ref(null);
     const tableRef = ref(null);
@@ -180,6 +181,7 @@ const _sfc_main = defineComponent({
     const updateModelValue = (modelValue) => {
       if (valueIsChanged(modelValue, props.modelValue, props.multiple)) {
         emit("update:modelValue", modelValue);
+        validateChange();
         emit("change", modelValue);
       }
     };
@@ -362,6 +364,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     popperClass: _ctx.selectPopperClass,
     selectStyle: _ctx.selectStyle,
     inputStyle: _ctx.inputStyle,
+    selectTagsStyle: _ctx.selectTagsStyle,
     selectedLabel: _ctx.selectedLabel,
     selected: _ctx.selectedItems,
     visible: _ctx.selectVisible,
@@ -413,7 +416,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", "selectStyle", "inputStyle", "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", "selectTagsStyle", "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

@@ -1,5 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { EleProTableProps } from '../ele-app/plus';
+import { StyleValue } from '../ele-app/types';
+import { ElInputProps, ElTagProps } from '../ele-app/el';
+import { EleTooltipProps, EleProTableProps } from '../ele-app/plus';
 import { DataItem } from '../ele-data-table/types';
 import { SelectValue, SingleValue } from '../ele-basic-select/types';
 
@@ -17,7 +19,7 @@ export declare const tableSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<ElInputProps["size"]>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
@@ -47,7 +49,7 @@ export declare const tableSelectProps: {
     maxTagTextLength: NumberConstructor;
     /** 多选标签类型 */
     tagType: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+        type: PropType<ElTagProps["type"]>;
         default: string;
     };
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
@@ -66,7 +68,7 @@ export declare const tableSelectProps: {
     };
     /** 下拉框位置 */
     placement: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     /** 下拉框渐变动画 */
@@ -75,15 +77,17 @@ export declare const tableSelectProps: {
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
     popperWidth: (StringConstructor | NumberConstructor)[];
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: PropType<StyleValue>;
     /** 自定义输入框样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

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

@@ -78,6 +78,8 @@ const tableSelectProps = {
   selectStyle: Object,
   /** 自定义输入框样式 */
   inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object,
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,