ele-admin-plus 1.4.1-beta.1 → 1.5.0-beta.1

package/lib/ele-app/index.cjs

@@ -1,12 +1,81 @@
 "use strict";
 const vue = require("vue");
-const index = vue.defineComponent({
-  name: "EleApp",
-  setup(_props, { slots }) {
-    return () => {
-      var _a;
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+const EleModalRender = require("../ele-modal-render/index");
+const util = require("../ele-modal-render/util");
+const EleDropdown = require("../ele-dropdown/index");
+const util$1 = require("../ele-dropdown-provider/util");
+const ElePopconfirm = require("../ele-popconfirm/index");
+const util$2 = require("../ele-popconfirm-provider/util");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleApp" },
+  __name: "index",
+  setup(__props, { expose: __expose }) {
+    const {
+      modals,
+      openModal,
+      closeModal,
+      closeAllModal,
+      removeModal,
+      updateModalVisible,
+      updateModalProps
+    } = util.useModalRenderProvider();
+    const {
+      dropdownRef,
+      dropdownVirtualRef,
+      dropdownItems,
+      dropdownProps,
+      openDropdown
+    } = util$1.useDropdownProvider();
+    const {
+      popconfirmRef,
+      popconfirmVirtualRef,
+      popconfirmProps,
+      openPopconfirm
+    } = util$2.usePopconfirmProvider();
+    __expose({
+      // 弹窗操作
+      openModal,
+      closeModal,
+      closeAllModal,
+      updateModalProps,
+      // 下拉菜单操作
+      openDropdown,
+      // 气泡确认框操作
+      openPopconfirm
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(vue.unref(EleModalRender), {
+          modals: vue.unref(modals),
+          onRemoveItem: vue.unref(removeModal),
+          onUpdateItemVisible: vue.unref(updateModalVisible),
+          onUpdateItemProps: vue.unref(updateModalProps)
+        }, null, 8, ["modals", "onRemoveItem", "onUpdateItemVisible", "onUpdateItemProps"]),
+        vue.createVNode(EleDropdown, vue.mergeProps(vue.unref(dropdownProps), {
+          ref_key: "dropdownRef",
+          ref: dropdownRef,
+          triggerKeys: [],
+          persistent: false,
+          componentType: "pro",
+          virtualTriggering: true,
+          virtualRef: vue.unref(dropdownVirtualRef),
+          disabled: !vue.unref(dropdownItems).length,
+          items: vue.unref(dropdownItems)
+        }), null, 16, ["virtualRef", "disabled", "items"]),
+        vue.createVNode(ElePopconfirm, vue.mergeProps({
+          width: 200,
+          triggerKeys: [],
+          persistent: false,
+          placement: "top-end"
+        }, vue.unref(popconfirmProps), {
+          ref_key: "popconfirmRef",
+          ref: popconfirmRef,
+          virtualTriggering: true,
+          virtualRef: vue.unref(popconfirmVirtualRef)
+        }), null, 16, ["virtualRef"])
+      ], 64);
     };
   }
 });
-module.exports = index;
+module.exports = _sfc_main;

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

@@ -1,4 +1,18 @@
-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<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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;
+    closeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
+    closeAllModal: () => void;
+    updateModalProps: (modalId?: import('../ele-modal-render/types').ModalItemId, option?: Record<string, any>) => void;
+    openDropdown: (triggerEl: any, items?: import('../ele-dropdown/types').DropdownItem[], props?: import('./plus').EleDropdownPropsAndEmits) => void;
+    openPopconfirm: (triggerEl: any, props?: import('./plus').ElePopconfirmPropsAndEmits) => 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;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -4,22 +4,32 @@ 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 EleCronPanel from '../ele-cron-panel/index';
 import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
-import type { DrawerProps } from '../ele-drawer/props';
+import type EleDrawer from '../ele-drawer/index';
+import type { DrawerProps, DrawerPropsAndEmits } from '../ele-drawer/props';
 import type EleDropdown from '../ele-dropdown/index';
-import type { DropdownProps } from '../ele-dropdown/props';
+import type {
+  DropdownProps,
+  DropdownPropsAndEmits
+} from '../ele-dropdown/props';
 import type { FileListProps } from '../ele-file-list/props';
 import type { ImageViewerProps } 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';
 import type { MenuItem } from '../ele-menus/types';
-import type { ModalProps } from '../ele-modal/props';
+import type EleModal from '../ele-modal/index';
+import type { ModalProps, ModalPropsAndEmits } from '../ele-modal/props';
+import type ElePage from '../ele-page/index';
 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 {
+  PopconfirmProps,
+  PopconfirmPropsAndEmits
+} 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';
@@ -28,6 +38,7 @@ 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 EleTableSelect from '../ele-table-select/index';
 import type EleTabs from '../ele-tabs/index';
 import type EleText from '../ele-text/index';
 import type { TextProps } from '../ele-text/props';
@@ -36,14 +47,13 @@ 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 EleTreeSelect from '../ele-tree-select/index';
 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';
-export type * from './plusx';
 
 /**
  * EleAdminLayout
@@ -75,9 +85,9 @@ export type EleBreadcrumbProps = ComponentProps<BreadcrumbProps>;
 export type EleCardProps = ComponentProps<CardProps>;
 
 /**
- * EleConfigProvider
+ * EleCronPanel
  */
-export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
+export type EleCronPanelInstance = InstanceType<typeof EleCronPanel> | null;
 
 /**
  * EleDataTable
@@ -89,8 +99,12 @@ export type EleDataTableProps = ComponentProps<DataTableProps>;
 /**
  * EleDrawer
  */
+export type EleDrawerInstance = InstanceType<typeof EleDrawer> | null;
+
 export type EleDrawerProps = ComponentProps<DrawerProps>;
 
+export type EleDrawerPropsAndEmits = ComponentProps<DrawerPropsAndEmits>;
+
 /**
  * EleDropdown
  */
@@ -98,6 +112,8 @@ export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
 
 export type EleDropdownProps = ComponentProps<DropdownProps>;
 
+export type EleDropdownPropsAndEmits = ComponentProps<DropdownPropsAndEmits>;
+
 /**
  * EleFileList
  */
@@ -125,11 +141,17 @@ export type EleMenuItemProps = Partial<MenuItem>;
 /**
  * EleModal
  */
+export type EleModalInstance = InstanceType<typeof EleModal> | null;
+
 export type EleModalProps = ComponentProps<ModalProps>;
 
+export type EleModalPropsAndEmits = ComponentProps<ModalPropsAndEmits>;
+
 /**
  * ElePage
  */
+export type ElePageInstance = InstanceType<typeof ElePage> | null;
+
 export type ElePageProps = ComponentProps<PageProps>;
 
 /**
@@ -144,6 +166,8 @@ export type ElePopconfirmInstance = InstanceType<typeof ElePopconfirm> | null;
 
 export type ElePopconfirmProps = Partial<PopconfirmProps>;
 
+export type ElePopconfirmPropsAndEmits = Partial<PopconfirmPropsAndEmits>;
+
 /**
  * ElePopover
  */
@@ -175,6 +199,11 @@ export type EleSplitPanelProps = ComponentProps<SplitPanelProps>;
  */
 export type EleTableProps = ComponentProps<TableProps>;
 
+/**
+ * EleTableSelect
+ */
+export type EleTableSelectInstance = InstanceType<typeof EleTableSelect> | null;
+
 /**
  * EleTabs
  */
@@ -206,6 +235,11 @@ export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
 
 export type EleTooltipProps = Partial<TooltipProps>;
 
+/**
+ * EleTreeSelect
+ */
+export type EleTreeSelectInstance = InstanceType<typeof EleTreeSelect> | null;
+
 /**
  * EleUploadList
  */

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

@@ -1,40 +1,53 @@
-import { CropperProps } from '../ele-cropper/props';
-import { default as CropperPreview } from '../ele-cropper/components/cropper-preview';
-import { default as EleCrud } from '../ele-crud/index';
-import { CrudProps } from '../ele-crud/props';
-import { default as EleCrudBuilder } from '../ele-crud-builder/index';
-import { default as MapView } from '../ele-map-picker/components/map-view';
-import { default as EleProForm } from '../ele-pro-form/index';
-import { ProFormProps } from '../ele-pro-form/props';
-import { default as EleProFormBuilder } from '../ele-pro-form-builder/index';
-import { ProFormBuilderProps } from '../ele-pro-form-builder/props';
-import { ComponentProps } from './types';
+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';
+import type MapView from '../ele-map-picker/components/map-view';
+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 { ComponentProps } from './types';
 
 /**
  * EleCropper
  */
 export type EleCropperProps = ComponentProps<CropperProps>;
-export type EleCropperPreviewInstance = InstanceType<typeof CropperPreview> | null;
+
+export type EleCropperPreviewInstance = InstanceType<
+  typeof CropperPreview
+> | null;
+
 /**
  * EleCrud
  */
 export type EleCrudInstance = InstanceType<typeof EleCrud> | null;
+
 export type EleCrudProps = ComponentProps<CrudProps>;
+
 /**
  * EleCrudBuilder
  */
 export type EleCrudBuilderInstance = InstanceType<typeof EleCrudBuilder> | null;
+
 /**
  * EleMapPicker
  */
 export type EleMapPickerViewInstance = InstanceType<typeof MapView> | null;
+
 /**
  * EleProForm
  */
 export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
+
 export type EleProFormProps = ComponentProps<ProFormProps>;
+
 /**
  * EleProFormBuilder
  */
-export type EleProFormBuilderInstance = InstanceType<typeof EleProFormBuilder> | null;
+export type EleProFormBuilderInstance = InstanceType<
+  typeof EleProFormBuilder
+> | null;
+
 export type EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;

package/lib/ele-app/style/index.cjs

@@ -3,3 +3,6 @@ require("./overwrite/index");
 require("./scrollbar/index");
 require("./common/index");
 require("./message/index");
+require("../../ele-modal-render/style/index");
+require("../../ele-dropdown/style/index");
+require("../../ele-popconfirm/style/index");

package/lib/ele-app/style/message/index.scss

@@ -64,6 +64,9 @@
     box-shadow: eleVar('message', 'shadow');
     border-radius: eleVar('message', 'radius');
     background: elVar('color-primary', 'light-9');
+    background:
+      linear-gradient(transparent 0, #{elVar('color-primary', 'light-9')} 0),
+      eleVar('message', 'bg');
     border: 0 solid elVar('color-primary', 'light-8');
     z-index: calc(#{eleVar('message', 'index')} + 1);
     transition: (
@@ -116,6 +119,9 @@
 /* 情景色类型 */
 .ele-message.el-message--success > .el-message__icon {
   background: elVar('color-success', 'light-9');
+  background:
+    linear-gradient(transparent 0, #{elVar('color-success', 'light-9')} 0),
+    eleVar('message', 'bg');
   border-color: elVar('color-success', 'light-7');
 
   & > .ele-message-icon {
@@ -125,6 +131,9 @@
 
 .ele-message.el-message--warning > .el-message__icon {
   background: elVar('color-warning', 'light-9');
+  background:
+    linear-gradient(transparent 0, #{elVar('color-warning', 'light-9')} 0),
+    eleVar('message', 'bg');
   border-color: elVar('color-warning', 'light-7');
 
   & > .ele-message-icon {
@@ -134,6 +143,9 @@
 
 .ele-message.el-message--error > .el-message__icon {
   background: elVar('color-error', 'light-9');
+  background:
+    linear-gradient(transparent 0, #{elVar('color-error', 'light-9')} 0),
+    eleVar('message', 'bg');
   border-color: elVar('color-error', 'light-7');
 
   & > .ele-message-icon {

package/lib/ele-app/style/overwrite/color-picker/index.scss

@@ -2,8 +2,10 @@
 @use '../../../../style/util.scss' as *;
 
 /* ColorPicker */
-body .el-color-picker__panel {
+body .el-color-picker__panel,
+body .el-color-picker-panel {
   padding: 10px;
+  background: none;
 }
 
 .el-color-picker__panel {

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

@@ -4,6 +4,10 @@
 
 @include set-el-date-picker-var($ele);
 
+.el-popper .el-picker-panel {
+  background: none;
+}
+
 /* DatePicker */
 .el-date-picker {
   // header
@@ -640,7 +644,7 @@
       left: eleVar('timepicker', 'line-margin');
       right: eleVar('timepicker', 'line-margin');
       height: calc(#{$h} + #{$s} * 2);
-      margin: calc(0px - #{$h} / 2 - #{$s}) 0 0 0;
+      margin: calc((#{$h} / 2 + #{$s}) * -1) 0 0 0;
       border-top: eleVar('timepicker', 'line');
       border-bottom: eleVar('timepicker', 'line');
       pointer-events: none;
@@ -856,7 +860,7 @@
 }
 
 /* 日期选择小屏幕自适应 */
-@media screen and (max-width: 768px) {
+@media screen and (max-width: #{$mobile-max-width}) {
   .el-date-range-picker {
     .el-picker-panel__body {
       flex-direction: column;

package/lib/ele-app/style/overwrite/input/index.scss

@@ -49,6 +49,7 @@ body .el-input-number:not(.is-disabled):hover .el-input .el-input__wrapper {
 .el-select .el-select__wrapper:not(.is-disabled).is-focused,
 .el-cascader .el-input.el-input--suffix .el-input__wrapper.is-focus,
 .el-cascader .el-input.el-input--suffix.is-focus .el-input__wrapper,
+.el-input.el-date-editor.is-focus .el-input__wrapper,
 .el-range-editor.el-input__wrapper.is-active:not(.is-disabled),
 body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
   border: eleVar('input', 'focus-border');
@@ -328,10 +329,13 @@ body .el-textarea .el-input__count {
   font-size: eleVar('input', 'count-size');
   background: eleVar('textarea', 'count-bg');
   padding: eleVar('textarea', 'count-padding');
+  border-radius: eleVar('textarea', 'count-radius');
+  backdrop-filter: eleVar('textarea', 'count-backdrop-filter');
   bottom: eleVar('textarea', 'count-bottom');
   right: eleVar('textarea', 'count-right');
   box-sizing: border-box;
   line-height: normal;
+  overflow: hidden;
 }
 
 .el-textarea.el-input--small .el-textarea__inner {

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

@@ -27,8 +27,8 @@ body .el-radio {
       $size: eleVar('radio', 'dot-size');
       width: $size;
       height: $size;
-      margin-top: calc(0px - (#{$size} / 2));
-      margin-left: calc(0px - (#{$size} / 2));
+      margin-top: calc(#{$size} / 2 * -1);
+      margin-left: calc(#{$size} / 2 * -1);
       background: eleVar('radio', 'dot-color');
       border-radius: eleVar('radio', 'dot-radius');
       transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
@@ -88,8 +88,8 @@ body .el-radio {
         $size: eleVar('radio', 'sm-dot-size');
         width: $size;
         height: $size;
-        margin-top: calc(0px - (#{$size} / 2));
-        margin-left: calc(0px - (#{$size} / 2));
+        margin-top: calc(#{$size} / 2 * -1);
+        margin-left: calc(#{$size} / 2 * -1);
         border-radius: eleVar('radio', 'sm-dot-radius');
       }
     }
@@ -110,8 +110,8 @@ body .el-radio {
         $size: eleVar('radio', 'lg-dot-size');
         width: $size;
         height: $size;
-        margin-top: calc(0px - (#{$size} / 2));
-        margin-left: calc(0px - (#{$size} / 2));
+        margin-top: calc(#{$size} / 2 * -1);
+        margin-left: calc(#{$size} / 2 * -1);
         border-radius: eleVar('radio', 'lg-dot-radius');
       }
     }

package/lib/ele-app/style/overwrite/select/index.scss

@@ -106,7 +106,7 @@
 
 .el-select .el-select__selection.is-near {
   gap: 0;
-  margin: 0 0 0 calc(0px - #{eleVar('input', 'padding-left', 12px)});
+  margin: 0 0 0 calc(#{eleVar('input', 'padding-left', 12px)} * -1);
   padding: 1px 0 1px 3px;
   box-sizing: border-box;
 }
@@ -142,7 +142,7 @@
 }
 
 .el-select--small .el-select__selection.is-near {
-  margin: 0 0 0 calc(0px - #{eleVar('input-sm', 'padding-left', 8px)});
+  margin: 0 0 0 calc(#{eleVar('input-sm', 'padding-left', 8px)} * -1);
   padding: 1px 0 1px 3px;
 }
 
@@ -174,7 +174,7 @@
 }
 
 .el-select--large .el-select__selection.is-near {
-  margin: 0 0 0 calc(0px - #{eleVar('input-lg', 'padding-left', 16px)});
+  margin: 0 0 0 calc(#{eleVar('input-lg', 'padding-left', 16px)} * -1);
 }
 
 .el-select--large .el-select__tags .el-select__input {

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

@@ -11,7 +11,14 @@ import type {
  * 只读属性改为可读
  */
 export type Mutable<T> = {
-  -readonly [P in keyof T]: T[P];
+  -readonly [P in keyof T]: Mutable<T[P]>;
+};
+
+/**
+ * 只读属性改为可读及非必须
+ */
+export type MutablePartial<T> = {
+  -readonly [P in keyof T]?: T[P];
 };
 
 /**
@@ -37,7 +44,7 @@ export type ClassValues = ClassValue | Array<ClassValue>;
 /**
  * 组件属性
  */
-export type ComponentProps<T> = Mutable<Partial<T>> & {
+export type ComponentProps<T> = MutablePartial<T> & {
   /** 类名 */
   class?: ClassValues;
   /** 样式 */