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

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,15 @@
 declare const _default: import('vue').DefineComponent<{
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    extraStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-}, 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>;
+    teleported: BooleanConstructor;
+}, {
+    isActivated: import('vue').Ref<boolean>;
+    teleportTo: import('vue').ComputedRef<HTMLElement | null | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    teleported: BooleanConstructor;
+}>>, {
+    teleported: boolean;
+}, {}>;
 export default _default;

package/es/ele-bottom-bar/index.js

@@ -1,8 +1,24 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, ref, computed, onActivated, onDeactivated, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { useLayoutState } from "../ele-pro-layout/util";
 import { bottomBarProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleBottomBar",
-  props: bottomBarProps
+  props: bottomBarProps,
+  setup() {
+    const layoutState = useLayoutState();
+    const isActivated = ref(true);
+    const teleportTo = computed(() => {
+      var _a;
+      return (_a = layoutState.getBodyWrapperEl) == null ? void 0 : _a.call(layoutState);
+    });
+    onActivated(() => {
+      isActivated.value = true;
+    });
+    onDeactivated(() => {
+      isActivated.value = false;
+    });
+    return { isActivated, teleportTo };
+  }
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -11,22 +27,28 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-bottom-bar" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", {
-      class: "ele-bottom-bar-body",
-      style: normalizeStyle(_ctx.bodyStyle)
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 4),
+  return openBlock(), createBlock(Teleport, {
+    to: _ctx.teleportTo,
+    disabled: !_ctx.teleported || !_ctx.teleportTo
+  }, [
     createElementVNode("div", {
-      class: "ele-bottom-bar-extra",
-      style: normalizeStyle(_ctx.extraStyle)
+      class: normalizeClass(["ele-bottom-bar", { "is-deactivated": !_ctx.isActivated }])
     }, [
-      renderSlot(_ctx.$slots, "extra")
-    ], 4)
-  ]);
+      createElementVNode("div", {
+        class: "ele-bottom-bar-body",
+        style: normalizeStyle(_ctx.bodyStyle)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4),
+      createElementVNode("div", {
+        class: "ele-bottom-bar-extra",
+        style: normalizeStyle(_ctx.extraStyle)
+      }, [
+        renderSlot(_ctx.$slots, "extra")
+      ], 4)
+    ], 2)
+  ], 8, ["to", "disabled"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,12 +1,15 @@
 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>;
+    /** 是否插入到布局的内容节点后 */
+    teleported: BooleanConstructor;
 };
 export type BottomBarProps = ExtractPropTypes<typeof bottomBarProps>;

package/es/ele-bottom-bar/props.js

@@ -2,7 +2,9 @@ const bottomBarProps = {
   /** 内容样式 */
   bodyStyle: Object,
   /** 右侧样式 */
-  extraStyle: Object
+  extraStyle: Object,
+  /** 是否插入到布局的内容节点后 */
+  teleported: Boolean
 };
 export {
   bottomBarProps

package/es/ele-bottom-bar/style/index.scss

@@ -5,6 +5,7 @@
 @include set-bottom-bar-var($ele);
 
 .ele-bottom-bar {
+  flex-shrink: 0;
   position: sticky;
   bottom: 0;
   display: flex;
@@ -23,4 +24,8 @@
   .ele-bottom-bar-extra {
     flex-shrink: 0;
   }
+
+  &.is-deactivated {
+    display: none;
+  }
 }

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,9 +16,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>;
 }, {
     isChecked: (item: CheckCardItem) => boolean;
@@ -42,18 +42,18 @@ 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;
     "onUpdate:modelValue"?: ((_value: CheckedValue) => any) | undefined;
+    onChange?: ((_value: CheckedValue) => any) | undefined;
 }, {
     modelValue: CheckedValue;
     disabled: boolean;
-    multiple: boolean;
     bordered: boolean;
     arrow: boolean;
+    multiple: boolean;
 }, {}>;
 export default _default;

package/es/ele-check-card/index.js

@@ -1,5 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createBlock, normalizeProps, mergeProps, withCtx, Fragment, renderList, createVNode, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { ElRow, ElCol } from "element-plus";
+import { useFormValidate, valueIsChanged } from "../ele-basic-select/util";
 import CardItem from "./components/card-item";
 import { checkCardProps, checkCardEmits } from "./props";
 const _sfc_main = defineComponent({
@@ -8,6 +9,7 @@ const _sfc_main = defineComponent({
   props: checkCardProps,
   emits: checkCardEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const isChecked = (item) => {
       if (props.modelValue == null || item.value == null) {
         return false;
@@ -20,9 +22,12 @@ const _sfc_main = defineComponent({
       }
       return props.modelValue.includes(item.value);
     };
-    const updateModelValue = (value) => {
-      emit("update:modelValue", value);
-      emit("change", value);
+    const updateModelValue = (modelValue) => {
+      if (valueIsChanged(modelValue, props.modelValue, props.multiple)) {
+        emit("update:modelValue", modelValue);
+        validateChange();
+        emit("change", modelValue);
+      }
     };
     const handleItemClick = (item) => {
       if (props.disabled || item.disabled) {

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

@@ -1,4 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { ElRowProps } from '../ele-app/el';
 import { CheckCardItem, CheckedValue } from './types';
 
@@ -28,11 +29,11 @@ export declare const checkCardProps: {
         default: boolean;
     };
     /** 选中箭头样式 */
-    arrowStyle: PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: PropType<StyleValue>;
     /** 自定义卡片类名 */
     itemClass: StringConstructor;
     /** 自定义卡片样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 是否使用栅格布局 */
     row: PropType<boolean | ElRowProps>;
 };

package/es/ele-config-provider/index.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     locale: import('vue').PropType<import('./types').EleLocale>;
-    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
-    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
+    table: import('vue').PropType<import('./types').TableGlobalConfig>;
+    message: import('vue').PropType<import('./types').MessageGlobalConfig>;
     messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
     license: StringConstructor;
     mapKey: StringConstructor;
@@ -9,8 +9,8 @@ declare const _default: import('vue').DefineComponent<{
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     locale: import('vue').PropType<import('./types').EleLocale>;
-    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
-    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
+    table: import('vue').PropType<import('./types').TableGlobalConfig>;
+    message: import('vue').PropType<import('./types').MessageGlobalConfig>;
     messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
     license: StringConstructor;
     mapKey: StringConstructor;

package/es/ele-config-provider/props.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
 import { MessageBoxOptions } from '../utils/message-box';
-import { EleLocale } from './types';
+import { TableGlobalConfig, MessageGlobalConfig, EleLocale } from './types';
 
 /**
  * 属性
@@ -9,9 +9,9 @@ export declare const configProviderProps: {
     /** 国际化 */
     locale: PropType<EleLocale>;
     /** 表格全局配置 */
-    table: PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
+    table: PropType<TableGlobalConfig>;
     /** 消息提示全局配置 */
-    message: PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
+    message: PropType<MessageGlobalConfig>;
     /** 消息弹窗全局配置 */
     messageBox: PropType<Partial<MessageBoxOptions>>;
     /** license */

package/es/ele-config-provider/types.d.ts

@@ -39,6 +39,7 @@ export type TableGlobalConfig = Partial<
     | 'maximizedIndex'
     | 'pagination'
     | 'emptyProps'
+    | 'toolbar'
     | 'exportConfig'
     | 'printConfig'
   >

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

@@ -3,16 +3,16 @@ import { CopyableLocale } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     text: StringConstructor;
-    innerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    innerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     icon: import('vue').PropType<import('./types').CopyableIcon>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     copiedIcon: import('vue').PropType<import('./types').CopyableIcon>;
     copiedIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    copiedIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    copiedIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     tooltip: {
-        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>; /** 提示单例目标 */
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleTooltipProps>;
         default: boolean;
     };
     resetAfter: {
@@ -32,16 +32,16 @@ declare const _default: import('vue').DefineComponent<{
     copy: (_error?: any) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     text: StringConstructor;
-    innerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    innerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     icon: import('vue').PropType<import('./types').CopyableIcon>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     copiedIcon: import('vue').PropType<import('./types').CopyableIcon>;
     copiedIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    copiedIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    copiedIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     tooltip: {
-        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>; /** 提示单例目标 */
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleTooltipProps>;
         default: boolean;
     };
     resetAfter: {

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

@@ -1,5 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { ElIconProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { CopyableIcon, CopyableLocale } from './types';
 
 /**
@@ -9,24 +11,24 @@ export declare const copyableProps: {
     /** 重新定义拷贝到剪切板里的文本 */
     text: StringConstructor;
     /** 自定义内容样式 */
-    innerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    innerStyle: PropType<StyleValue>;
     /** 自定义拷贝按钮样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
     /** 自定义拷贝图标 */
     icon: PropType<CopyableIcon>;
     /** 自定义拷贝图标属性 */
     iconProps: PropType<ElIconProps>;
     /** 自定义拷贝图标样式 */
-    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: PropType<StyleValue>;
     /** 自定义拷贝后图标 */
     copiedIcon: PropType<CopyableIcon>;
     /** 自定义拷贝后图标属性 */
     copiedIconProps: PropType<ElIconProps>;
     /** 自定义拷贝后图标样式 */
-    copiedIconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    copiedIconStyle: PropType<StyleValue>;
     /** 文字提示属性 */
     tooltip: {
-        type: PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
+        type: PropType<boolean | EleTooltipProps>;
         default: boolean;
     };
     /** 拷贝成功状态重置时间 */

package/es/ele-count-up/index.d.ts

@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<{
     reset: () => void;
     update: (newEndVal?: string | number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    ready: (_instance?: CountUp | null | undefined) => boolean;
+    ready: (_instance?: CountUp | null) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     delay: {
         type: NumberConstructor;

package/es/ele-cropper/components/cropper-tools.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
-import { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
+import { EleTooltipProps, EleTooltipInstance } from '../../ele-app/plus';
+import { UploadOption, ToolName, ToolGroup, ToolItem, BeforeUploadClick, CropperLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 操作按钮布局 */
@@ -9,17 +10,21 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要提示组件 */
     tooltip: BooleanConstructor;
     /** 提示组件属性 */
-    tooltipProps: PropType<Partial<import('../../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick: PropType<BeforeUploadClick>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
 }, {
     lang: import('vue').ComputedRef<CropperLocale>;
+    tooltipRef: import('vue').Ref<EleTooltipInstance>;
     groups: import('vue').ShallowRef<ToolGroup[]>;
     tooltipContent: import('vue').Ref<string>;
     virtualRef: import('vue').Ref<any>;
     handleUpload: (file: File) => boolean;
-    handleClick: (name: Omit<ToolName, 'upload'>) => void;
+    handleClick: (name: Omit<ToolName, "upload">) => void;
     handleItemHover: (item: ToolItem, e: MouseEvent) => void;
+    handleUploadButtonClick: (e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     zoomIn: () => true;
     zoomOut: () => true;
@@ -42,11 +47,14 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要提示组件 */
     tooltip: BooleanConstructor;
     /** 提示组件属性 */
-    tooltipProps: PropType<Partial<import('../../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick: PropType<BeforeUploadClick>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
 }>> & {
     onReset?: (() => any) | undefined;
+    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
     onZoomIn?: (() => any) | undefined;
     onZoomOut?: (() => any) | undefined;
     onMoveLeft?: (() => any) | undefined;
@@ -57,7 +65,6 @@ declare const _default: import('vue').DefineComponent<{
     onRotateRight?: (() => any) | undefined;
     onFlipX?: (() => any) | undefined;
     onFlipY?: (() => any) | undefined;
-    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
     onOk?: (() => any) | undefined;
 }, {
     tooltip: boolean;