ele-admin-plus 1.1.6-beta.1 → 1.1.6-beta.3

package/lib/ele-tree-select/types/index.d.ts

@@ -0,0 +1,17 @@
+import type { ElTreeV2Props } from '../../ele-app/types';
+/**
+ * 多选标签显示策略
+ */
+export type ShowCheckedStrategy = 'all' | 'parent' | 'child';
+/**
+ * 树配置选项
+ */
+export type TreeOption = Required<Exclude<ElTreeV2Props['props'], undefined>>;
+/**
+ * 树数据
+ */
+export type TreeData = Exclude<ElTreeV2Props['data'], undefined>;
+/**
+ * 树数据项
+ */
+export type DataItem = TreeData[number];

package/lib/ele-tree-select/util.d.ts

@@ -0,0 +1,48 @@
+import type { MultipleValue, SelectedItem } from '../ele-basic-select/types';
+import type { TreeData } from './types';
+/**
+ * 获取平铺后的数据值和数据
+ * @param data 数据
+ * @param valueKey 数据值字段名
+ * @param childrenKey 子级字段名
+ */
+export declare function getKeysAndList(data: TreeData | undefined, valueKey: string, childrenKey: string): [MultipleValue, TreeData];
+/**
+ * 获取普通结构的多选选中标签
+ * @param data 树数据
+ * @param checkedKeys 多选选中值
+ * @param valueKey 值键名
+ * @param labelKey 名称键名
+ * @param childrenKey 子级数据键名
+ * @param cacheData 缓存的数据
+ * @param checkedData 树选中的数据
+ */
+export declare function getNormalSelectedItems(data: TreeData | undefined, checkedKeys: MultipleValue | null | undefined, valueKey: string, labelKey: string, childrenKey: string, cacheData?: TreeData, checkedData?: TreeData): SelectedItem[];
+/**
+ * 获取树结构的多选选中标签
+ * @param data 树数据
+ * @param checkedKeys 多选选中值
+ * @param valueKey 值键名
+ * @param labelKey 名称键名
+ * @param childrenKey 子级数据键名
+ * @param showParent 只显示父级(否则只显示子级)
+ */
+export declare function getTreeSelectedItems(data: TreeData | undefined, checkedKeys: MultipleValue | null | undefined, valueKey: string, labelKey: string, childrenKey: string, showParent: boolean, hide?: boolean): SelectedItem[];
+/**
+ * 检查并补充多选选中标签
+ * @param selected 标签数据
+ * @param checkedKeys 多选选中值
+ * @param valueKey 值键名
+ * @param labelKey 名称键名
+ * @param cacheData 缓存的数据
+ */
+export declare function checkSelectedItems(selected: SelectedItem[], checkedKeys: MultipleValue | null | undefined, valueKey: string, labelKey: string, cacheData?: TreeData): SelectedItem[];
+/**
+ * 判断是否全选
+ * @param data 数据
+ * @param checkedKeys 选中值
+ * @param valueKey 值键名
+ * @param childrenKey 子级数据键名
+ * @param disabledKey 禁用键名
+ */
+export declare function isCheckAll(data: TreeData | null | undefined, checkedKeys: MultipleValue | null | undefined, valueKey: string, childrenKey: string, disabledKey: string): any;

package/lib/ele-tree-select/util.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("../utils/core");
+const util = require("../ele-basic-select/util");
+function getKeysAndList(data, valueKey, childrenKey) {
+  const keys = [];
+  const list = [];
+  core.eachTree(
+    data,
+    (d) => {
+      keys.push(d[valueKey]);
+      list.push(d);
+    },
+    childrenKey
+  );
+  return [keys, list];
+}
+function getNormalSelectedItems(data, checkedKeys, valueKey, labelKey, childrenKey, cacheData, checkedData) {
+  const selected = [];
+  if (util.isEmptyValue(checkedKeys) || !checkedKeys.length) {
+    return selected;
+  }
+  const cacheKeys = cacheData ? cacheData.map((d) => d[valueKey]) : [];
+  const ckKeys = checkedData ? checkedData.map((d) => d[valueKey]) : [];
+  const [dataKeys, list] = getKeysAndList(data, valueKey, childrenKey);
+  checkedKeys.forEach((key) => {
+    const index = cacheKeys.indexOf(key);
+    let item = cacheData && index !== -1 ? cacheData[index] : void 0;
+    if (index === -1 && checkedData) {
+      const tIndex = ckKeys.indexOf(key);
+      if (tIndex !== -1) {
+        item = checkedData[tIndex];
+      }
+    }
+    if (!item && data) {
+      const i = dataKeys.indexOf(key);
+      if (i !== -1) {
+        item = list[i];
+      }
+    }
+    selected.push({ value: key, label: item ? item[labelKey] : String(key) });
+  });
+  return selected;
+}
+function getTreeSelectedItems(data, checkedKeys, valueKey, labelKey, childrenKey, showParent, hide) {
+  const selected = [];
+  if (util.isEmptyValue(checkedKeys) || !checkedKeys.length) {
+    return selected;
+  }
+  if (data) {
+    data.forEach((d) => {
+      const value = d[valueKey];
+      const children = d[childrenKey];
+      const checked = checkedKeys.includes(value);
+      if (showParent) {
+        if (checked) {
+          selected.push({ value, label: d[labelKey], hide });
+        }
+        getTreeSelectedItems(
+          children,
+          checkedKeys,
+          valueKey,
+          labelKey,
+          childrenKey,
+          showParent,
+          checked ? true : hide
+        ).forEach((item) => {
+          selected.push(item);
+        });
+      } else {
+        const hasChildren = !!(children && children.length);
+        if (checked) {
+          selected.push({ value, label: d[labelKey], hide: hasChildren });
+        }
+        if (hasChildren) {
+          getTreeSelectedItems(
+            children,
+            checkedKeys,
+            valueKey,
+            labelKey,
+            childrenKey,
+            showParent
+          ).forEach((item) => {
+            selected.push(item);
+          });
+        }
+      }
+    });
+  }
+  return selected;
+}
+function checkSelectedItems(selected, checkedKeys, valueKey, labelKey, cacheData) {
+  const selectedValues = selected.map((s) => s.value);
+  const cacheKeys = cacheData ? cacheData.map((d) => d[valueKey]) : [];
+  checkedKeys.forEach((key) => {
+    if (!selectedValues.includes(key)) {
+      const index = cacheKeys.indexOf(key);
+      const item = cacheData && index !== -1 ? cacheData[index] : void 0;
+      selected.push({ value: key, label: item ? item[labelKey] : String(key) });
+    }
+  });
+  return selected;
+}
+function isCheckAll(data, checkedKeys, valueKey, childrenKey, disabledKey) {
+  if (!data || !data.length || !checkedKeys || !checkedKeys.length) {
+    return false;
+  }
+  return data.every((d) => {
+    if (d[disabledKey] || checkedKeys.includes(d[valueKey])) {
+      return true;
+    }
+    if (d[childrenKey] && d[childrenKey].length) {
+      return isCheckAll(
+        d[childrenKey],
+        checkedKeys,
+        valueKey,
+        childrenKey,
+        disabledKey
+      );
+    }
+    return false;
+  });
+}
+exports.checkSelectedItems = checkSelectedItems;
+exports.getKeysAndList = getKeysAndList;
+exports.getNormalSelectedItems = getNormalSelectedItems;
+exports.getTreeSelectedItems = getTreeSelectedItems;
+exports.isCheckAll = isCheckAll;

package/lib/ele-upload-list/index.d.ts

@@ -84,9 +84,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     readonly: boolean;
     sortable: boolean | Record<string | number | symbol, any>;
+    preview: boolean;
     drag: boolean;
     multiple: boolean;
-    preview: boolean;
     accept: string;
 }, {}>;
 export default _default;

package/lib/ele-virtual-table/components/body-cell.d.ts

@@ -136,9 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     onMouseleave?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
     onClick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
     onContextmenu?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
-    onDblclick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
     onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
     onCheckedChange?: ((_row: DataItem, _checked: boolean) => any) | undefined;
+    onDblclick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
 }, {
     loading: boolean;
     isChecked: boolean;

package/lib/ele-virtual-table/components/body-row.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     /** 当前行数据 */
     rowData: PropType<DataItem>;
     /** 表格多选选中的值 */
-    selectedRowKeys: PropType<Set<DataKey>>;
+    checkedRowKeys: PropType<Set<DataKey>>;
     /** 是否禁用表头选择框 */
     tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
     /** 单元格类名自定义 */
@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     /** 当前行数据 */
     rowData: PropType<DataItem>;
     /** 表格多选选中的值 */
-    selectedRowKeys: PropType<Set<DataKey>>;
+    checkedRowKeys: PropType<Set<DataKey>>;
     /** 是否禁用表头选择框 */
     tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
     /** 单元格类名自定义 */
@@ -136,9 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     onCellClick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
     onCellDblclick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
     onCellContextmenu?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
+    onCellMouseenter?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
     onCellCheckedChange?: ((_row: DataItem, _checked: boolean) => any) | undefined;
     onCellExpandChange?: ((_row: DataItem, _expanded: boolean, _data?: DataItem[] | undefined) => any) | undefined;
-    onCellMouseenter?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
     onCellMouseleave?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
 }, {
     lazy: boolean;

package/lib/ele-virtual-table/components/body-row.js

@@ -14,7 +14,7 @@ const _sfc_main = vue.defineComponent({
     /** 当前行数据 */
     rowData: Object,
     /** 表格多选选中的值 */
-    selectedRowKeys: Set,
+    checkedRowKeys: Set,
     /** 是否禁用表头选择框 */
     tableSize: String,
     /** 单元格类名自定义 */
@@ -70,10 +70,10 @@ const _sfc_main = vue.defineComponent({
       return props.rowData ? props.rowData._rowKey : void 0;
     });
     const isChecked = vue.computed(() => {
-      if (!props.selectedRowKeys || !rowDataKey.value) {
+      if (!props.checkedRowKeys || !rowDataKey.value) {
         return false;
       }
-      return props.selectedRowKeys.has(rowDataKey.value);
+      return props.checkedRowKeys.has(rowDataKey.value);
     });
     const hasChildren = vue.computed(() => {
       if (props.rowData) {

package/lib/ele-virtual-table/components/cell-filter.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { FilterValue } from '../../ele-data-table/types';
-import type { EleTooltipInstance } from '../../ele-app/types/components';
+import type { EleTooltipInstance } from '../../ele-app/types';
 declare const _default: import("vue").DefineComponent<{
     /** 选中项 */
     filtered: PropType<FilterValue>;

package/lib/ele-virtual-table/components/header-cell.d.ts

@@ -89,9 +89,9 @@ declare const _default: import("vue").DefineComponent<{
     onFilterChange?: ((_params: CellFilterChangeParams) => any) | undefined;
     onCheckedChange?: ((_checked: boolean) => any) | undefined;
 }, {
+    isIndeterminate: boolean;
     headerEllipsis: boolean;
     isCheckAll: boolean;
-    isIndeterminate: boolean;
     disabledCheckbox: boolean;
 }, {}>;
 export default _default;

package/lib/ele-virtual-table/components/header-row.d.ts

@@ -81,9 +81,9 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedChange?: ((_checked: boolean) => any) | undefined;
     onCellMouseenter?: ((_col: Column, _e: MouseEvent) => any) | undefined;
 }, {
+    isIndeterminate: boolean;
     headerEllipsis: boolean;
     isCheckAll: boolean;
-    isIndeterminate: boolean;
     disabledCheckbox: boolean;
 }, {}>;
 export default _default;