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

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

@@ -308,6 +308,7 @@ body .el-textarea.is-disabled .el-textarea__inner,
   padding-bottom: 0;
   padding-left: eleVar('input-sm', 'padding-left');
   padding-right: eleVar('input-sm', 'padding-right');
+  gap: 0;
 }
 
 /* 大尺寸 */
@@ -318,6 +319,7 @@ body .el-textarea.is-disabled .el-textarea__inner,
   padding-bottom: 0;
   padding-left: eleVar('input-lg', 'padding-left');
   padding-right: eleVar('input-lg', 'padding-right');
+  gap: 0;
 }
 
 /* Textarea */

package/lib/ele-avatar-group/index.cjs

@@ -43,19 +43,19 @@ const _sfc_main = vue.defineComponent({
       }
       return props2.data.slice(props2.maxCount);
     });
-    const onItemHover = (item, e) => {
+    const handleItemHover = (item, e) => {
       if (props2.tooltip && item.label) {
         virtualRef.value = e.currentTarget;
         tooltipContent.value = item.label;
       }
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       emit("itemClick", item);
     };
-    const onMoreClick = () => {
+    const handleMoreClick = () => {
       emit("moreClick");
     };
-    const onError = (option) => {
+    const handleError = (option) => {
       emit("error", option);
     };
     return {
@@ -67,10 +67,10 @@ const _sfc_main = vue.defineComponent({
       avatarData,
       overflowCount,
       overflowData,
-      onItemHover,
-      onItemClick,
-      onMoreClick,
-      onError
+      handleItemHover,
+      handleItemClick,
+      handleMoreClick,
+      handleError
     };
   }
 });
@@ -99,9 +99,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         shape: _ctx.shape,
         src: item.value,
         style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
-        onClick: ($event) => _ctx.onItemClick(item),
-        onError: (e) => _ctx.onError({ item, e }),
-        onMouseover: (e) => _ctx.onItemHover(item, e)
+        onClick: ($event) => _ctx.handleItemClick(item),
+        onError: (e) => _ctx.handleError({ item, e }),
+        onMouseover: (e) => _ctx.handleItemHover(item, e)
       }, {
         default: vue.withCtx(() => [
           _ctx.$slots.item ? vue.renderSlot(_ctx.$slots, "item", {
@@ -135,9 +135,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 shape: _ctx.shape,
                 src: item.value,
                 style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
-                onClick: ($event) => _ctx.onItemClick(item),
-                onError: (e) => _ctx.onError({ item, e }),
-                onMouseover: (e) => _ctx.onItemHover(item, e)
+                onClick: ($event) => _ctx.handleItemClick(item),
+                onError: (e) => _ctx.handleError({ item, e }),
+                onMouseover: (e) => _ctx.handleItemHover(item, e)
               }, {
                 default: vue.withCtx(() => [
                   _ctx.$slots.item ? vue.renderSlot(_ctx.$slots, "item", {
@@ -157,7 +157,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           shape: _ctx.shape,
           style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.moreStyle]),
           class: "ele-avatar-more",
-          onClick: _ctx.onMoreClick
+          onClick: _ctx.handleMoreClick
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", _hoisted_1, [

package/lib/ele-avatar-group/index.d.ts

@@ -1,3 +1,4 @@
+import { StyleValue } from '../ele-app/types';
 import { AvatarItem, AvatarErrorOption } from './types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -6,21 +7,21 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     maxCount: NumberConstructor;
-    shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    shape: import('vue').PropType<import('../ele-app/el').ElAvatarProps["shape"]>;
+    size: import('vue').PropType<import('../ele-app/el').ElAvatarProps["size"]>;
+    itemStyle: import('vue').PropType<StyleValue>;
+    avatarStyle: import('vue').PropType<StyleValue>;
+    moreStyle: import('vue').PropType<StyleValue>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    overflowPopoverProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     hoverOpen: BooleanConstructor;
 }, {
     tooltipContent: import('vue').Ref<string>;
@@ -31,10 +32,10 @@ declare const _default: import('vue').DefineComponent<{
     avatarData: import('vue').ComputedRef<AvatarItem[]>;
     overflowCount: import('vue').ComputedRef<number>;
     overflowData: import('vue').ComputedRef<AvatarItem[]>;
-    onItemHover: (item: AvatarItem, e: MouseEvent) => void;
-    onItemClick: (item: AvatarItem) => void;
-    onMoreClick: () => void;
-    onError: (option: AvatarErrorOption) => void;
+    handleItemHover: (item: AvatarItem, e: MouseEvent) => void;
+    handleItemClick: (item: AvatarItem) => void;
+    handleMoreClick: () => void;
+    handleError: (option: AvatarErrorOption) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_item: AvatarItem) => boolean;
     moreClick: () => boolean;
@@ -45,21 +46,21 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     maxCount: NumberConstructor;
-    shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    shape: import('vue').PropType<import('../ele-app/el').ElAvatarProps["shape"]>;
+    size: import('vue').PropType<import('../ele-app/el').ElAvatarProps["size"]>;
+    itemStyle: import('vue').PropType<StyleValue>;
+    avatarStyle: import('vue').PropType<StyleValue>;
+    moreStyle: import('vue').PropType<StyleValue>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    overflowPopoverProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     hoverOpen: BooleanConstructor;
 }>> & {
     onError?: ((_option: AvatarErrorOption) => any) | undefined;

package/lib/ele-avatar-group/props.d.ts

@@ -1,4 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElAvatarProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { AvatarItem, AvatarErrorOption } from './types';
 
 /**
@@ -13,29 +16,29 @@ export declare const avatarGroupProps: {
     /** 最大显示个数 */
     maxCount: NumberConstructor;
     /** 形状 */
-    shape: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
+    shape: PropType<ElAvatarProps["shape"]>;
     /** 大小 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: PropType<ElAvatarProps["size"]>;
     /** 自定义样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 自定义头像样式 */
-    avatarStyle: PropType<Partial<import('vue').CSSProperties>>;
+    avatarStyle: PropType<StyleValue>;
     /** 自定义溢出样式 */
-    moreStyle: PropType<Partial<import('vue').CSSProperties>>;
+    moreStyle: PropType<StyleValue>;
     /** 是否显示提示 */
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 是否显示溢出气泡 */
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
     /** 溢出气泡属性 */
-    overflowPopoverProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    overflowPopoverProps: PropType<EleTooltipProps>;
     /** 是否鼠标移入展开 */
     hoverOpen: BooleanConstructor;
 };

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

@@ -92,24 +92,29 @@ const _sfc_main = vue.defineComponent({
         emit("update:visible", visible);
       }
     };
-    const onTagClose = (item) => {
+    const handleTagClose = (item) => {
       if (!props2.disabled) {
         emit("removeTag", item);
       }
     };
-    const onClear = () => {
+    const handleClear = () => {
       emit("clear");
     };
-    const onInputFocus = (e) => {
+    const handleInputClick = (e) => {
+      if (props2.automaticDropdown && props2.visible) {
+        e.stopPropagation();
+      }
+    };
+    const handleInputFocus = (e) => {
       if (props2.automaticDropdown && !props2.visible) {
         updateVisible(true);
       }
       emit("focus", e);
     };
-    const onInputBlur = (e) => {
+    const handleInputBlur = (e) => {
       emit("blur", e);
     };
-    const onInputEsc = (e) => {
+    const handleInputEsc = (e) => {
       if (!props2.disabled && props2.visible) {
         e.stopPropagation();
         e.preventDefault();
@@ -157,11 +162,12 @@ const _sfc_main = vue.defineComponent({
       updateSearchValue,
       updateInputValue,
       updateVisible,
-      onTagClose,
-      onClear,
-      onInputFocus,
-      onInputBlur,
-      onInputEsc
+      handleTagClose,
+      handleClear,
+      handleInputClick,
+      handleInputFocus,
+      handleInputBlur,
+      handleInputEsc
     };
   }
 });
@@ -172,10 +178,6 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-select-tags"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
@@ -239,15 +241,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
           style: vue.normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": _ctx.updateInputValue,
-          onFocus: _ctx.onInputFocus,
-          onBlur: _ctx.onInputBlur,
-          onKeydown: vue.withKeys(_ctx.onInputEsc, ["esc"])
+          onClick: _ctx.handleInputClick,
+          onFocus: _ctx.handleInputFocus,
+          onBlur: _ctx.handleInputBlur,
+          onKeydown: vue.withKeys(_ctx.handleInputEsc, ["esc"])
         }, vue.createSlots({
           suffix: vue.withCtx(() => [
             _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
               key: 0,
               class: "ele-select-clear el-input__icon",
-              onClick: vue.withModifiers(_ctx.onClear, ["stop"])
+              onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
             }, {
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "clearIcon", {}, () => [
@@ -274,8 +277,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]),
-        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onClick", "onFocus", "onBlur", "onKeydown"]),
+        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "ele-select-tags",
+          style: vue.normalizeStyle(_ctx.selectTagsStyle)
+        }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.currentTags, (item, index2) => {
             return vue.openBlock(), vue.createBlock(_component_ElTag, {
               key: index2 + "-" + item.value,
@@ -284,7 +291,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               closable: !_ctx.disabled,
               disableTransitions: true,
               title: item.label,
-              onClose: ($event) => _ctx.onTagClose(item)
+              onClose: ($event) => _ctx.handleTagClose(item)
             }, {
               default: vue.withCtx(() => [
                 item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -326,12 +333,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 modelValue: _ctx.searchValue,
                 placeholder: _ctx.inputPlaceholder,
                 "onUpdate:modelValue": _ctx.updateSearchValue,
-                onKeydown: vue.withKeys(_ctx.onInputEsc, ["esc"])
+                onKeydown: vue.withKeys(_ctx.handleInputEsc, ["esc"])
               }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"])
             ]),
             _: 1
           }, 8, ["size"])) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true)
+        ], 4)) : vue.createCommentVNode("", true)
       ], 6)
     ]),
     _: 3

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

@@ -9,30 +9,31 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     selectedLabel: StringConstructor;
     selected: import('vue').PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>; /** 输入框组件 */
+    tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
     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('../ele-app/plus').EleTooltipProps["placement"]>;
     transition: {
-        type: StringConstructor; /** 是否未选中 */
+        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)[];
     selectClass: StringConstructor;
-    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>;
 }, {
     tooltipRef: import('vue').Ref<EleTooltipInstance>;
     inputRef: import('vue').Ref<ElInputInstance>;
@@ -50,11 +51,12 @@ declare const _default: import('vue').DefineComponent<{
     updateSearchValue: (modelValue: string) => void;
     updateInputValue: (modelValue: string) => void;
     updateVisible: (visible: boolean) => void;
-    onTagClose: (item: SelectedItem) => void;
-    onClear: () => void;
-    onInputFocus: (e: FocusEvent) => void;
-    onInputBlur: (e: FocusEvent) => void;
-    onInputEsc: (e: FocusEvent) => void;
+    handleTagClose: (item: SelectedItem) => void;
+    handleClear: () => void;
+    handleInputClick: (e: MouseEvent) => void;
+    handleInputFocus: (e: FocusEvent) => void;
+    handleInputBlur: (e: FocusEvent) => void;
+    handleInputEsc: (e: FocusEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:visible': (_visible: boolean) => boolean;
     removeTag: (_item: SelectedItem) => boolean;
@@ -69,30 +71,31 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     selectedLabel: StringConstructor;
     selected: import('vue').PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>; /** 输入框组件 */
+    tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
     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('../ele-app/plus').EleTooltipProps["placement"]>;
     transition: {
-        type: StringConstructor; /** 是否未选中 */
+        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)[];
     selectClass: StringConstructor;
-    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>;
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;

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

@@ -56,7 +56,9 @@ const basicSelectProps = {
   /** 自定义样式 */
   selectStyle: Object,
   /** 自定义输入框样式 */
-  inputStyle: Object
+  inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object
 };
 const basicSelectEmits = {
   /** 更新下拉框显示状态 */

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

@@ -1,4 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElInputProps, ElTagProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { SelectValue, SelectedItem } from './types';
 
 /**
@@ -15,7 +18,7 @@ export declare const basicSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<ElInputProps["size"]>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
@@ -29,7 +32,7 @@ export declare const basicSelectProps: {
     /** 多选标签最大显示文本长度 */
     maxTagTextLength: NumberConstructor;
     /** 多选标签类型 */
-    tagType: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    tagType: PropType<ElTagProps["type"]>;
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
@@ -41,14 +44,14 @@ export declare const basicSelectProps: {
     /** 始终渲染下拉框 */
     persistent: BooleanConstructor;
     /** 下拉框位置 */
-    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: PropType<EleTooltipProps["placement"]>;
     /** 下拉框渐变动画 */
     transition: {
         type: StringConstructor;
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
@@ -56,9 +59,11 @@ export declare const basicSelectProps: {
     /** 自定义类名 */
     selectClass: StringConstructor;
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: PropType<StyleValue>;
     /** 自定义输入框样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
 };
 export type BasicSelectProps = ExtractPropTypes<typeof basicSelectProps>;
 /**

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

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const error = require("element-plus/es/utils/error");
 function isEmptyValue(value, multiple) {
   const isNull = value == null || value === "";
   return isNull || multiple && !value.length;
@@ -26,5 +29,15 @@ function valueIsChanged(value1, value2, multiple) {
   }
   return value1.some((v) => !value2.includes(v));
 }
+function useFormValidate() {
+  const formItem = vue.inject(elementPlus.formItemContextKey, null);
+  const validateChange = () => {
+    if (formItem != null) {
+      formItem.validate("change").catch((e) => error.debugWarn(e));
+    }
+  };
+  return { validateChange };
+}
 exports.isEmptyValue = isEmptyValue;
+exports.useFormValidate = useFormValidate;
 exports.valueIsChanged = valueIsChanged;

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

@@ -13,3 +13,9 @@ export declare function isEmptyValue(value?: SelectValue, multiple?: boolean): b
  * @param multiple 是否多选
  */
 export declare function valueIsChanged(value1: SelectValue, value2: SelectValue, multiple?: boolean): boolean;
+/**
+ * 触发表单验证
+ */
+export declare function useFormValidate(): {
+    validateChange: () => void;
+};

package/lib/ele-bottom-bar/index.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import('vue').DefineComponent<{
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    extraStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    extraStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>>, {}, {}>;
 export default _default;

package/lib/ele-bottom-bar/props.d.ts

@@ -1,12 +1,13 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 
 /**
  * 属性
  */
 export declare const bottomBarProps: {
     /** 内容样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 右侧样式 */
-    extraStyle: PropType<Partial<import('vue').CSSProperties>>;
+    extraStyle: PropType<StyleValue>;
 };
 export type BottomBarProps = ExtractPropTypes<typeof bottomBarProps>;

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

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     separatorIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     breadcrumbRef: import('vue').Ref<ElBreadcrumbInstance>;
     breadcrumbSeparator: import('vue').ComputedRef<string | undefined>;
-    breadcrumbSeparatorIcon: import('vue').ComputedRef<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+    breadcrumbSeparatorIcon: import('vue').ComputedRef<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown> | undefined>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     separator: {
         type: import('vue').PropType<import('./types').BreadcrumbSeparator>;
@@ -29,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     separatorIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/lib/ele-breadcrumb/props.d.ts

@@ -15,7 +15,7 @@ export declare const breadcrumbProps: {
         required: boolean;
     };
     separatorIcon: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;