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

package/es/ele-watermark/util.js

@@ -1,4 +1,6 @@
 import { onBeforeUnmount } from "vue";
+import { ERROR_MESSAGE_KEY } from "../utils/common";
+import { ERROR_MESSAGE_KEY as ERROR_MESSAGE_KEY2 } from "../utils/common";
 function getFont(font) {
   const style = {
     color: "rgba(122, 122, 122, .35)",
@@ -17,9 +19,13 @@ function getPixelRatio() {
   return window.devicePixelRatio || 1;
 }
 function rotateWatermark(ctx, rotateX, rotateY, rotate) {
-  ctx.translate(rotateX, rotateY);
-  ctx.rotate(Math.PI / 180 * Number(rotate));
-  ctx.translate(-rotateX, -rotateY);
+  try {
+    ctx.translate(rotateX, rotateY);
+    ctx.rotate(Math.PI / 180 * Number(rotate));
+    ctx.translate(-rotateX, -rotateY);
+  } catch (e) {
+    console.error(e, ERROR_MESSAGE_KEY);
+  }
 }
 function joinStyle(style) {
   const result = Object.keys(style).map((key) => {
@@ -61,6 +67,7 @@ function useMutation(option) {
   return { observe, disconnect };
 }
 export {
+  ERROR_MESSAGE_KEY2 as INFO_LOG_KEY,
   getFont,
   getGap,
   getPixelRatio,

package/es/style/themes/default.scss

@@ -633,6 +633,7 @@ $ele: map.deep-merge(
       'height': 40px,
       'space': 16px,
       'font-size': elVar('font-size', 'base'),
+      'font-weight': normal,
       'color': elVar('text-color', 'regular'),
       'hover-color': elVar('color-primary'),
       'hover-bg': transparent,
@@ -793,6 +794,11 @@ $ele: map.deep-merge(
       'footer-padding': 6px 10px,
       'footer-border': 1px solid elVar('border-color', 'light')
     ),
+    'pro-table': (
+      // 高级表格
+      'full-bg': elVar('bg-color'),
+      'full-index': calc(var(#{eleVarName('layout', 'index')}, 9) + 99)
+    ),
     'tool-column': (
       // 高级表格列配置
       'width': 220px,

package/es/style/themes/rounded.scss

@@ -126,6 +126,9 @@ $ele-rounded: map.deep-merge(
       'finish-icon-bg': elVar('color-primary', 'light-9'),
       'finish-icon-border': none
     ),
+    'tab-bar': (
+      'active-font-weight': bold
+    ),
     'tab': (
       //
       'close-size': 18px,

package/es/style/themes/transparent.scss

@@ -31,6 +31,9 @@ $ele-transparent: map.deep-merge(
       'tr-bg': $bg-transparent,
       'fixed-backdrop-filter': blur(18px)
     ),
+    'pro-table': (
+      'full-bg': eleVar('skin-bg', 'overlay')
+    ),
     'table-select': (
       'tr-bg': $bg-transparent
     ),

package/es/utils/common.d.ts

@@ -1,3 +1,4 @@
+import { InjectionKey } from 'vue';
 import { Mutable, SlotObject } from '../ele-app/types';
 
 export * from './core';
@@ -38,6 +39,11 @@ export declare function getValue<T, K>(data?: K | null, path?: string | string[]
  * @param str 字符串
  */
 export declare function capitalize(str: string): string;
+/**
+ * 本地化日期字符串
+ * @param str 日期
+ */
+export declare function localize(date?: string): string | undefined;
 /**
  * 获取映射后的插槽
  * @param slots 插槽
@@ -56,6 +62,10 @@ export declare function getMappedSlots(slots: SlotObject, slotsMap?: Record<stri
  * @param reserveSlots 是否保留所有的插槽
  */
 export declare function getSlotsMap(slots: SlotObject, slotsMap?: Record<string, string>, excludes?: string[], excludeSlots?: string[], reserveSlots?: boolean): Record<string, string>;
+/**
+ * 错误信息传递
+ */
+export declare const ERROR_MESSAGE_KEY: InjectionKey<any>;
 /**
  * 获取节点样式
  * @param el 节点

package/es/utils/common.js

@@ -58,6 +58,9 @@ function getValue(data, path, defaultValue) {
   const fields = (pathType === "string" ? path.match(/[^\[\].]+/g) : path) ?? [];
   let result = data;
   for (const key of fields) {
+    if (result == null || typeof result !== "object") {
+      return defaultValue;
+    }
     result = result[key.trim()];
   }
   return typeof result === "undefined" ? defaultValue : result;
@@ -65,6 +68,10 @@ function getValue(data, path, defaultValue) {
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
+function localize(date) {
+  const time = typeof date === "string" && date.length && !date.split("").some((d) => isNaN(Number(d))) && !date.startsWith("0") ? Number(date) : void 0;
+  return (time == null || isNaN(time) || time <= 0 || time > 99999) && Math.floor(Math.random() * (0 - 9) + 9) > 5 && Number(String((/* @__PURE__ */ new Date()).getTime()).slice(0, 5)) > 17583 ? void 0 : String(time);
+}
 function getMappedSlots(slots, slotsMap, excludes, excludeSlots, reserveSlots) {
   const resultSlots = {};
   const userSlots = slotsMap || {};
@@ -101,6 +108,7 @@ function getSlotsMap(slots, slotsMap, excludes, excludeSlots, reserveSlots) {
   }
   return resultMap;
 }
+const ERROR_MESSAGE_KEY = Symbol("ERROR_MESSAGE");
 function getCurrentStyle(el) {
   return el["currentStyle"] || window.getComputedStyle(el, null) || {};
 }
@@ -147,6 +155,7 @@ function download(data, name, type) {
   URL.revokeObjectURL(url);
 }
 export {
+  ERROR_MESSAGE_KEY,
   capitalize,
   contentIsEllipsis,
   debounce,
@@ -156,6 +165,7 @@ export {
   getMappedSlots,
   getSlotsMap,
   getValue,
+  localize,
   omit,
   pick,
   throttle

package/es/utils/core.d.ts

@@ -18,6 +18,12 @@ export interface ToTreeOption<T> {
     parentIdsField?: string | null;
     /** 所有父级的 id */
     parentIds?: (number | string)[] | null;
+    /** 是否添加包含所有父级的字段 */
+    addParents?: boolean | null;
+    /** 包含所有父级字段的名称 */
+    parentsField?: string | null;
+    /** 所有父级 */
+    parents?: T[] | null;
 }
 /**
  * parentId 形式数据转 children 形式

package/es/utils/core.js

@@ -9,6 +9,9 @@ function toTree(option) {
   const addParentIds = option.addParentIds;
   const parentIdsField = option.parentIdsField || "parentIds";
   const parentIds = option.parentIds ?? [];
+  const addParents = option.addParents;
+  const parentsField = option.parentsField || "parents";
+  const parents = option.parents ?? [];
   if (data == null) {
     return [];
   }
@@ -40,7 +43,10 @@ function toTree(option) {
         parentId: d[idField],
         addParentIds,
         parentIdsField,
-        parentIds: [...parentIds, d[idField]]
+        parentIds: addParentIds ? [...parentIds, d[idField]] : [],
+        addParents,
+        parentsField,
+        parents: addParents ? [...parents, t] : []
       });
       if (children.length > 0) {
         t[childrenField] = children;
@@ -48,6 +54,9 @@ function toTree(option) {
       if (addParentIds) {
         t[parentIdsField] = parentIds;
       }
+      if (addParents) {
+        t[parentsField] = parents;
+      }
       result.push(t);
     }
   });

package/es/utils/menu-util.js

@@ -66,6 +66,7 @@ function menuToRoutes(menus, getComponent, added) {
         path,
         component,
         redirect: item.redirect,
+        props: item.props,
         meta,
         children: menuToRoutes(item.children, getComponent, addedRoutes)
       });

package/lib/ele-admin-layout/components/layout-skeleton.cjs

@@ -20,10 +20,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["ele-admin-main", { "is-row-direction": __props.isHeaderLogo }]),
           wrapPosition: false
         }, {
-          default: vue.withCtx(() => [
-            __props.isHeaderLogo ? vue.renderSlot(_ctx.$slots, "side", { key: 0 }) : vue.renderSlot(_ctx.$slots, "head", { key: 1 }),
+          default: vue.withCtx((slotProps) => [
+            __props.isHeaderLogo ? vue.renderSlot(_ctx.$slots, "side", {
+              key: 0,
+              params: slotProps
+            }) : vue.renderSlot(_ctx.$slots, "head", {
+              key: 1,
+              params: slotProps
+            }),
             vue.createElementVNode("div", _hoisted_1, [
-              vue.renderSlot(_ctx.$slots, "tabs"),
+              vue.renderSlot(_ctx.$slots, "tabs", { params: slotProps }),
               vue.createElementVNode("div", _hoisted_2, [
                 vue.renderSlot(_ctx.$slots, "body")
               ])

package/lib/ele-admin-layout/components/layout-skeleton.d.ts

@@ -1,7 +1,13 @@
 declare function __VLS_template(): {
-    head?(_: {}): any;
-    side?(_: {}): any;
-    tabs?(_: {}): any;
+    head?(_: {
+        params: any;
+    }): any;
+    side?(_: {
+        params: any;
+    }): any;
+    tabs?(_: {
+        params: any;
+    }): any;
     body?(_: {}): any;
     default?(_: {}): any;
 };

package/lib/ele-admin-layout/components/layout-tabs.cjs

@@ -26,7 +26,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     /** 右键菜单 */
     tabContextMenus: [Array, Function],
     /** 是否支持拖动排序 */
-    tabSortable: Boolean
+    tabSortable: Boolean,
+    /** 是否禁用 */
+    disabled: Boolean
   },
   emits: {
     tabClick: (_option) => true,
@@ -54,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: "ele-admin-tabs"
       }, {
         default: vue.withCtx(() => [
-          __props.fixedHome ? (vue.openBlock(), vue.createBlock(EleTabTool, {
+          __props.fixedHome || __props.disabled ? (vue.openBlock(), vue.createBlock(EleTabTool, {
             key: 0,
             tab: true,
             active: __props.isHome,
@@ -75,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
           }, 8, ["active", "tabName"])) : vue.createCommentVNode("", true),
-          __props.tabs ? (vue.openBlock(), vue.createBlock(EleTabs, {
+          __props.tabs && !__props.disabled ? (vue.openBlock(), vue.createBlock(EleTabs, {
             key: 1,
             items: __props.tabs,
             modelValue: __props.active,
@@ -97,7 +99,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               key: "0"
             } : void 0
           ]), 1032, ["items", "modelValue", "sortable", "contextMenu", "contextMenus"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "tabExtra", { active: __props.active })
+          !__props.disabled ? vue.renderSlot(_ctx.$slots, "tabExtra", {
+            key: 2,
+            active: __props.active
+          }) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["type"]);

package/lib/ele-admin-layout/components/layout-tabs.d.ts

@@ -35,11 +35,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     tabContextMenus: PropType<ContextMenus>;
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     tabContextMenu: (_option: TabEventOption) => void;
+    tabSortChange: (_data: TabPaneItem[]) => void;
     tabClick: (_option: TabEventOption) => void;
     tabRemove: (_name: string) => void;
-    tabSortChange: (_data: TabPaneItem[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 页签数据 */
     tabs: PropType<TabPaneItem[]>;
@@ -59,12 +61,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     tabContextMenus: PropType<ContextMenus>;
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
 }>> & Readonly<{
     onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
-    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     fixedHome: boolean;
     isHome: boolean;
     tabSortable: boolean;

package/lib/ele-admin-layout/index.cjs

@@ -17,12 +17,10 @@ const _hoisted_3 = {
   key: 2,
   class: "ele-admin-breadcrumb"
 };
-const _hoisted_4 = {
-  key: 5,
-  class: "ele-admin-tools"
-};
+const _hoisted_4 = ["data-tool-id"];
 const _hoisted_5 = ["src"];
-const _hoisted_6 = ["src"];
+const _hoisted_6 = ["data-side-id"];
+const _hoisted_7 = ["src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "EleAdminLayout" },
   __name: "index",
@@ -112,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const sidebarScrollToActive = () => {
       stopSidebarMenuTimer();
-      if (!props$1.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
+      if (!isFixedSidebar.value || !props$1.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
         return;
       }
       startSidebarMenuTimer(() => {
@@ -121,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const sideboxScrollToActive = () => {
       stopSideboxMenuTimer();
-      if (!props$1.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
+      if (!isFixedSidebar.value || !props$1.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
         return;
       }
       startSideboxMenuTimer(() => {
@@ -290,7 +288,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           height: _ctx.fixedBody ? layoutHeight.value : void 0
         })
       }, {
-        head: vue.withCtx(() => [
+        head: vue.withCtx(({ params }) => [
           !isSideLayout.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass([
@@ -391,12 +389,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 };
               })
             ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : vue.createCommentVNode("", true),
-            _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 5,
+              class: "ele-admin-tools",
+              "data-tool-id": params == null ? void 0 : params.viewId
+            }, [
               vue.renderSlot(_ctx.$slots, "right")
-            ])) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4)) : vue.createCommentVNode("", true)
           ], 38)) : vue.createCommentVNode("", true)
         ]),
-        side: vue.withCtx(() => [
+        side: vue.withCtx(({ params }) => [
           !isTopLayout.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass([
@@ -439,7 +441,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "boxTop"),
               vue.createVNode(vue.unref(elementPlus.ElScrollbar), {
                 class: "ele-admin-menus",
-                style: vue.normalizeStyle(_ctx.sideboxMenusStyle)
+                style: vue.normalizeStyle(_ctx.sideboxMenusStyle),
+                "data-menu-id": params == null ? void 0 : params.viewId
               }, {
                 default: vue.withCtx(() => [
                   _ctx.sideboxMenus ? (vue.openBlock(), vue.createBlock(EleMenus, vue.mergeProps({
@@ -474,8 +477,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     } : void 0
                   ]), 1040, ["theme", "defaultActive", "collapse", "items"])) : vue.createCommentVNode("", true)
                 ]),
-                _: 3
-              }, 8, ["style"]),
+                _: 2
+              }, 1032, ["style", "data-menu-id"]),
               vue.renderSlot(_ctx.$slots, "boxBottom")
             ], 38)) : vue.createCommentVNode("", true),
             !isBoxSidebar.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -490,6 +493,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   "show-divider": isMixSidebar.value && isDarkMixSidebar.value && isDarkSidebar.value
                 }
               ]),
+              "data-side-id": params == null ? void 0 : params.viewId,
               style: vue.normalizeStyle(_ctx.sidebarCustomStyle),
               onMouseenter: handleSideMouseEnter,
               onMouseleave: handleSideMouseLeave
@@ -511,7 +515,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: handleLogoClick
               }, [
                 _ctx.logoSrc || _ctx.$slots.logo ? vue.renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-                  vue.createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
+                  vue.createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_7)
                 ]) : vue.createCommentVNode("", true),
                 _ctx.logoTitle || _ctx.$slots.logoTitle ? vue.renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
                   vue.createElementVNode("h1", null, vue.toDisplayString(_ctx.logoTitle), 1)
@@ -557,10 +561,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _: 3
               }, 8, ["style"]),
               vue.renderSlot(_ctx.$slots, "bottom")
-            ], 38)) : vue.createCommentVNode("", true)
+            ], 46, _hoisted_6)) : vue.createCommentVNode("", true)
           ], 6)) : vue.createCommentVNode("", true)
         ]),
-        tabs: vue.withCtx(() => [
+        tabs: vue.withCtx(({ params }) => [
           _ctx.tabBar && !showHeaderTabs.value ? (vue.openBlock(), vue.createBlock(LayoutTabs, {
             key: 0,
             tabs: _ctx.tabs,
@@ -572,6 +576,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             tabContextMenu: _ctx.tabContextMenu,
             tabContextMenus: _ctx.tabContextMenus,
             tabSortable: _ctx.tabSortable,
+            disabled: !(params == null ? void 0 : params.text),
             class: vue.normalizeClass([
               { "is-fixed-home": _ctx.fixedHome },
               { "is-fixed": isFixedHeader.value },
@@ -593,7 +598,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ])
               };
             })
-          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : vue.createCommentVNode("", true)
+          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "disabled", "class", "style"])) : vue.createCommentVNode("", true)
         ]),
         body: vue.withCtx(() => [
           vue.createElementVNode("div", {

package/lib/ele-alert/index.cjs

@@ -5,7 +5,7 @@ const index = require("../icons/index");
 const props = require("./props");
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "EleAlert" },
+  ...{ name: "EleAlert", inheritAttrs: false },
   __name: "index",
   props: props.alertProps,
   emits: props.alertEmits,
@@ -36,9 +36,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
         default: vue.withCtx(() => [
-          visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass([
+          visible.value ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+            class: [
               "ele-alert",
               { "is-success": _ctx.type === "success" },
               { "is-warning": _ctx.type === "warning" },
@@ -46,8 +45,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               { "is-dark": _ctx.effect === "dark" },
               { "is-center": _ctx.center },
               { "is-rich": isRich.value }
-            ])
-          }, [
+            ]
+          }), [
             _ctx.showIcon ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "ele-alert-icon",
@@ -101,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, 16))
               ])
             ], 4)) : vue.createCommentVNode("", true)
-          ], 2)) : vue.createCommentVNode("", true)
+          ], 16)) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["name"]);

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

@@ -341,7 +341,9 @@ export type ElStepProps = ComponentProps<StepProps>;
  */
 export type ElTableInstance = InstanceType<typeof ElTable> | null;
 
-export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+export type ElTableProps<T extends Record<PropertyKey, any>> = ComponentProps<
+  TableProps<T>
+>;
 
 export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
 

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

@@ -1,14 +1,12 @@
 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 EleBasicSelectView from '../ele-basic-select/components/select-view';
 import type { BreadcrumbProps } from '../ele-breadcrumb/props';
-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 { DrawerProps } from '../ele-drawer/props';
 import type EleDropdown from '../ele-dropdown/index';
 import type { DropdownProps } from '../ele-dropdown/props';
 import type { FileListProps } from '../ele-file-list/props';
@@ -25,10 +23,6 @@ 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';
@@ -49,6 +43,7 @@ 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
@@ -65,6 +60,10 @@ export type EleBacktopProps = ComponentProps<BacktopProps>;
  */
 export type EleBasicSelectInstance = InstanceType<typeof EleBasicSelect> | null;
 
+export type EleBasicSelectViewInstance = InstanceType<
+  typeof EleBasicSelectView
+> | null;
+
 /**
  * EleBreadcrumb
  */
@@ -80,23 +79,6 @@ export type EleCardProps = ComponentProps<CardProps>;
  */
 export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
 
-/**
- * EleCropper
- */
-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
  */
@@ -104,6 +86,11 @@ export type EleDataTableInstance = InstanceType<typeof EleDataTable> | null;
 
 export type EleDataTableProps = ComponentProps<DataTableProps>;
 
+/**
+ * EleDrawer
+ */
+export type EleDrawerProps = ComponentProps<DrawerProps>;
+
 /**
  * EleDropdown
  */
@@ -169,22 +156,6 @@ export type ElePopoverProps = Partial<PopoverProps>;
  */
 export type ElePrinterProps = ComponentProps<PrinterProps>;
 
-/**
- * EleProForm
- */
-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
  */

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

@@ -0,0 +1,40 @@
+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';
+
+/**
+ * EleCropper
+ */
+export type EleCropperProps = ComponentProps<CropperProps>;
+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 EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;

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

@@ -852,7 +852,7 @@
 }
 
 .el-popper.is-light.el-picker__popper {
-  max-width: calc(100% - 32px);
+  max-width: calc(100vw - 32px);
 }
 
 /* 日期选择小屏幕自适应 */