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

package/es/ele-icon-select/components/icon-grid.d.ts

@@ -1,5 +1,7 @@
 import { PropType } from 'vue';
+import { StyleValue } from '../../ele-app/types';
 import { ElEmptyProps } from '../../ele-app/el';
+import { EleTooltipProps } from '../../ele-app/plus';
 
 declare const _default: import('vue').DefineComponent<{
     /** 选中的图标 */
@@ -14,21 +16,21 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否显示提示 */
     tooltip: BooleanConstructor;
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 气泡是否展开 */
     popperVisible: BooleanConstructor;
     /** 网格样式 */
-    gridStyle: PropType<Partial<import('vue').CSSProperties>>;
+    gridStyle: PropType<StyleValue>;
     /** 图标样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
 }, {
     tooltipVisible: import('vue').Ref<boolean>;
     tooltipContent: import('vue').Ref<string>;
     virtualRef: import('vue').Ref<any>;
     updateTooltipVisible: (visible: boolean) => void;
     hideTooltip: () => void;
-    onItemHover: (icon: string, e: MouseEvent) => void;
-    onItemClick: (icon: string) => void;
+    handleItemHover: (icon: string, e: MouseEvent) => void;
+    handleItemClick: (icon: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (_icon: string) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -44,13 +46,13 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否显示提示 */
     tooltip: BooleanConstructor;
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 气泡是否展开 */
     popperVisible: BooleanConstructor;
     /** 网格样式 */
-    gridStyle: PropType<Partial<import('vue').CSSProperties>>;
+    gridStyle: PropType<StyleValue>;
     /** 图标样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {

package/es/ele-icon-select/components/icon-grid.js

@@ -38,14 +38,14 @@ const _sfc_main = defineComponent({
     const hideTooltip = () => {
       updateTooltipVisible(false);
     };
-    const onItemHover = (icon, e) => {
+    const handleItemHover = (icon, e) => {
       if (props.tooltip && props.popperVisible && icon) {
         virtualRef.value = e.currentTarget;
         tooltipContent.value = icon;
         tooltipVisible.value = true;
       }
     };
-    const onItemClick = (icon) => {
+    const handleItemClick = (icon) => {
       emit("select", icon);
     };
     watch(
@@ -62,8 +62,8 @@ const _sfc_main = defineComponent({
       virtualRef,
       updateTooltipVisible,
       hideTooltip,
-      onItemHover,
-      onItemClick
+      handleItemHover,
+      handleItemClick
     };
   }
 });
@@ -95,8 +95,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
             title: _ctx.tooltip ? void 0 : d,
             style: normalizeStyle(_ctx.itemStyle),
-            onClick: ($event) => _ctx.onItemClick(d),
-            onMouseover: (e) => _ctx.onItemHover(d, e)
+            onClick: ($event) => _ctx.handleItemClick(d),
+            onMouseover: (e) => _ctx.handleItemHover(d, e)
           }, [
             renderSlot(_ctx.$slots, "icon", { icon: d })
           ], 46, _hoisted_1);

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

@@ -1,3 +1,4 @@
+import { StyleValue } from '../ele-app/types';
 import { EleBasicSelectInstance } from '../ele-app/plus';
 import { IconItem } from './types';
 
@@ -8,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     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;
     automaticDropdown: BooleanConstructor;
@@ -22,46 +23,46 @@ declare const _default: import('vue').DefineComponent<{
         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; /** 选项卡选中 */
+        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: {
         type: (StringConstructor | NumberConstructor)[];
-        /** 搜索框输入值 */
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<StyleValue>;
+    inputStyle: import('vue').PropType<StyleValue>;
+    selectTagsStyle: import('vue').PropType<StyleValue>;
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>; /** 下拉框类名 */
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    menusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    gridStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    headerStyle: import('vue').PropType<StyleValue>;
+    tabsStyle: import('vue').PropType<StyleValue>;
+    searchStyle: import('vue').PropType<StyleValue>;
+    menusStyle: import('vue').PropType<StyleValue>;
+    bodyStyle: import('vue').PropType<StyleValue>;
+    gridStyle: import('vue').PropType<StyleValue>;
+    itemStyle: import('vue').PropType<StyleValue>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
     };
     responsive: {
-        type: BooleanConstructor; /** 更新气泡位置 */
+        type: BooleanConstructor;
         default: null;
     };
 }, {
@@ -79,16 +80,16 @@ declare const _default: import('vue').DefineComponent<{
     iconPopperStyle: import('vue').ComputedRef<Partial<import('vue').CSSProperties> | undefined>;
     updatePopover: () => void;
     updateVisible: (visible: boolean) => void;
-    onSelectClear: () => void;
-    onSelectFocus: (e: FocusEvent) => void;
-    onSelectBlur: (e: FocusEvent) => void;
-    onSelectFilter: (value: string) => void;
-    onTabClick: (index: number) => void;
-    onMenuClick: (index: number) => void;
-    onIconSelect: (icon: string) => void;
+    handleSelectClear: () => void;
+    handleSelectFocus: (e: FocusEvent) => void;
+    handleSelectBlur: (e: FocusEvent) => void;
+    handleSelectFilter: (value: string) => void;
+    handleTabClick: (index: number) => void;
+    handleMenuClick: (index: number) => void;
+    handleIconSelect: (icon: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (_value?: string | null | undefined) => boolean;
-    change: (_value?: string | null | undefined) => boolean;
+    'update:modelValue': (_value?: string | null) => boolean;
+    change: (_value?: string | null) => boolean;
     visibleChange: (_visible: boolean) => boolean;
     clear: () => boolean;
     focus: (_e: FocusEvent) => boolean;
@@ -100,7 +101,7 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     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;
     automaticDropdown: BooleanConstructor;
@@ -114,46 +115,46 @@ declare const _default: import('vue').DefineComponent<{
         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; /** 选项卡选中 */
+        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: {
         type: (StringConstructor | NumberConstructor)[];
-        /** 搜索框输入值 */
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<StyleValue>;
+    inputStyle: import('vue').PropType<StyleValue>;
+    selectTagsStyle: import('vue').PropType<StyleValue>;
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>; /** 下拉框类名 */
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    menusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    gridStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    headerStyle: import('vue').PropType<StyleValue>;
+    tabsStyle: import('vue').PropType<StyleValue>;
+    searchStyle: import('vue').PropType<StyleValue>;
+    menusStyle: import('vue').PropType<StyleValue>;
+    bodyStyle: import('vue').PropType<StyleValue>;
+    gridStyle: import('vue').PropType<StyleValue>;
+    itemStyle: import('vue').PropType<StyleValue>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
     };
     responsive: {
-        type: BooleanConstructor; /** 更新气泡位置 */
+        type: BooleanConstructor;
         default: null;
     };
 }>> & {

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, resolveComponent, openBlock, cre
 import { ElInput } from "element-plus";
 import { useResponsive } from "../ele-pro-layout/util";
 import EleBasicSelect from "../ele-basic-select/index";
-import { valueIsChanged } from "../ele-basic-select/util";
+import { useFormValidate, valueIsChanged } from "../ele-basic-select/util";
 import { SearchOutlined } from "../icons";
 import IconGrid from "./components/icon-grid";
 import { iconSelectProps, iconSelectEmits } from "./props";
@@ -12,6 +12,7 @@ const _sfc_main = defineComponent({
   props: iconSelectProps,
   emits: iconSelectEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const isResponsive = useResponsive(props);
     const selectRef = ref(null);
     const selectVisible = ref(false);
@@ -91,7 +92,7 @@ const _sfc_main = defineComponent({
     };
     const updateVisible = (visible) => {
       if (visible) {
-        onSelectFilter("");
+        handleSelectFilter("");
       }
       if (selectVisible.value !== visible) {
         selectVisible.value = visible;
@@ -101,21 +102,22 @@ const _sfc_main = defineComponent({
     const updateModelValue = (modelValue) => {
       if (valueIsChanged(modelValue, props.modelValue)) {
         emit("update:modelValue", modelValue);
+        validateChange();
         emit("change", modelValue);
       }
     };
-    const onSelectClear = () => {
+    const handleSelectClear = () => {
       updateModelValue(null);
       updateVisible(false);
       emit("clear");
     };
-    const onSelectFocus = (e) => {
+    const handleSelectFocus = (e) => {
       emit("focus", e);
     };
-    const onSelectBlur = (e) => {
+    const handleSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onSelectFilter = (value) => {
+    const handleSelectFilter = (value) => {
       var _a;
       if (keywords.value !== value) {
         keywords.value = value;
@@ -147,15 +149,15 @@ const _sfc_main = defineComponent({
         }
       }
     };
-    const onTabClick = (index2) => {
+    const handleTabClick = (index2) => {
       tabActive.value = index2;
       initData();
     };
-    const onMenuClick = (index2) => {
+    const handleMenuClick = (index2) => {
       menuActive.value = index2;
       initData();
     };
-    const onIconSelect = (icon) => {
+    const handleIconSelect = (icon) => {
       updateModelValue(icon);
       updateVisible(false);
     };
@@ -184,13 +186,13 @@ const _sfc_main = defineComponent({
       iconPopperStyle,
       updatePopover,
       updateVisible,
-      onSelectClear,
-      onSelectFocus,
-      onSelectBlur,
-      onSelectFilter,
-      onTabClick,
-      onMenuClick,
-      onIconSelect
+      handleSelectClear,
+      handleSelectFocus,
+      handleSelectBlur,
+      handleSelectFilter,
+      handleTabClick,
+      handleMenuClick,
+      handleIconSelect
     };
   }
 });
@@ -228,13 +230,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     selectClass: "is-icon-select",
     selectStyle: _ctx.selectStyle,
     inputStyle: _ctx.inputStyle,
+    selectTagsStyle: _ctx.selectTagsStyle,
     selectedLabel: _ctx.modelValue,
     visible: _ctx.selectVisible,
     "onUpdate:visible": _ctx.updateVisible,
-    onFilterChange: _ctx.onSelectFilter,
-    onClear: _ctx.onSelectClear,
-    onFocus: _ctx.onSelectFocus,
-    onBlur: _ctx.onSelectBlur
+    onFilterChange: _ctx.handleSelectFilter,
+    onClear: _ctx.handleSelectClear,
+    onFocus: _ctx.handleSelectFocus,
+    onBlur: _ctx.handleSelectBlur
   }, createSlots({
     default: withCtx(() => [
       createElementVNode("div", {
@@ -256,7 +259,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("div", {
                 key: i + "-" + t,
                 class: normalizeClass(["ele-icon-select-tab", { "is-active": i === _ctx.tabActive }]),
-                onClick: ($event) => _ctx.onTabClick(i)
+                onClick: ($event) => _ctx.handleTabClick(i)
               }, toDisplayString(t), 11, _hoisted_1);
             }), 128))
           ], 4)) : createCommentVNode("", true),
@@ -269,9 +272,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               size: "small",
               clearable: true,
               modelValue: _ctx.keywords,
+              validateEvent: false,
               prefixIcon: _ctx.SearchOutlined,
               placeholder: _ctx.filterPlaceholder,
-              "onUpdate:modelValue": _ctx.onSelectFilter
+              "onUpdate:modelValue": _ctx.handleSelectFilter
             }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
           ], 4)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "tabRightExtra")
@@ -286,7 +290,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("div", {
                 key: i + "-" + m,
                 class: normalizeClass(["ele-icon-select-menu", { "is-active": i === _ctx.menuActive }]),
-                onClick: ($event) => _ctx.onMenuClick(i)
+                onClick: ($event) => _ctx.handleMenuClick(i)
               }, toDisplayString(m), 11, _hoisted_3);
             }), 128))
           ], 4)) : createCommentVNode("", true),
@@ -300,7 +304,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             gridStyle: _ctx.gridStyle,
             itemStyle: _ctx.itemStyle,
             style: normalizeStyle(_ctx.bodyStyle),
-            onSelect: _ctx.onIconSelect
+            onSelect: _ctx.handleIconSelect
           }, createSlots({ _: 2 }, [
             _ctx.$slots.icon ? {
               name: "icon",
@@ -325,7 +329,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "visible", "onUpdate:visible", "onFilterChange", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "selectedLabel", "visible", "onUpdate:visible", "onFilterChange", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,5 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElEmptyProps } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElInputProps, ElEmptyProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { IconItem } from './types';
 
 /**
@@ -16,7 +18,7 @@ export declare const iconSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<ElInputProps["size"]>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
@@ -37,7 +39,7 @@ export declare const iconSelectProps: {
     };
     /** 下拉框位置 */
     placement: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     /** 下拉框渐变动画 */
@@ -46,7 +48,7 @@ export declare const iconSelectProps: {
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
@@ -60,9 +62,11 @@ export declare const iconSelectProps: {
         default: number;
     };
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: PropType<StyleValue>;
     /** 自定义样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
     /** 顶部选项卡只有一个时隐藏 */
     hideOnSingleTab: BooleanConstructor;
     /** 空组件属性 */
@@ -73,21 +77,21 @@ export declare const iconSelectProps: {
         default: boolean;
     };
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 头部样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 选项卡样式 */
-    tabsStyle: PropType<Partial<import('vue').CSSProperties>>;
+    tabsStyle: PropType<StyleValue>;
     /** 搜索区样式 */
-    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: PropType<StyleValue>;
     /** 菜单样式 */
-    menusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    menusStyle: PropType<StyleValue>;
     /** 主体样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 网格样式 */
-    gridStyle: PropType<Partial<import('vue').CSSProperties>>;
+    gridStyle: PropType<StyleValue>;
     /** 图标样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 搜索框提示文本 */
     filterPlaceholder: {
         type: StringConstructor;

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

@@ -56,6 +56,8 @@ const iconSelectProps = {
   selectStyle: Object,
   /** 自定义样式 */
   inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object,
   /** 顶部选项卡只有一个时隐藏 */
   hideOnSingleTab: Boolean,
   /** 空组件属性 */

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

@@ -10,8 +10,8 @@ declare const _default: import('vue').DefineComponent<{
     };
     blur: BooleanConstructor;
     size: import('vue').PropType<import('./types').LoadingSize>;
-    spinnerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    textStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    spinnerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    textStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, {
     isCircle: import('vue').ComputedRef<boolean>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -26,8 +26,8 @@ declare const _default: import('vue').DefineComponent<{
     };
     blur: BooleanConstructor;
     size: import('vue').PropType<import('./types').LoadingSize>;
-    spinnerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    textStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    spinnerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    textStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>>, {
     type: import('./types').LoadingType;
     blur: boolean;

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { LoadingType, LoadingSize } from './types';
 
 /**
@@ -25,8 +26,8 @@ export declare const loadingProps: {
     /** 加载器尺寸 */
     size: PropType<LoadingSize>;
     /** 自定义加载器样式 */
-    spinnerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    spinnerStyle: PropType<StyleValue>;
     /** 自定义文本样式 */
-    textStyle: PropType<Partial<import('vue').CSSProperties>>;
+    textStyle: PropType<StyleValue>;
 };
 export type LoadingProps = ExtractPropTypes<typeof loadingProps>;