ele-admin-plus 1.3.1-beta.1 → 1.4.0

package/es/ele-app/components/message-body.js

@@ -1,17 +1,15 @@
-import { defineComponent, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, normalizeClass, withCtx, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, onBeforeUnmount, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, createCommentVNode, createVNode, unref, normalizeClass, withCtx, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
 import { ElIcon } from "element-plus";
-import { CloseOutlined, InfoCircleFilled, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, LoadingOutlined } from "../../icons";
-const _sfc_main = defineComponent({
-  name: "MessageBody",
-  components: {
-    ElIcon,
-    CloseOutlined,
-    InfoCircleFilled,
-    CheckCircleFilled,
-    ExclamationCircleFilled,
-    CloseCircleFilled,
-    LoadingOutlined
-  },
+import { LoadingOutlined, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../../icons/index";
+const _hoisted_1 = { class: "ele-message-icon" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 1,
+  class: "ele-message-content"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "MessageBody" },
+  __name: "message-body",
   props: {
     /** 内容 */
     message: String,
@@ -32,67 +30,50 @@ const _sfc_main = defineComponent({
     close: () => true,
     messageDestroy: (_messageId) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     onBeforeUnmount(() => {
       emit("messageDestroy", props.messageId);
     });
-    return { handleClose: () => emit("close") };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-message-icon" };
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = {
-  key: 1,
-  class: "ele-message-content"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_LoadingOutlined = resolveComponent("LoadingOutlined");
-  const _component_CheckCircleFilled = resolveComponent("CheckCircleFilled");
-  const _component_ExclamationCircleFilled = resolveComponent("ExclamationCircleFilled");
-  const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
-  const _component_InfoCircleFilled = resolveComponent("InfoCircleFilled");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_CloseOutlined = resolveComponent("CloseOutlined");
-  return openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("div", _hoisted_1, [
-      createVNode(_component_ElIcon, {
-        class: normalizeClass({ "is-loading": _ctx.loading })
-      }, {
-        default: withCtx(() => [
-          _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.loading ? (openBlock(), createBlock(_component_LoadingOutlined, { key: 1 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_CheckCircleFilled, { key: 2 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_ExclamationCircleFilled, { key: 3 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_CloseCircleFilled, { key: 4 })) : (openBlock(), createBlock(_component_InfoCircleFilled, { key: 5 }))
+    const handleClose = () => {
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(ElIcon), {
+            class: normalizeClass({ "is-loading": __props.loading })
+          }, {
+            default: withCtx(() => [
+              __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : __props.loading ? (openBlock(), createBlock(unref(LoadingOutlined), { key: 1 })) : __props.type === "success" ? (openBlock(), createBlock(unref(CheckCircleFilled), { key: 2 })) : __props.type === "warning" ? (openBlock(), createBlock(unref(ExclamationCircleFilled), { key: 3 })) : __props.type === "error" ? (openBlock(), createBlock(unref(CloseCircleFilled), { key: 4 })) : (openBlock(), createBlock(unref(InfoCircleFilled), { key: 5 }))
+            ]),
+            _: 1
+          }, 8, ["class"])
         ]),
-        _: 1
-      }, 8, ["class"])
-    ]),
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      _ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        innerHTML: _ctx.message,
-        class: "ele-message-content"
-      }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.message), 1))
-    ]),
-    _ctx.showClose ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "ele-message-close",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-    }, [
-      createVNode(_component_ElIcon, null, {
-        default: withCtx(() => [
-          createVNode(_component_CloseOutlined)
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          __props.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            innerHTML: __props.message,
+            class: "ele-message-content"
+          }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.message), 1))
         ]),
-        _: 1
-      })
-    ])) : createCommentVNode("", true)
-  ], 64);
-}
-const messageBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+        __props.showClose ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "ele-message-close",
+          onClick: handleClose
+        }, [
+          createVNode(unref(ElIcon), null, {
+            default: withCtx(() => [
+              createVNode(unref(CloseOutlined))
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
 export {
-  messageBody as default
+  _sfc_main as default
 };

package/es/ele-app/components/message-box-icon.d.ts

@@ -1,19 +1,19 @@
 import { PropType } from 'vue';
 import { ElMessageBoxOptions } from '../el';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 类型 */
     type: PropType<ElMessageBoxOptions["type"]>;
     /** 图标 */
     icon: PropType<ElMessageBoxOptions["icon"]>;
     /** 标识id */
     boxId: StringConstructor;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    boxDestroy: (_boxId?: string) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    boxDestroy: (_boxId?: string | undefined) => void;
     boxMounted: (_: {
         boxId?: string;
         doClose?: () => void;
-    }) => true;
+    }) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 类型 */
     type: PropType<ElMessageBoxOptions["type"]>;
@@ -21,11 +21,11 @@ declare const _default: import('vue').DefineComponent<{
     icon: PropType<ElMessageBoxOptions["icon"]>;
     /** 标识id */
     boxId: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onBoxDestroy?: ((_boxId?: string | undefined) => any) | undefined;
     onBoxMounted?: ((_: {
         boxId?: string;
         doClose?: () => void;
     }) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/ele-app/components/message-box-icon.js

@@ -1,14 +1,9 @@
-import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, resolveComponent, withDirectives, openBlock, createElementBlock, createBlock, resolveDynamicComponent, createCommentVNode, vShow } from "vue";
-import { CloseOutlined, InfoCircleFilled, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled } from "../../icons";
-const _sfc_main = defineComponent({
-  name: "MessageBoxIcon",
-  components: {
-    CloseOutlined,
-    InfoCircleFilled,
-    CheckCircleFilled,
-    ExclamationCircleFilled,
-    CloseCircleFilled
-  },
+import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, withDirectives, createElementBlock, openBlock, createBlock, createCommentVNode, resolveDynamicComponent, unref, vShow } from "vue";
+import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled } from "../../icons/index";
+const _hoisted_1 = { class: "ele-message-box-icon" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "MessageBoxIcon" },
+  __name: "message-box-icon",
   props: {
     /** 类型 */
     type: String,
@@ -21,8 +16,10 @@ const _sfc_main = defineComponent({
     boxDestroy: (_boxId) => true,
     boxMounted: (_) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
     var _a;
+    const props = __props;
+    const emit = __emit;
     const ins = (_a = getCurrentInstance) == null ? void 0 : _a();
     onBeforeUnmount(() => {
       emit("boxDestroy", props.boxId);
@@ -31,33 +28,18 @@ const _sfc_main = defineComponent({
       var _a2, _b;
       emit("boxMounted", {
         boxId: props.boxId,
-        // @ts-ignore
         doClose: (_b = (_a2 = ins == null ? void 0 : ins.ctx) == null ? void 0 : _a2.$root) == null ? void 0 : _b.doClose
       });
     });
-    return {};
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : __props.type === "success" ? (openBlock(), createBlock(unref(CheckCircleFilled), { key: 1 })) : __props.type === "warning" ? (openBlock(), createBlock(unref(ExclamationCircleFilled), { key: 2 })) : __props.type === "error" ? (openBlock(), createBlock(unref(CloseCircleFilled), { key: 3 })) : __props.type === "info" ? (openBlock(), createBlock(unref(InfoCircleFilled), { key: 4 })) : createCommentVNode("", true)
+      ], 512)), [
+        [vShow, __props.type || __props.icon]
+      ]);
+    };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-message-box-icon" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CheckCircleFilled = resolveComponent("CheckCircleFilled");
-  const _component_ExclamationCircleFilled = resolveComponent("ExclamationCircleFilled");
-  const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
-  const _component_InfoCircleFilled = resolveComponent("InfoCircleFilled");
-  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-    _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_CheckCircleFilled, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_ExclamationCircleFilled, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_CloseCircleFilled, { key: 3 })) : _ctx.type === "info" ? (openBlock(), createBlock(_component_InfoCircleFilled, { key: 4 })) : createCommentVNode("", true)
-  ], 512)), [
-    [vShow, _ctx.type || _ctx.icon]
-  ]);
-}
-const messageBoxIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  messageBoxIcon as default
+  _sfc_main as default
 };

package/es/ele-app/el.d.ts

@@ -19,6 +19,8 @@ import type {
   // ElCascader
   ElCascader,
   CascaderProps,
+  // ElCheckbox
+  ElCheckboxGroup,
   // ElDialog
   ElDialog,
   DialogProps,
@@ -35,7 +37,10 @@ import type {
   ElFormItem,
   FormItemProps,
   FormItemRule,
+  FormInstance,
+  FormItemProp,
   // ElIcon
+  ElIcon,
   IconProps,
   // ElImage
   ElImage,
@@ -57,21 +62,31 @@ import type {
   MessageOptions,
   // ElMessageBox
   ElMessageBoxOptions as MessageBoxOptions,
+  // ElMention
+  ElMention,
   // ElPopper
   ElPopper,
   ElPopover,
   PopoverProps,
   ElTooltip,
   ElTooltipProps as TooltipProps,
+  TooltipContentInstance,
   PopconfirmProps,
   // ElProgress
   ProgressProps,
+  // ElPagination
+  ElPagination,
   // ElRow
   RowProps,
   ColProps,
+  // ElRadio
+  ElRadioGroup,
   // ElScrollbar
   ElScrollbar,
+  // ElSelect
+  ElSelect,
   // ElStep
+  ElStep,
   StepProps,
   // ElTable
   ElTable,
@@ -85,10 +100,17 @@ import type {
   // ElTag
   ElTag,
   TagProps,
+  // ElTransfer
+  ElTransfer,
+  // ElTreeSelect
+  ElTreeSelect,
+  // ElTree
+  ElTree,
   // ElTreeV2
   ElTreeV2
 } from 'element-plus';
 import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
+import type { TreeComponentProps } from 'element-plus/es/components/tree/src/tree.type';
 import type { TreeProps } from 'element-plus/es/components/tree-v2/src/types';
 import type { ComponentProps } from './types';
 
@@ -138,6 +160,13 @@ export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;
 
 export type ElCascaderProps = ComponentProps<CascaderProps>;
 
+/**
+ * ElCheckbox
+ */
+export type ElCheckboxGroupInstance = InstanceType<
+  typeof ElCheckboxGroup
+> | null;
+
 /**
  * ElDialog
  */
@@ -179,9 +208,22 @@ export type ElFormItemProps = ComponentProps<FormItemProps>;
 
 export type ElFormItemRule = Partial<FormItemRule>;
 
+export type ElFormInstanceMethods = Pick<
+  FormInstance,
+  | 'validate'
+  | 'validateField'
+  | 'resetFields'
+  | 'scrollToField'
+  | 'clearValidate'
+>;
+
+export type ElFormItemProp = FormItemProp;
+
 /**
  * ElIcon
  */
+export type ElIconInstance = InstanceType<typeof ElIcon> | null;
+
 export type ElIconProps = ComponentProps<IconProps>;
 
 /**
@@ -230,6 +272,11 @@ export type ElMessageOptions = Partial<MessageOptions>;
  */
 export type ElMessageBoxOptions = Partial<MessageBoxOptions>;
 
+/**
+ * ElMention
+ */
+export type ElMentionInstance = InstanceType<typeof ElMention> | null;
+
 /**
  * ElPopper
  */
@@ -243,6 +290,11 @@ export type ElTooltipInstance = InstanceType<typeof ElTooltip> | null;
 
 export type ElTooltipProps = Partial<TooltipProps>;
 
+export type ElTooltipContentInstance =
+  | TooltipContentInstance
+  | null
+  | undefined;
+
 export type ElPopconfirmProps = Partial<PopconfirmProps>;
 
 /**
@@ -250,6 +302,11 @@ export type ElPopconfirmProps = Partial<PopconfirmProps>;
  */
 export type ElProgressProps = ComponentProps<ProgressProps>;
 
+/**
+ * ElPagination
+ */
+export type ElPaginationInstance = InstanceType<typeof ElPagination> | null;
+
 /**
  * ElRow
  */
@@ -257,14 +314,26 @@ export type ElRowProps = ComponentProps<RowProps>;
 
 export type ElColProps = ComponentProps<ColProps>;
 
+/**
+ * ElRadioGroup
+ */
+export type ElRadioGroupInstance = InstanceType<typeof ElRadioGroup> | null;
+
 /**
  * ElScrollbar
  */
 export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
 
+/**
+ * ElSelect
+ */
+export type ElSelectInstance = InstanceType<typeof ElSelect> | null;
+
 /**
  * ElStep
  */
+export type ElStepInstance = InstanceType<typeof ElStep> | null;
+
 export type ElStepProps = ComponentProps<StepProps>;
 
 /**
@@ -296,6 +365,23 @@ export type ElTagInstance = InstanceType<typeof ElTag> | null;
 
 export type ElTagProps = ComponentProps<TagProps>;
 
+/**
+ * ElTransfer
+ */
+export type ElTransferInstance = InstanceType<typeof ElTransfer> | null;
+
+/**
+ * ElTreeSelect
+ */
+export type ElTreeSelectInstance = InstanceType<typeof ElTreeSelect> | null;
+
+/**
+ * ElTree
+ */
+export type ElTreeInstance = InstanceType<typeof ElTree> | null;
+
+export type ElTreeProps = ComponentProps<TreeComponentProps>;
+
 /**
  * ElTreeV2
  */

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

@@ -1,4 +1,4 @@
 declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/ele-app/plus.d.ts

@@ -2,8 +2,11 @@ import type EleAdminLayout from '../ele-admin-layout/index';
 import type { BacktopProps } from '../ele-backtop/props';
 import type EleBasicSelect from '../ele-basic-select/index';
 import type { BreadcrumbProps } from '../ele-breadcrumb/props';
-import type ReceiverView from '../ele-config-provider/components/receiver-view';
 import type { CropperProps } from '../ele-cropper/props';
+import type { CardProps } from '../ele-card/props';
+import type EleCrud from '../ele-crud/index';
+import type { CrudProps } from '../ele-crud/props';
+import type EleCrudBuilder from '../ele-crud-builder/index';
 import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
 import type EleDropdown from '../ele-dropdown/index';
@@ -15,13 +18,21 @@ import type EleMenus from '../ele-menus/index';
 import type { MenusProps } from '../ele-menus/props';
 import type { MenuItem } from '../ele-menus/types';
 import type { ModalProps } from '../ele-modal/props';
+import type { PageProps } from '../ele-page/props';
 import type { PaginationProps } from '../ele-pagination/props';
+import type ElePopconfirm from '../ele-popconfirm/index';
+import type { PopconfirmProps } from '../ele-popconfirm/props';
 import type ElePopover from '../ele-popover/index';
 import type { PopoverProps } from '../ele-popover/props';
 import type { PrinterProps } from '../ele-printer/props';
 import type EleProForm from '../ele-pro-form/index';
+import type { ProFormProps } from '../ele-pro-form/props';
+import type EleProFormBuilder from '../ele-pro-form-builder/index';
+import type { ProFormBuilderProps } from '../ele-pro-form-builder/props';
 import type EleProTable from '../ele-pro-table/index';
 import type { ProTableProps } from '../ele-pro-table/props';
+import type EleSplitPanel from '../ele-split-panel/index';
+import type { SplitPanelProps } from '../ele-split-panel/props';
 import type { TableProps } from '../ele-table/props';
 import type EleTabs from '../ele-tabs/index';
 import type EleText from '../ele-text/index';
@@ -34,6 +45,9 @@ import type { TooltipProps } from '../ele-tooltip/props';
 import type EleUploadList from '../ele-upload-list/index';
 import type { UploadListProps } from '../ele-upload-list/props';
 import type EleVirtualTable from '../ele-virtual-table/index';
+import type ReceiverView from '../ele-config-provider/components/receiver-view';
+import type { MessageOptions } from '../utils/message';
+import type { MessageBoxOptions } from '../utils/message-box';
 import type { ComponentProps } from './types';
 
 /**
@@ -56,6 +70,11 @@ export type EleBasicSelectInstance = InstanceType<typeof EleBasicSelect> | null;
  */
 export type EleBreadcrumbProps = ComponentProps<BreadcrumbProps>;
 
+/**
+ * EleCard
+ */
+export type EleCardProps = ComponentProps<CardProps>;
+
 /**
  * EleConfigProvider
  */
@@ -66,6 +85,18 @@ export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
  */
 export type EleCropperProps = ComponentProps<CropperProps>;
 
+/**
+ * EleCrud
+ */
+export type EleCrudInstance = InstanceType<typeof EleCrud> | null;
+
+export type EleCrudProps = ComponentProps<CrudProps>;
+
+/**
+ * EleCrud
+ */
+export type EleCrudBuilderInstance = InstanceType<typeof EleCrudBuilder> | null;
+
 /**
  * EleDataTable
  */
@@ -109,11 +140,23 @@ export type EleMenuItemProps = Partial<MenuItem>;
  */
 export type EleModalProps = ComponentProps<ModalProps>;
 
+/**
+ * ElePage
+ */
+export type ElePageProps = ComponentProps<PageProps>;
+
 /**
  * ElePagination
  */
 export type ElePaginationProps = ComponentProps<PaginationProps>;
 
+/**
+ * ElePopconfirm
+ */
+export type ElePopconfirmInstance = InstanceType<typeof ElePopconfirm> | null;
+
+export type ElePopconfirmProps = Partial<PopconfirmProps>;
+
 /**
  * ElePopover
  */
@@ -131,6 +174,17 @@ export type ElePrinterProps = ComponentProps<PrinterProps>;
  */
 export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
 
+export type EleProFormProps = ComponentProps<ProFormProps>;
+
+/**
+ * EleProFormBuilder
+ */
+export type EleProFormBuilderInstance = InstanceType<
+  typeof EleProFormBuilder
+> | null;
+
+export type EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;
+
 /**
  * EleProTable
  */
@@ -138,6 +192,13 @@ export type EleProTableInstance = InstanceType<typeof EleProTable> | null;
 
 export type EleProTableProps = ComponentProps<ProTableProps>;
 
+/**
+ * EleSplitPanel
+ */
+export type EleSplitPanelInstance = InstanceType<typeof EleSplitPanel> | null;
+
+export type EleSplitPanelProps = ComponentProps<SplitPanelProps>;
+
 /**
  * EleTable
  */
@@ -187,3 +248,13 @@ export type EleUploadListProps = Partial<UploadListProps>;
 export type EleVirtualTableInstance = InstanceType<
   typeof EleVirtualTable
 > | null;
+
+/**
+ * Message
+ */
+export type EleMessageOptions = Partial<MessageOptions>;
+
+/**
+ * MessageBox
+ */
+export type EleMessageBoxOptions = Partial<MessageBoxOptions>;

package/es/ele-app/style/overwrite/autocomplete/index.scss

@@ -6,11 +6,6 @@
 
 /* Autocomplete */
 .el-autocomplete__popper {
-  .el-autocomplete-suggestion {
-    background: inherit;
-    border-radius: inherit;
-  }
-
   .el-autocomplete-suggestion__wrap {
     padding: 0;
   }

package/es/ele-app/style/overwrite/cascader/index.scss

@@ -6,12 +6,6 @@
 
 /* Cascader */
 .el-cascader__dropdown {
-  .el-cascader-panel,
-  .el-cascader__suggestion-panel {
-    background: inherit;
-    border-radius: inherit;
-  }
-
   .el-cascader-menu__list {
     padding: eleVar('cascader', 'menu-padding');
   }
@@ -110,7 +104,8 @@
 }
 
 .el-cascader .el-cascader__tags {
-  padding: 0 0 0 4px;
+  gap: 0;
+  padding: 3px 0 3px 4px;
 }
 
 .el-cascader .el-cascader__tags .el-tag,
@@ -161,6 +156,5 @@
 .el-popper > .el-cascader__collapse-tags {
   margin: -5px -11px;
   padding: 8px 10px;
-  background: inherit;
-  border-radius: inherit;
+  gap: 0;
 }

package/es/ele-app/style/overwrite/date-picker/index.scss

@@ -347,6 +347,25 @@
       box-sizing: border-box;
     }
 
+    .el-date-range-picker__header-label {
+      flex-shrink: 0;
+      color: eleVar('datepicker', 'label-color');
+      font-size: eleVar('datepicker', 'label-size');
+      font-weight: eleVar('datepicker', 'label-weight');
+      line-height: inherit;
+      padding: 0;
+      box-sizing: border-box;
+      transition: color $transition-base;
+
+      & + .el-date-range-picker__header-label {
+        margin-left: eleVar('datepicker', 'label-space');
+      }
+
+      &:hover {
+        color: eleVar('datepicker', 'label-hover-color');
+      }
+    }
+
     .el-picker-panel__icon-btn {
       margin: 0;
       padding: 0;
@@ -606,19 +625,8 @@
     position: absolute;
     top: eleVar('popper', 'arrow-offset');
     left: 20px;
+    clip-path: polygon(0 100%, 0 0, 100% 0);
   }
-
-  & > .el-time-panel__content {
-    background: inherit;
-    border-radius: inherit;
-  }
-}
-
-// 日期/时间选择气泡
-.el-popper .el-picker-panel,
-.el-popper .el-time-panel {
-  background: inherit;
-  border-radius: inherit;
 }
 
 /* TimePicker */