ele-admin-plus 1.1.4 → 1.1.5-beta.2

package/lib/ele-file-list/props.js

@@ -2,63 +2,63 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const icons = require("./icons");
 const fileListProps = {
-  // 数据
+  /** 数据 */
   data: {
     type: Array,
     required: true
   },
-  // 选择框类型
+  /** 选择框类型 */
   selectionType: String,
-  // 多选选中数据
+  /** 多选选中数据 */
   selections: Array,
-  // 单选选中数据
+  /** 单选选中数据 */
   current: Object,
-  // 是否网格展示
+  /** 是否网格展示 */
   grid: {
     type: Boolean,
     default: true
   },
-  // 表格模式默认的列是否可以排序
+  /** 表格模式默认的列是否可以排序 */
   sortable: Boolean,
-  // 排序字段
+  /** 排序字段 */
   sort: String,
-  // 排序方式
+  /** 排序方式 */
   order: String,
-  // 网格模式后缀对应图标
+  /** 网格模式后缀对应图标 */
   icons: {
     type: Array,
     default: () => {
       return icons.icons;
     }
   },
-  // 表格模式后缀对应图标
+  /** 表格模式后缀对应图标 */
   smallIcons: {
     type: Array,
     default: () => {
       return icons.smallIcons;
     }
   },
-  // 表格模式自定义列配置
+  /** 表格模式自定义列配置 */
   columns: Array,
-  // 多选时是否支持鼠标框选
+  /** 多选时是否支持鼠标框选 */
   boxChoose: Boolean,
-  // 右键菜单
+  /** 右键菜单 */
   contextMenus: [Array, Function],
-  // 右键菜单属性
+  /** 右键菜单属性 */
   contextMenuProps: Object,
-  // 国际化
+  /** 国际化 */
   locale: Object
 };
 const fileListEmits = {
-  // item 点击事件
+  /** item 点击事件 */
   itemClick: (_item) => true,
-  // 排序方式改变事件
+  /** 排序方式改变事件 */
   sortChange: (_sorter) => true,
-  // 更新多选选中数据
+  /** 更新多选选中数据 */
   "update:selections": (_selection) => true,
-  // 更新单选选中数据
+  /** 更新单选选中数据 */
   "update:current": (_current) => true,
-  // item 右键菜单项点击事件
+  /** item 右键菜单项点击事件 */
   itemContextMenu: (_option) => true
 };
 exports.fileListEmits = fileListEmits;

package/lib/ele-file-list/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 文件列表主题变量 */
 @mixin set-file-var($var) {
   .ele-file-list-group {
     @include set-ele-var('file', $var);

package/lib/ele-file-list/style/index.scss

@@ -25,7 +25,7 @@
       border-color: elVar('color-primary');
     }
 
-    // 对勾
+    /* 对勾 */
     &::before {
       content: '';
       display: table;
@@ -54,7 +54,7 @@
       }
     }
 
-    // 半选
+    /* 半选 */
     &::after {
       content: '';
       width: 8px;
@@ -74,7 +74,7 @@
       opacity: 1;
     }
 
-    // 单选
+    /* 单选 */
     &.is-radio {
       border-radius: 50%;
     }
@@ -107,7 +107,7 @@
   position: relative;
   box-sizing: border-box;
 
-  // header
+  /* header */
   .ele-file-list-header {
     padding: 0 eleVar('file', 'header-padding');
     box-sizing: border-box;
@@ -115,7 +115,7 @@
     line-height: eleVar('file', 'header-height');
     display: flex;
 
-    // 全选框
+    /* 全选框 */
     .ele-file-list-selection {
       display: inline-flex;
       align-items: center;
@@ -127,7 +127,7 @@
     }
   }
 
-  // body
+  /* body */
   .ele-file-list-body {
     padding-top: eleVar('file', 'item-space');
     padding-left: eleVar('file', 'item-space');
@@ -152,7 +152,7 @@
       box-sizing: border-box;
     }
 
-    // 图标
+    /* 图标 */
     .ele-file-list-item-icon {
       height: eleVar('file', 'icon-height');
       display: flex;
@@ -175,7 +175,7 @@
       }
     }
 
-    // 标题
+    /* 标题 */
     .ele-file-list-item-title {
       margin-top: eleVar('file', 'title-margin');
       overflow: hidden;
@@ -190,7 +190,7 @@
       }
     }
 
-    // 复选框
+    /* 复选框 */
     .ele-file-list-item-checkbox {
       border-radius: 50%;
       background: elVar('bg-color');
@@ -292,7 +292,7 @@
       border-bottom: 1px solid elVar('border-color', 'light');
     }
 
-    // 复选框
+    /* 复选框 */
     .ele-file-list-item-checkbox {
       width: 36px;
       padding-left: eleVar('file', 'header-padding');
@@ -301,7 +301,7 @@
       flex-shrink: 0;
     }
 
-    // 图标和标题
+    /* 图标和标题 */
     .ele-file-list-item-name {
       display: flex;
       align-items: center;
@@ -351,7 +351,7 @@
       }
     }
 
-    // 工具按钮
+    /* 工具按钮 */
     .ele-file-list-item-tools {
       flex-shrink: 0;
       box-sizing: border-box;
@@ -370,14 +370,14 @@
       display: flex;
     }
 
-    // 自定义列
+    /* 自定义列 */
     .ele-file-list-item-cell {
       padding: eleVar('file', 'td-item-padding');
       box-sizing: border-box;
     }
   }
 
-  // header
+  /* header */
   .ele-file-list-header .ele-file-list-item {
     line-height: eleVar('file', 'header-height');
     border-top: none;
@@ -401,7 +401,7 @@
     }
   }
 
-  // body
+  /* body */
   .ele-file-list-body .ele-file-list-item {
     &:hover,
     &.is-active,

package/lib/ele-file-list/types/index.d.ts

@@ -1,7 +1,5 @@
-import type { StyleValue, ComponentProps } from '../../ele-app/types';
-import type { DropdownProps } from '../../ele-dropdown/props';
+import type { StyleValue } from '../../ele-app/types';
 import type { DropdownItem } from '../../ele-dropdown/types';
-import type EleDropdown from "../../ele-dropdown/index";
 /**
  * 图标数据
  */
@@ -85,14 +83,6 @@ export type ContextMenusFunc = (item: FileItem) => DropdownItem[];
  * 右键菜单属性
  */
 export type ContextMenus = DropdownItem[] | ContextMenusFunc;
-/**
- * 下拉菜单属性
- */
-export type EleDropdownProps = ComponentProps<DropdownProps>;
-/**
- * 下拉菜单实例
- */
-export type DropdownInstance = InstanceType<typeof EleDropdown> | null;
 /**
  * 国际化
  */

package/lib/ele-icon-select/components/icon-grid.d.ts

@@ -1,36 +1,54 @@
 import type { PropType } from 'vue';
 import type { ElEmptyProps } from '../../ele-app/types';
-import type { EleTooltipProps } from '../../ele-avatar-group/types';
 declare const _default: import("vue").DefineComponent<{
+    /** 选中的图标 */
     icon: StringConstructor;
+    /** 图标数据 */
     data: {
         type: PropType<string[]>;
         required: true;
     };
+    /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
+    /** 是否显示提示 */
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<EleTooltipProps>;
+    /** 提示属性 */
+    tooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
+    /** 气泡是否展开 */
     popperVisible: BooleanConstructor;
+    /** 网格样式 */
     gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 图标样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }, {
+    tooltipVisible: import("vue").Ref<boolean>;
     tooltipContent: import("vue").Ref<string>;
     virtualRef: import("vue").Ref<any>;
+    updateTooltipVisible: (visible: boolean) => void;
+    hideTooltip: () => void;
     onItemHover: (icon: string, e: MouseEvent) => void;
     onItemClick: (icon: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (_icon: string) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 选中的图标 */
     icon: StringConstructor;
+    /** 图标数据 */
     data: {
         type: PropType<string[]>;
         required: true;
     };
+    /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
+    /** 是否显示提示 */
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<EleTooltipProps>;
+    /** 提示属性 */
+    tooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
+    /** 气泡是否展开 */
     popperVisible: BooleanConstructor;
+    /** 网格样式 */
     gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 图标样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;

package/lib/ele-icon-select/components/icon-grid.js

@@ -6,44 +6,63 @@ const _sfc_main = vue.defineComponent({
   name: "IconGrid",
   components: { ElEmpty: elementPlus.ElEmpty, EleTooltip },
   props: {
-    // 选中的图标
+    /** 选中的图标 */
     icon: String,
-    // 图标数据
+    /** 图标数据 */
     data: {
       type: Array,
       required: true
     },
-    // 空组件属性
+    /** 空组件属性 */
     emptyProps: Object,
-    // 是否显示提示
+    /** 是否显示提示 */
     tooltip: Boolean,
-    // 提示属性
+    /** 提示属性 */
     tooltipProps: Object,
-    // 气泡是否展开
+    /** 气泡是否展开 */
     popperVisible: Boolean,
-    // 网格样式
+    /** 网格样式 */
     gridStyle: Object,
-    // 图标样式
+    /** 图标样式 */
     itemStyle: Object
   },
   emits: {
     select: (_icon) => true
   },
   setup(props, { emit }) {
+    const tooltipVisible = vue.ref(false);
     const tooltipContent = vue.ref("");
     const virtualRef = vue.ref();
+    const updateTooltipVisible = (visible) => {
+      tooltipVisible.value = visible;
+    };
+    const hideTooltip = () => {
+      updateTooltipVisible(false);
+    };
     const onItemHover = (icon, e) => {
       if (props.tooltip && props.popperVisible && icon) {
         virtualRef.value = e.currentTarget;
         tooltipContent.value = icon;
+        tooltipVisible.value = true;
       }
     };
     const onItemClick = (icon) => {
       emit("select", icon);
     };
+    vue.watch(
+      () => props.popperVisible,
+      (visible) => {
+        if (!visible) {
+          hideTooltip();
+        }
+      }
+    );
     return {
+      tooltipVisible,
       tooltipContent,
       virtualRef,
+      updateTooltipVisible,
+      hideTooltip,
       onItemHover,
       onItemClick
     };
@@ -88,12 +107,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : vue.createCommentVNode("", true),
     vue.createVNode(_component_EleTooltip, vue.mergeProps({
       placement: "top",
-      offset: 6
+      offset: 6,
+      teleported: false
     }, _ctx.tooltipProps || {}, {
+      visible: _ctx.tooltipVisible,
       content: _ctx.tooltipContent,
       virtualRef: _ctx.virtualRef,
-      virtualTriggering: true
-    }), null, 16, ["content", "virtualRef"])
+      virtualTriggering: true,
+      "onUpdate:visible": _ctx.updateTooltipVisible
+    }), null, 16, ["visible", "content", "virtualRef", "onUpdate:visible"])
   ]);
 }
 const iconGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/lib/ele-icon-select/components/icon-popper.d.ts

@@ -1,23 +1,38 @@
 import type { PropType } from 'vue';
 import type { ElEmptyProps } from '../../ele-app/types';
-import type { EleTooltipProps } from '../../ele-avatar-group/types';
 import type { IconItem } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 选中的图标 */
     icon: StringConstructor;
+    /** 图标数据 */
     data: PropType<string[] | IconItem[]>;
+    /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
+    /** 是否显示搜索框 */
     filterable: BooleanConstructor;
+    /** 搜索框提示文本 */
     filterPlaceholder: StringConstructor;
+    /** 顶栏选项卡只有一个时是否隐藏 */
     hideOnSingleTab: BooleanConstructor;
+    /** 是否显示提示 */
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<EleTooltipProps>;
+    /** 提示属性 */
+    tooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
+    /** 气泡是否展开 */
     popperVisible: BooleanConstructor;
+    /** 头部样式 */
     headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 选项卡样式 */
     tabsStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 搜索区样式 */
     searchStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 菜单样式 */
     menusStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 主体样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 网格样式 */
     gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 图标样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }, {
     Search: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
@@ -35,21 +50,37 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (_icon: string) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 选中的图标 */
     icon: StringConstructor;
+    /** 图标数据 */
     data: PropType<string[] | IconItem[]>;
+    /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
+    /** 是否显示搜索框 */
     filterable: BooleanConstructor;
+    /** 搜索框提示文本 */
     filterPlaceholder: StringConstructor;
+    /** 顶栏选项卡只有一个时是否隐藏 */
     hideOnSingleTab: BooleanConstructor;
+    /** 是否显示提示 */
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<EleTooltipProps>;
+    /** 提示属性 */
+    tooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
+    /** 气泡是否展开 */
     popperVisible: BooleanConstructor;
+    /** 头部样式 */
     headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 选项卡样式 */
     tabsStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 搜索区样式 */
     searchStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 菜单样式 */
     menusStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 主体样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 网格样式 */
     gridStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 图标样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;

package/lib/ele-icon-select/components/icon-popper.js

@@ -7,37 +7,37 @@ const _sfc_main = vue.defineComponent({
   name: "IconPopper",
   components: { ElInput: elementPlus.ElInput, IconGrid },
   props: {
-    // 选中的图标
+    /** 选中的图标 */
     icon: String,
-    // 图标数据
+    /** 图标数据 */
     data: Array,
-    // 空组件属性
+    /** 空组件属性 */
     emptyProps: Object,
-    // 是否显示搜索框
+    /** 是否显示搜索框 */
     filterable: Boolean,
-    // 搜索框提示文本
+    /** 搜索框提示文本 */
     filterPlaceholder: String,
-    // 顶栏选项卡只有一个时是否隐藏
+    /** 顶栏选项卡只有一个时是否隐藏 */
     hideOnSingleTab: Boolean,
-    // 是否显示提示
+    /** 是否显示提示 */
     tooltip: Boolean,
-    // 提示属性
+    /** 提示属性 */
     tooltipProps: Object,
-    // 气泡是否展开
+    /** 气泡是否展开 */
     popperVisible: Boolean,
-    // 头部样式
+    /** 头部样式 */
     headerStyle: Object,
-    // 选项卡样式
+    /** 选项卡样式 */
     tabsStyle: Object,
-    // 搜索区样式
+    /** 搜索区样式 */
     searchStyle: Object,
-    // 菜单样式
+    /** 菜单样式 */
     menusStyle: Object,
-    // 主体样式
+    /** 主体样式 */
     bodyStyle: Object,
-    // 网格样式
+    /** 网格样式 */
     gridStyle: Object,
-    // 图标样式
+    /** 图标样式 */
     itemStyle: Object
   },
   emits: {

package/lib/ele-icon-select/index.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     automaticDropdown: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown> | undefined>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
     };
     popperWidth: {
@@ -47,11 +47,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 清除 */
     headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tabsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 失去焦点事件 */
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -100,7 +100,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     automaticDropdown: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown> | undefined>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
     };
     popperWidth: {
@@ -124,11 +124,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 清除 */
     headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tabsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 失去焦点事件 */
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -139,12 +139,12 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
+    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
-    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     onClear?: (() => any) | undefined;
 }, {
-    placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown> | undefined;
+    placement: import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined;
     disabled: boolean;
     teleported: boolean;
     autocomplete: string;