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

package/es/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/es/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/es/ele-basic-select/index.js

@@ -91,24 +91,29 @@ const _sfc_main = defineComponent({
         emit("update:visible", visible);
       }
     };
-    const onTagClose = (item) => {
+    const handleTagClose = (item) => {
       if (!props.disabled) {
         emit("removeTag", item);
       }
     };
-    const onClear = () => {
+    const handleClear = () => {
       emit("clear");
     };
-    const onInputFocus = (e) => {
+    const handleInputClick = (e) => {
+      if (props.automaticDropdown && props.visible) {
+        e.stopPropagation();
+      }
+    };
+    const handleInputFocus = (e) => {
       if (props.automaticDropdown && !props.visible) {
         updateVisible(true);
       }
       emit("focus", e);
     };
-    const onInputBlur = (e) => {
+    const handleInputBlur = (e) => {
       emit("blur", e);
     };
-    const onInputEsc = (e) => {
+    const handleInputEsc = (e) => {
       if (!props.disabled && props.visible) {
         e.stopPropagation();
         e.preventDefault();
@@ -156,11 +161,12 @@ const _sfc_main = defineComponent({
       updateSearchValue,
       updateInputValue,
       updateVisible,
-      onTagClose,
-      onClear,
-      onInputFocus,
-      onInputBlur,
-      onInputEsc
+      handleTagClose,
+      handleClear,
+      handleInputClick,
+      handleInputFocus,
+      handleInputBlur,
+      handleInputEsc
     };
   }
 });
@@ -171,10 +177,6 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-select-tags"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
   const _component_ElIcon = resolveComponent("ElIcon");
@@ -238,15 +240,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
           style: normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": _ctx.updateInputValue,
-          onFocus: _ctx.onInputFocus,
-          onBlur: _ctx.onInputBlur,
-          onKeydown: withKeys(_ctx.onInputEsc, ["esc"])
+          onClick: _ctx.handleInputClick,
+          onFocus: _ctx.handleInputFocus,
+          onBlur: _ctx.handleInputBlur,
+          onKeydown: withKeys(_ctx.handleInputEsc, ["esc"])
         }, createSlots({
           suffix: withCtx(() => [
             _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (openBlock(), createBlock(_component_ElIcon, {
               key: 0,
               class: "ele-select-clear el-input__icon",
-              onClick: withModifiers(_ctx.onClear, ["stop"])
+              onClick: withModifiers(_ctx.handleClear, ["stop"])
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "clearIcon", {}, () => [
@@ -273,8 +276,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 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onClick", "onFocus", "onBlur", "onKeydown"]),
+        _ctx.multiple ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "ele-select-tags",
+          style: normalizeStyle(_ctx.selectTagsStyle)
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.currentTags, (item, index2) => {
             return openBlock(), createBlock(_component_ElTag, {
               key: index2 + "-" + item.value,
@@ -283,7 +290,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: withCtx(() => [
                 item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -325,12 +332,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 modelValue: _ctx.searchValue,
                 placeholder: _ctx.inputPlaceholder,
                 "onUpdate:modelValue": _ctx.updateSearchValue,
-                onKeydown: withKeys(_ctx.onInputEsc, ["esc"])
+                onKeydown: withKeys(_ctx.handleInputEsc, ["esc"])
               }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"])
             ]),
             _: 1
           }, 8, ["size"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+        ], 4)) : createCommentVNode("", true)
       ], 6)
     ]),
     _: 3

package/es/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/es/ele-basic-select/props.js

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

package/es/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/es/ele-basic-select/util.js

@@ -1,3 +1,6 @@
+import { inject } from "vue";
+import { formItemContextKey } from "element-plus";
+import { debugWarn } from "element-plus/es/utils/error";
 function isEmptyValue(value, multiple) {
   const isNull = value == null || value === "";
   return isNull || multiple && !value.length;
@@ -24,7 +27,17 @@ function valueIsChanged(value1, value2, multiple) {
   }
   return value1.some((v) => !value2.includes(v));
 }
+function useFormValidate() {
+  const formItem = inject(formItemContextKey, null);
+  const validateChange = () => {
+    if (formItem != null) {
+      formItem.validate("change").catch((e) => debugWarn(e));
+    }
+  };
+  return { validateChange };
+}
 export {
   isEmptyValue,
+  useFormValidate,
   valueIsChanged
 };

package/es/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/es/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/es/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/es/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;

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

@@ -1,17 +1,17 @@
 declare const _default: import('vue').DefineComponent<{
     header: StringConstructor;
     footer: StringConstructor;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyClass: StringConstructor;
-    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
+    shadow: import('vue').PropType<import('../ele-app/el').ElCardProps["shadow"]>;
     bordered: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapsable: import('vue').PropType<boolean | "header">;
     collapse: BooleanConstructor;
-    collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor; /** 顶栏点击 */
+    collapseIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    flexTable: BooleanConstructor;
 }, {
     isCollapse: import('vue').Ref<boolean>;
     handleBeforeLeave: (el: HTMLElement) => void;
@@ -27,17 +27,17 @@ declare const _default: import('vue').DefineComponent<{
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     header: StringConstructor;
     footer: StringConstructor;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyClass: StringConstructor;
-    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
+    shadow: import('vue').PropType<import('../ele-app/el').ElCardProps["shadow"]>;
     bordered: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapsable: import('vue').PropType<boolean | "header">;
     collapse: BooleanConstructor;
-    collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor; /** 顶栏点击 */
+    collapseIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    flexTable: BooleanConstructor;
 }>> & {
     onCollapseChange?: ((_collapse: boolean) => any) | undefined;
 }, {

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

@@ -1,4 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElCardProps } from '../ele-app/el';
 
 /**
  * 属性
@@ -9,25 +11,25 @@ export declare const cardProps: {
     /** 页脚 */
     footer: StringConstructor;
     /** 主体样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 主体类名 */
     bodyClass: StringConstructor;
     /** 阴影 */
-    shadow: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
+    shadow: PropType<ElCardProps["shadow"]>;
     /** 边框 */
     bordered: BooleanConstructor;
     /** 标题栏样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: PropType<StyleValue>;
     /** 页脚样式 */
-    footerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    footerStyle: PropType<StyleValue>;
     /** 是否可折叠 */
     collapsable: PropType<boolean | "header">;
     /** 是否折叠 */
     collapse: BooleanConstructor;
     /** 折叠按钮样式 */
-    collapseIconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    collapseIconStyle: PropType<StyleValue>;
     /** 内部表格是否弹性布局 */
     flexTable: BooleanConstructor;
 };

package/es/ele-check-card/components/card-item.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { StyleValue } from '../../ele-app/types';
 import { CheckCardItem } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -13,7 +14,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要选中箭头 */
     arrow: BooleanConstructor;
     /** 选中箭头样式 */
-    arrowStyle: PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: PropType<StyleValue>;
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 数据 */
     item: PropType<CheckCardItem>;
@@ -26,7 +27,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要选中箭头 */
     arrow: BooleanConstructor;
     /** 选中箭头样式 */
-    arrowStyle: PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: PropType<StyleValue>;
 }>>, {
     disabled: boolean;
     bordered: boolean;

package/es/ele-check-card/index.d.ts

@@ -16,13 +16,13 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    arrowStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     itemClass: StringConstructor;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     row: import('vue').PropType<boolean | import('../ele-app/el').ElRowProps>;
 }, {
     isChecked: (item: CheckCardItem) => boolean;
-    onItemClick: (item: CheckCardItem) => void;
+    handleItemClick: (item: CheckCardItem) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: CheckedValue) => boolean;
     change: (_value: CheckedValue) => boolean;
@@ -42,9 +42,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    arrowStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     itemClass: StringConstructor;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     row: import('vue').PropType<boolean | import('../ele-app/el').ElRowProps>;
 }>> & {
     onChange?: ((_value: CheckedValue) => any) | undefined;