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

package/lib/ele-data-table/util.cjs

@@ -1,71 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const elementPlus = require("element-plus");
 const core = require("../utils/core");
 const util = require("../ele-pro-layout/util");
-function getCols(cols, pageIndex, slots, slotNormalize, globalTooltip) {
-  const nodes = [];
-  if (cols) {
-    cols.forEach((col) => {
-      nodes.push(
-        vue.h(
-          elementPlus.ElTableColumn,
-          {
-            ...core.omit(col, [
-              "showOverflowTooltip",
-              "filterClassName",
-              "columnKey",
-              "className",
-              "uid",
-              "slot",
-              "headerSlot",
-              "hideInTable",
-              "hideInSetting",
-              "children"
-            ]),
-            showOverflowTooltip: getTooltipProps(
-              col.showOverflowTooltip,
-              globalTooltip
-            ),
-            filterClassName: getFilterPopperClass(col.filterClassName),
-            columnKey: col.columnKey ?? col.prop,
-            className: getCellClass(col),
-            index: col.index ?? pageIndex,
-            key: col.uid ?? col.columnKey ?? col.prop
-          },
-          {
-            default: (slotProps) => {
-              const tSlot = getSlot(slots, col.slot);
-              const $index = slotProps == null ? void 0 : slotProps.$index;
-              if (!tSlot || $index == -1 && slotNormalize) {
-                return getCols(
-                  col.children,
-                  pageIndex,
-                  slots,
-                  slotNormalize,
-                  globalTooltip
-                );
-              }
-              return tSlot(slotProps);
-            },
-            header: (slotProps) => {
-              var _a;
-              const title = (_a = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _a.label;
-              const nodes2 = renderSlot(slots, col.headerSlot, slotProps);
-              return vue.h(
-                "div",
-                { class: "ele-cell-title", title },
-                nodes2 ?? title
-              );
-            }
-          }
-        )
-      );
-    });
-  }
-  return nodes;
-}
 function getRowClass(rowClass, param) {
   if (rowClass != null) {
     if (typeof rowClass === "function") {
@@ -125,42 +62,6 @@ function getTooltipProps(props, globalProps) {
   opt.popperClass = classes.join(" ");
   return opt;
 }
-function getSlot(slots, name) {
-  if (name && slots[name] != null && typeof slots[name] === "function") {
-    return slots[name];
-  }
-}
-function renderSlot(slots, name, props) {
-  const slot = getSlot(slots, name);
-  if (slot != null) {
-    return slot(props || {});
-  }
-}
-function getEmptyProps(emptyProps, emptyText, errorText) {
-  if (emptyProps === false) {
-    return {};
-  }
-  return {
-    imageSize: 68,
-    ...!emptyProps || emptyProps === true ? {} : emptyProps,
-    description: errorText || emptyText,
-    class: "ele-table-empty"
-  };
-}
-function getEmptySlot(slots, emptyProps, emptyText, errorText) {
-  const emptySlot = slots.empty;
-  if (!emptyProps && !emptySlot) {
-    return;
-  }
-  return () => {
-    if (emptySlot) {
-      return emptySlot({ text: emptyText, error: errorText });
-    }
-    if (emptyProps) {
-      return vue.h(elementPlus.ElEmpty, getEmptyProps(emptyProps, emptyText, errorText));
-    }
-  };
-}
 function toggleRowSelectionPro(tableRef, row, selected) {
   var _a, _b;
   if (tableRef == null) {
@@ -496,9 +397,6 @@ exports.arrayIsChanged = arrayIsChanged;
 exports.getBodyRowClass = getBodyRowClass;
 exports.getCellClass = getCellClass;
 exports.getColFixedNumber = getColFixedNumber;
-exports.getCols = getCols;
-exports.getEmptyProps = getEmptyProps;
-exports.getEmptySlot = getEmptySlot;
 exports.getFilterPopperClass = getFilterPopperClass;
 exports.getGlobalTooltipProps = getGlobalTooltipProps;
 exports.getHeadRowClass = getHeadRowClass;
@@ -507,14 +405,12 @@ exports.getRowByKey = getRowByKey;
 exports.getRowClass = getRowClass;
 exports.getRowKeys = getRowKeys;
 exports.getSelectableFunction = getSelectableFunction;
-exports.getSlot = getSlot;
 exports.getStateCols = getStateCols;
 exports.getTableFilter = getTableFilter;
 exports.getTooltipProps = getTooltipProps;
 exports.isDisableRow = isDisableRow;
 exports.isReserveChecked = isReserveChecked;
 exports.mergeTooltipProps = mergeTooltipProps;
-exports.renderSlot = renderSlot;
 exports.toggleRowSelectionPro = toggleRowSelectionPro;
 exports.useEmits = useEmits;
 exports.useMethods = useMethods;

package/lib/ele-data-table/util.d.ts

@@ -1,20 +1,8 @@
-import { Slots, VNode } from 'vue';
 import { Emitter } from '../ele-app/types';
-import { ElEmptyProps, ElTableInstance } from '../ele-app/el';
+import { ElTableInstance } from '../ele-app/el';
 import { dataTableEmits } from './props';
 import { DataKey, DataItem, Column, Columns, Sorter, Filter, GetInstance, TableMethods, ShowOverflowTooltip, TooltipEffect, TooltipOptions, RowClass, RowKey } from './types';
 
-/**
- * 递归获取表格列节点
- * @param cols 列配置
- * @param pageIndex 序号列起始值
- * @param slots 插槽对象
- * @param slotNormalize 是否过滤非正常的插槽渲染
- * @param globalTooltip 表格提示组件属性
- */
-export declare function getCols(cols: Columns | undefined, pageIndex: number | undefined, slots: Slots, slotNormalize: boolean, globalTooltip?: ShowOverflowTooltip): VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[];
 /**
  * 获取行的类名
  * @param rowClass 自定义行类名
@@ -53,38 +41,6 @@ export declare function mergeTooltipProps(props?: ShowOverflowTooltip, globalPro
  * @param globalProps 表格提示组件属性
  */
 export declare function getTooltipProps(props?: ShowOverflowTooltip, globalProps?: ShowOverflowTooltip): ShowOverflowTooltip;
-/**
- * 获取插槽
- * @param slots 插槽对象
- * @param name 插槽名称
- */
-export declare function getSlot(slots: Slots, name?: string): import('vue').Slot<any> | undefined;
-/**
- * 渲染插槽
- * @param slots 插槽对象
- * @param name 插槽名称
- * @param props 插槽数据
- */
-export declare function renderSlot(slots: Slots, name?: string, props?: any): VNode[] | undefined;
-/**
- * 获取空组件属性
- * @param emptyProps 空组件属性
- * @param emptyText 空文本
- * @param errorText 错误文本
- */
-export declare function getEmptyProps(emptyProps?: boolean | ElEmptyProps, emptyText?: string, errorText?: string): ElEmptyProps;
-/**
- * 获取空状态插槽
- * @param slots 插槽对象
- * @param emptyProps 空组件属性
- * @param emptyText 空文本
- * @param errorText 错误文本
- */
-export declare function getEmptySlot(slots: Slots, emptyProps?: boolean | ElEmptyProps, emptyText?: string, errorText?: string): (() => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined) | undefined;
 /**
  * 切换表格指定数据的选中状态
  * @param tableRef 表格实例

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

@@ -1,11 +1,11 @@
 import { ElDrawerInstance } from '../ele-app/el';
 
 declare const _default: import('vue').DefineComponent<{
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    closeBtnStyle: 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>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     inner: BooleanConstructor;
     direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     size: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -29,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{
     closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: import('vue').PropType<string>;
-        readonly required: false; /** 关闭事件 */
+        readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
@@ -47,11 +47,11 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: BooleanConstructor;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        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;
@@ -83,11 +83,11 @@ declare const _default: import('vue').DefineComponent<{
     openAutoFocus: () => boolean;
     closeAutoFocus: () => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    closeBtnStyle: 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>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     inner: BooleanConstructor;
     direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     size: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
@@ -95,7 +95,7 @@ declare const _default: import('vue').DefineComponent<{
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -111,7 +111,7 @@ declare const _default: import('vue').DefineComponent<{
     closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: import('vue').PropType<string>;
-        readonly required: false; /** 关闭事件 */
+        readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
@@ -129,11 +129,11 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: BooleanConstructor;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        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;
@@ -146,10 +146,10 @@ declare const _default: import('vue').DefineComponent<{
     ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {
@@ -158,7 +158,7 @@ declare const _default: import('vue').DefineComponent<{
     center: boolean;
     modelValue: boolean;
     appendToBody: boolean;
-    appendTo: string;
+    appendTo: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
     destroyOnClose: boolean;
     closeOnClickModal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -166,7 +166,7 @@ declare const _default: import('vue').DefineComponent<{
     modal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     closeDelay: number;
-    trapFocus: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    trapFocus: boolean;
     headerAriaLevel: string;
     alignCenter: boolean;
     draggable: boolean;

package/lib/ele-drawer/props.d.ts

@@ -1,19 +1,20 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 
 /**
  * 属性
  */
 export declare const drawerProps: {
     /** 自定义标题样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: PropType<StyleValue>;
     /** 自定义主体样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 自定义底部样式 */
-    footerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    footerStyle: PropType<StyleValue>;
     /** 自定义关闭按钮样式 */
-    closeBtnStyle: PropType<Partial<import('vue').CSSProperties>>;
+    closeBtnStyle: PropType<StyleValue>;
     /** 是否限制在主体内部 */
     inner: BooleanConstructor;
     direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
@@ -22,9 +23,9 @@ export declare const drawerProps: {
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
-        readonly type: PropType<import('element-plus').DialogBeforeCloseFn>;
+        readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -37,7 +38,7 @@ export declare const drawerProps: {
     openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
-        readonly type: PropType<string>;
+        readonly type: import('vue').PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -45,22 +46,22 @@ export declare const drawerProps: {
     modelValue: BooleanConstructor;
     modalClass: StringConstructor;
     width: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     zIndex: {
-        readonly type: PropType<number>;
+        readonly type: import('vue').PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: BooleanConstructor;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        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/lib/ele-dropdown/components/pro-dropdown.cjs

@@ -0,0 +1,203 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const core = require("../../utils/core");
+const EleTooltip = require("../../ele-tooltip/index");
+const props$1 = require("../../ele-tooltip/props");
+const props = require("../props");
+const _sfc_main = vue.defineComponent({
+  name: "ProDropdown",
+  components: { ElIcon: elementPlus.ElIcon, ElButtonGroup: elementPlus.ElButtonGroup, ElButton: elementPlus.ElButton, ElScrollbar: elementPlus.ElScrollbar, EleTooltip },
+  props: {
+    ...props.dropdownProps,
+    /** 当前选中菜单项 */
+    selected: Object
+  },
+  emits: props.dropdownEmits,
+  setup(props2, { emit }) {
+    const tooltipRef = vue.ref(null);
+    const tooltipProps = vue.computed(() => {
+      const options = core.pick(props2, props$1.tooltipPropKeys);
+      options.showAfter = props2.trigger === "hover" ? props2.showTimeout : 0;
+      options.hideAfter = props2.trigger === "hover" ? props2.hideTimeout : 0;
+      options.gpuAcceleration = props2.transition === "el-fade-in-linear";
+      const classes = ["ele-dropdown"];
+      if (props2.preventContextmenu) {
+        classes.push("is-prevent-event");
+      }
+      if (typeof props2.popperClass === "string" && props2.popperClass) {
+        classes.push(props2.popperClass);
+      }
+      options.popperClass = classes.join(" ");
+      options.isPopover = true;
+      return options;
+    });
+    const hidePopper = () => {
+      tooltipRef.value && tooltipRef.value.hide();
+    };
+    const updatePopper = () => {
+      tooltipRef.value && tooltipRef.value.updatePopper();
+    };
+    const handleUpdateVisible = (visible) => {
+      emit("update:visible", visible);
+      emit("visibleChange", visible);
+    };
+    const handlePopBeforeEnter = () => {
+      emit("before-enter");
+    };
+    const handlePopBeforeLeave = () => {
+      emit("before-leave");
+    };
+    const handlePopAfterEnter = () => {
+      emit("after-enter");
+    };
+    const handlePopAfterLeave = () => {
+      emit("after-leave");
+    };
+    const handleItemClick = (item) => {
+      if (item.disabled) {
+        return;
+      }
+      if (props2.hideOnClick) {
+        hidePopper();
+      }
+      emit("command", item.command);
+    };
+    const handleBtnClick = (e) => {
+      emit("click", e);
+    };
+    const handleOpen = () => {
+      if (props2.disabled) {
+        return;
+      }
+      tooltipRef.value && tooltipRef.value.handleOpen();
+    };
+    const handleClose = () => {
+      hidePopper();
+    };
+    const handleContextmenu = (e) => {
+      if (props2.preventContextmenu) {
+        e.preventDefault();
+      }
+    };
+    return {
+      ArrowDown: icons.ArrowDown,
+      tooltipRef,
+      tooltipProps,
+      hidePopper,
+      updatePopper,
+      handleUpdateVisible,
+      handlePopBeforeEnter,
+      handlePopBeforeLeave,
+      handlePopAfterEnter,
+      handlePopAfterLeave,
+      handleItemClick,
+      handleBtnClick,
+      handleOpen,
+      handleClose,
+      handleContextmenu
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = ["role"];
+const _hoisted_2 = {
+  key: 0,
+  class: "ele-dropdown-menu-divider"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElButton = vue.resolveComponent("ElButton");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
+  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
+  return vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
+    ref: "tooltipRef",
+    "onUpdate:visible": _ctx.handleUpdateVisible,
+    onBeforeShow: _ctx.handlePopBeforeEnter,
+    onBeforeHide: _ctx.handlePopBeforeLeave,
+    onShow: _ctx.handlePopAfterEnter,
+    onHide: _ctx.handlePopAfterLeave
+  }), {
+    body: vue.withCtx(() => [
+      vue.createVNode(_component_ElScrollbar, {
+        maxHeight: _ctx.maxHeight,
+        class: "ele-dropdown-wrapper",
+        onContextmenu: _ctx.handleContextmenu
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            role: _ctx.role,
+            class: vue.normalizeClass([
+              "ele-dropdown-menu",
+              { "is-small": _ctx.size === "small" },
+              { "is-large": _ctx.size === "large" }
+            ]),
+            style: vue.normalizeStyle(_ctx.menuStyle)
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+              return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                key: item.key == null ? JSON.stringify(item.command) : item.key
+              }, [
+                item.divided ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    "ele-dropdown-menu-item",
+                    { "is-disabled": !!item.disabled },
+                    { "is-active": _ctx.modelValue === item.command },
+                    { "is-danger": !!item.danger }
+                  ]),
+                  onClick: ($event) => _ctx.handleItemClick(item)
+                }, [
+                  item.slot && item.slot !== "default" && _ctx.$slots[item.slot] ? vue.renderSlot(_ctx.$slots, item.slot, {
+                    key: 0,
+                    item
+                  }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.mergeProps({
+                      key: 0,
+                      ref_for: true
+                    }, { ..._ctx.iconProps || {}, ...item.iconProps || {} }), {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                          style: vue.normalizeStyle(item.iconStyle)
+                        }, null, 8, ["style"]))
+                      ]),
+                      _: 2
+                    }, 1040)) : vue.createCommentVNode("", true),
+                    item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
+                  ], 64))
+                ], 10, _hoisted_3)
+              ], 64);
+            }), 128))
+          ], 14, _hoisted_1)
+        ]),
+        _: 3
+      }, 8, ["maxHeight", "onContextmenu"])
+    ]),
+    default: vue.withCtx(() => [
+      _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_ElButton, vue.mergeProps({
+        key: 0,
+        type: _ctx.type,
+        size: _ctx.size,
+        disabled: _ctx.disabled,
+        icon: _ctx.ArrowDown,
+        class: "ele-dropdown-caret-button"
+      }, _ctx.caretButtonProps || {}), null, 16, ["type", "size", "disabled", "icon"])) : vue.renderSlot(_ctx.$slots, "default", {
+        key: 1,
+        active: _ctx.modelValue,
+        selected: _ctx.selected
+      })
+    ]),
+    _: 3
+  }, 16, ["tabindex", "onUpdate:visible", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
+}
+const proDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = proDropdown;