ele-admin-plus 1.5.1-beta.3 → 1.6.0-beta.1

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

@@ -1,6 +1,6 @@
-import { defineComponent, onBeforeUnmount, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, createCommentVNode, createVNode, unref, normalizeClass, withCtx, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { defineComponent, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, normalizeClass, withCtx, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, createCommentVNode } from "vue";
 import { ElIcon } from "element-plus";
-import { LoadingOutlined, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../../icons/index";
+import { LoadingDotOutlined, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../../icons/index";
 const _hoisted_1 = { class: "ele-message-icon" };
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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 }))
+              __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : __props.loading ? (openBlock(), createBlock(unref(LoadingDotOutlined), { 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"])

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

@@ -1,4 +1,4 @@
-import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, withDirectives, createElementBlock, openBlock, createBlock, createCommentVNode, resolveDynamicComponent, unref, vShow } from "vue";
+import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, withDirectives, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, createCommentVNode, vShow } from "vue";
 import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled } from "../../icons/index";
 const _hoisted_1 = { class: "ele-message-box-icon" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -3,7 +3,7 @@ import type {
   // ElAlert
   AlertProps,
   // ElAutocomplete
-  ElAutocomplete,
+  AutocompleteInstance,
   // ElAvatar
   AvatarProps,
   // ElBadge
@@ -65,13 +65,13 @@ import type {
   // ElMessageBox
   ElMessageBoxOptions as MessageBoxOptions,
   // ElMention
-  ElMention,
+  MentionInstance,
   // ElPopper
   ElPopper,
   ElPopover,
   PopoverProps,
   ElTooltip,
-  ElTooltipProps as TooltipProps,
+  UseTooltipProps as TooltipProps,
   TooltipContentInstance,
   PopconfirmProps,
   // ElProgress
@@ -93,6 +93,7 @@ import type {
   // ElTable
   ElTable,
   TableProps,
+  TableColumnCtx,
   ElTableV2,
   TableV2Props,
   // ElTabs
@@ -103,15 +104,16 @@ import type {
   ElTag,
   TagProps,
   // ElTransfer
-  ElTransfer,
+  TransferInstance,
   // ElTreeSelect
   ElTreeSelect,
   // ElTree
   ElTree,
   // ElTreeV2
-  ElTreeV2
+  ElTreeV2,
+  // ElUpload
+  UploadProps
 } 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';
@@ -124,7 +126,7 @@ export type ElAlertProps = ComponentProps<AlertProps>;
 /**
  * ElAutocomplete
  */
-export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;
+export type ElAutocompleteInstance = AutocompleteInstance | null;
 
 /**
  * ElAvatar
@@ -282,7 +284,7 @@ export type ElMessageBoxOptions = Partial<MessageBoxOptions>;
 /**
  * ElMention
  */
-export type ElMentionInstance = InstanceType<typeof ElMention> | null;
+export type ElMentionInstance = MentionInstance | null;
 
 /**
  * ElPopper
@@ -352,7 +354,7 @@ export type ElTableProps<T extends Record<PropertyKey, any>> = ComponentProps<
   TableProps<T>
 >;
 
-export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+export type ElColumnProps = Partial<TableColumnCtx<Record<string, any>>>;
 
 export type ElTableV2Instance = InstanceType<typeof ElTableV2> | null;
 
@@ -377,7 +379,7 @@ export type ElTagProps = ComponentProps<TagProps>;
 /**
  * ElTransfer
  */
-export type ElTransferInstance = InstanceType<typeof ElTransfer> | null;
+export type ElTransferInstance = TransferInstance | null;
 
 /**
  * ElTreeSelect
@@ -397,3 +399,8 @@ export type ElTreeProps = ComponentProps<TreeComponentProps>;
 export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
 
 export type ElTreeV2Props = ComponentProps<TreeProps>;
+
+/**
+ * ElUpload
+ */
+export type ElUploadProps = ComponentProps<UploadProps>;

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

@@ -2,15 +2,24 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    openModal: (option: import('../ele-modal-render/types').ModalItem) => import('../ele-modal-render/types').ModalItemId;
+    openModal: <T extends import('../ele-modal-render/types').ModalItemType, P extends Record<string, any>>(option: import('../ele-modal-render/types').ModalItem<T, P>) => import('../ele-modal-render/types').ModalItemId;
     closeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
     closeAllModal: () => void;
     removeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
-    updateModalProps: (modalId?: import('../ele-modal-render/types').ModalItemId, option?: Record<string, any>) => void;
+    removeAllModal: () => void;
+    updateModalProps: <T extends import('../ele-modal-render/types').ModalItemType>(modalId?: import('../ele-modal-render/types').ModalItemId, option?: import('../ele-modal-render/types').ModalItemProps<T>) => void;
     dropdownRef: import('vue').Ref<import('./plus').EleDropdownInstance, import('./plus').EleDropdownInstance>;
     openDropdown: (triggerEl: any, items?: import('../ele-dropdown/types').DropdownItem[], props?: import('./plus').EleDropdownPropsAndEmits) => void;
+    removeDropdown: (triggerEl?: any) => void;
     popconfirmRef: import('vue').Ref<import('./plus').ElePopconfirmInstance, import('./plus').ElePopconfirmInstance>;
     openPopconfirm: (triggerEl: any, props?: import('./plus').ElePopconfirmPropsAndEmits) => void;
+    removePopconfirm: (triggerEl?: any) => void;
+    tooltipRef: import('vue').Ref<import('./plus').EleTooltipInstance, import('./plus').EleTooltipInstance>;
+    showTooltip: (triggerEl: any, props?: import('./plus').EleTooltipPropsAndEmits) => void;
+    removeTooltip: (triggerEl?: any) => void;
+    imageViewerRef: import('vue').Ref<import('./plus').EleImageViewerInstance, import('./plus').EleImageViewerInstance>;
+    opemImageViewer: (props?: import('./plus').EleImageViewerPropsAndEmits) => void;
+    removeImageViewer: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/ele-app/index.js

@@ -1,10 +1,14 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, renderSlot, createVNode, unref, mergeProps } from "vue";
+import { defineComponent, openBlock, createElementBlock, Fragment, renderSlot, createVNode, unref, createBlock, mergeProps, createCommentVNode, isRef } from "vue";
 import EleModalRender from "../ele-modal-render/index";
 import { useModalRenderProvider } from "../ele-modal-render/util";
 import EleDropdown from "../ele-dropdown/index";
 import { useDropdownProvider } from "../ele-dropdown-provider/util";
 import ElePopconfirm from "../ele-popconfirm/index";
 import { usePopconfirmProvider } from "../ele-popconfirm-provider/util";
+import EleTooltip from "../ele-tooltip/index";
+import { useTooltipProvider } from "../ele-tooltip-provider/util";
+import EleImageViewer from "../ele-image-viewer/index";
+import { useImageViewerProvider } from "../ele-image-viewer-provider/util";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleApp" },
   __name: "index",
@@ -15,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       closeModal,
       closeAllModal,
       removeModal,
+      removeAllModal,
       updateModalVisible,
       updateModalProps
     } = useModalRenderProvider();
@@ -23,27 +28,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       dropdownVirtualRef,
       dropdownItems,
       dropdownProps,
-      openDropdown
+      openDropdown,
+      removeDropdown
     } = useDropdownProvider();
     const {
       popconfirmRef,
       popconfirmVirtualRef,
       popconfirmProps,
-      openPopconfirm
+      openPopconfirm,
+      removePopconfirm
     } = usePopconfirmProvider();
+    const {
+      tooltipRef,
+      tooltipVirtualRef,
+      tooltipProps,
+      showTooltip,
+      removeTooltip
+    } = useTooltipProvider();
+    const {
+      imageViewerRef,
+      imageViewerProps,
+      imageViewerVisible,
+      opemImageViewer,
+      removeImageViewer
+    } = useImageViewerProvider();
     __expose({
       // 弹窗操作
       openModal,
       closeModal,
       closeAllModal,
       removeModal,
+      removeAllModal,
       updateModalProps,
       // 下拉菜单操作
       dropdownRef,
       openDropdown,
+      removeDropdown,
       // 气泡确认框操作
       popconfirmRef,
-      openPopconfirm
+      openPopconfirm,
+      removePopconfirm,
+      // 文本提示操作
+      tooltipRef,
+      showTooltip,
+      removeTooltip,
+      // 提供图片预览操作
+      imageViewerRef,
+      opemImageViewer,
+      removeImageViewer
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
@@ -54,20 +86,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onUpdateItemVisible: unref(updateModalVisible),
           onUpdateItemProps: unref(updateModalProps)
         }, null, 8, ["modals", "onRemoveItem", "onUpdateItemVisible", "onUpdateItemProps"]),
-        createVNode(EleDropdown, mergeProps(unref(dropdownProps), {
+        unref(dropdownVirtualRef) ? (openBlock(), createBlock(EleDropdown, mergeProps({ key: 0 }, unref(dropdownProps), {
           ref_key: "dropdownRef",
           ref: dropdownRef,
-          triggerKeys: [],
           persistent: false,
+          validateEvent: false,
           componentType: "pro",
           virtualTriggering: true,
           virtualRef: unref(dropdownVirtualRef),
           disabled: !unref(dropdownItems).length,
           items: unref(dropdownItems)
-        }), null, 16, ["virtualRef", "disabled", "items"]),
-        createVNode(ElePopconfirm, mergeProps({
+        }), null, 16, ["virtualRef", "disabled", "items"])) : createCommentVNode("", true),
+        unref(popconfirmVirtualRef) ? (openBlock(), createBlock(ElePopconfirm, mergeProps({
+          key: 1,
           width: 200,
-          triggerKeys: [],
           persistent: false,
           placement: "top-end"
         }, unref(popconfirmProps), {
@@ -75,7 +107,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: popconfirmRef,
           virtualTriggering: true,
           virtualRef: unref(popconfirmVirtualRef)
-        }), null, 16, ["virtualRef"])
+        }), null, 16, ["virtualRef"])) : createCommentVNode("", true),
+        unref(tooltipVirtualRef) ? (openBlock(), createBlock(EleTooltip, mergeProps({
+          key: 2,
+          persistent: false
+        }, unref(tooltipProps), {
+          ref_key: "tooltipRef",
+          ref: tooltipRef,
+          virtualTriggering: true,
+          virtualRef: unref(tooltipVirtualRef)
+        }), null, 16, ["virtualRef"])) : createCommentVNode("", true),
+        unref(imageViewerProps) ? (openBlock(), createBlock(EleImageViewer, mergeProps({ key: 3 }, unref(imageViewerProps), {
+          ref_key: "imageViewerRef",
+          ref: imageViewerRef,
+          modelValue: unref(imageViewerVisible),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(imageViewerVisible) ? imageViewerVisible.value = $event : null)
+        }), null, 16, ["modelValue"])) : createCommentVNode("", true)
       ], 64);
     };
   }

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

@@ -4,6 +4,7 @@ import type EleBasicSelect from '../ele-basic-select/index';
 import type EleBasicSelectView from '../ele-basic-select/components/select-view';
 import type { BreadcrumbProps } from '../ele-breadcrumb/props';
 import type { CardProps } from '../ele-card/props';
+import type EleChat from '../ele-chat/index';
 import type EleCronPanel from '../ele-cron-panel/index';
 import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
@@ -15,7 +16,11 @@ import type {
   DropdownPropsAndEmits
 } from '../ele-dropdown/props';
 import type { FileListProps } from '../ele-file-list/props';
-import type { ImageViewerProps } from '../ele-image-viewer/props';
+import type EleImageViewer from '../ele-image-viewer/index';
+import type {
+  ImageViewerProps,
+  ImageViewerPropsAndEmits
+} from '../ele-image-viewer/props';
 import type { LoadingProps } from '../ele-loading/props';
 import type EleMenus from '../ele-menus/index';
 import type { MenusProps } from '../ele-menus/props';
@@ -46,7 +51,7 @@ import type EleTool from '../ele-tool/index';
 import type { ToolProps } from '../ele-tool/props';
 import type { ToolbarProps } from '../ele-toolbar/props';
 import type EleTooltip from '../ele-tooltip/index';
-import type { TooltipProps } from '../ele-tooltip/props';
+import type { TooltipProps, TooltipPropsAndEmits } from '../ele-tooltip/props';
 import type EleTreeSelect from '../ele-tree-select/index';
 import type EleUploadList from '../ele-upload-list/index';
 import type { UploadListProps } from '../ele-upload-list/props';
@@ -84,6 +89,11 @@ export type EleBreadcrumbProps = ComponentProps<BreadcrumbProps>;
  */
 export type EleCardProps = ComponentProps<CardProps>;
 
+/**
+ * EleChat
+ */
+export type EleChatInstance = InstanceType<typeof EleChat> | null;
+
 /**
  * EleCronPanel
  */
@@ -122,8 +132,13 @@ export type EleFileListProps = ComponentProps<FileListProps>;
 /**
  * EleImageViewer
  */
+export type EleImageViewerInstance = InstanceType<typeof EleImageViewer> | null;
+
 export type EleImageViewerProps = ComponentProps<ImageViewerProps>;
 
+export type EleImageViewerPropsAndEmits =
+  ComponentProps<ImageViewerPropsAndEmits>;
+
 /**
  * EleLoading
  */
@@ -235,6 +250,8 @@ export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
 
 export type EleTooltipProps = Partial<TooltipProps>;
 
+export type EleTooltipPropsAndEmits = Partial<TooltipPropsAndEmits>;
+
 /**
  * EleTreeSelect
  */

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

@@ -1,5 +1,4 @@
 import type { CropperProps } from '../ele-cropper/props';
-import type CropperPreview from '../ele-cropper/components/cropper-preview';
 import type EleCrud from '../ele-crud/index';
 import type { CrudProps } from '../ele-crud/props';
 import type EleCrudBuilder from '../ele-crud-builder/index';
@@ -15,10 +14,6 @@ import type { ComponentProps } from './types';
  */
 export type EleCropperProps = ComponentProps<CropperProps>;
 
-export type EleCropperPreviewInstance = InstanceType<
-  typeof CropperPreview
-> | null;
-
 /**
  * EleCrud
  */

package/es/ele-app/style/index.js

@@ -5,3 +5,5 @@ import "./message/index";
 import "../../ele-modal-render/style/index";
 import "../../ele-dropdown/style/index";
 import "../../ele-popconfirm/style/index";
+import "../../ele-tooltip/style/index";
+import "../../ele-image-viewer/style/index";

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

@@ -126,3 +126,15 @@ body .el-radio-group > .el-radio {
 .el-radio-group > .el-radio:last-child {
   margin-right: 0;
 }
+
+body .el-radio-button.is-active {
+  .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
+    box-shadow: none;
+    outline-color: elVar('color-primary');
+    z-index: 2;
+  }
+}
+
+body .el-radio-button__inner {
+  transition: color $transition-base;
+}

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

@@ -297,6 +297,7 @@ span.el-tag.is-round {
 /* 小尺寸 */
 .el-tag.el-tag--small {
   height: eleVar('tag', 'sm-height');
+  line-height: eleVar('tag', 'sm-height');
   font-size: eleVar('tag', 'sm-size');
   border-radius: eleVar('tag', 'sm-radius');
 

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

@@ -4,7 +4,8 @@ import type {
   SetupContext,
   VNode,
   EmitsOptions,
-  ObjectEmitsOptions
+  ObjectEmitsOptions,
+  Slot
 } from 'vue';
 
 /**
@@ -39,7 +40,10 @@ export type ClassValue = string | Record<string, boolean | undefined>;
 /**
  * 类名多个值
  */
-export type ClassValues = ClassValue | Array<ClassValue>;
+export type ClassValues =
+  | string
+  | Record<string, boolean | undefined>
+  | Array<string | Record<string, boolean | undefined> | Array<any>>;
 
 /**
  * 组件属性
@@ -49,12 +53,19 @@ export type ComponentProps<T> = MutablePartial<T> & {
   class?: ClassValues;
   /** 样式 */
   style?: StyleValues;
+  /** key */
+  key?: keyof any;
 };
 
 /**
  * 组件名或组件
  */
-export type UserComponent = string | Component;
+export type UserComponent<P = any> = string | Component<P>;
+
+/**
+ * 组件插槽配置
+ */
+export type UserComponentSlots = Record<string, string | Slot>;
 
 /**
  * 组件事件触发器