ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

package/es/ele-transfer/index.d.ts

@@ -0,0 +1,94 @@
+import { omit } from '../utils/core';
+import { TransferDataItem } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    data: import('vue').PropType<TransferDataItem[] | import('./types').TransferDataFunction>;
+    titles: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    buttonTexts: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    filterPlaceholder: StringConstructor;
+    filterMethod: {
+        readonly type: import('vue').PropType<(query: string, item: import('element-plus').TransferDataItem) => boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    leftDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    rightDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    renderContent: {
+        readonly type: import('vue').PropType<import('element-plus').renderContent>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    format: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat) | ((new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat))[], unknown, unknown, () => {}, boolean>;
+    filterable: BooleanConstructor;
+    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias) | ((new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
+        readonly label: "label";
+        readonly key: "key";
+        readonly disabled: "disabled";
+    }>, boolean>;
+    targetOrder: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "push" | "unshift" | "original", unknown, "original", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, {
+    omit: typeof omit;
+    emitMethods: {
+        change: (value: import('element-plus').TransferKey[], direction: import('element-plus').TransferDirection, movedKeys: import('element-plus').TransferKey[]) => void;
+        "update:modelValue": (value: import('element-plus').TransferKey[]) => void;
+        "left-check-change": (value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[] | undefined) => void;
+        "right-check-change": (value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[] | undefined) => void;
+    };
+    optionData: import('vue').Ref<TransferDataItem[]>;
+    reloadOptions: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: import('element-plus').TransferKey[], direction: import('element-plus').TransferDirection, movedKeys: import('element-plus').TransferKey[]) => boolean;
+    "update:modelValue": (value: import('element-plus').TransferKey[]) => boolean;
+    "left-check-change": (value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[]) => boolean;
+    "right-check-change": (value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[]) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: import('vue').PropType<TransferDataItem[] | import('./types').TransferDataFunction>;
+    titles: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    buttonTexts: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    filterPlaceholder: StringConstructor;
+    filterMethod: {
+        readonly type: import('vue').PropType<(query: string, item: import('element-plus').TransferDataItem) => boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    leftDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    rightDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    renderContent: {
+        readonly type: import('vue').PropType<import('element-plus').renderContent>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    format: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat) | ((new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat))[], unknown, unknown, () => {}, boolean>;
+    filterable: BooleanConstructor;
+    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias) | ((new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
+        readonly label: "label";
+        readonly key: "key";
+        readonly disabled: "disabled";
+    }>, boolean>;
+    targetOrder: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "push" | "unshift" | "original", unknown, "original", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((value: import('element-plus').TransferKey[]) => any) | undefined;
+    onChange?: ((value: import('element-plus').TransferKey[], direction: import('element-plus').TransferDirection, movedKeys: import('element-plus').TransferKey[]) => any) | undefined;
+    "onLeft-check-change"?: ((value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[] | undefined) => any) | undefined;
+    "onRight-check-change"?: ((value: import('element-plus').TransferKey[], movedKeys?: import('element-plus').TransferKey[] | undefined) => any) | undefined;
+}, {
+    titles: [string, string];
+    buttonTexts: [string, string];
+    leftDefaultChecked: import('element-plus').TransferKey[];
+    rightDefaultChecked: import('element-plus').TransferKey[];
+    modelValue: import('element-plus').TransferKey[];
+    format: import('element-plus').TransferFormat;
+    filterable: boolean;
+    props: import('element-plus').TransferPropsAlias;
+    targetOrder: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "push" | "unshift" | "original", unknown>;
+    validateEvent: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/es/ele-transfer/index.js

@@ -0,0 +1,54 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ElTransfer } from "element-plus";
+import { omit } from "../utils/core";
+import { useComponentEvents, useProOptions } from "../utils/hook";
+import { transferProps, transferEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleTransfer",
+  components: { ElTransfer },
+  props: transferProps,
+  emits: transferEmits,
+  setup(props, { emit }) {
+    const { emitMethods } = useComponentEvents(transferEmits, emit);
+    const { optionData, reloadOptions } = useProOptions(
+      props,
+      "data"
+    );
+    return {
+      omit,
+      emitMethods,
+      optionData,
+      reloadOptions
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElTransfer = resolveComponent("ElTransfer");
+  return openBlock(), createBlock(_component_ElTransfer, mergeProps(_ctx.omit(_ctx.$props, ["data"]), {
+    data: _ctx.optionData,
+    onChange: _ctx.emitMethods["change"],
+    "onUpdate:modelValue": _ctx.emitMethods["update:modelValue"],
+    onLeftCheckChange: _ctx.emitMethods["left-check-change"],
+    onRightCheckChange: _ctx.emitMethods["right-check-change"]
+  }), createSlots({ _: 2 }, [
+    renderList(Object.keys(_ctx.$slots), (name) => {
+      return {
+        name,
+        fn: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+        ])
+      };
+    })
+  ]), 1040, ["data", "onChange", "onUpdate:modelValue", "onLeftCheckChange", "onRightCheckChange"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-transfer/props.d.ts

@@ -0,0 +1,39 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { TransferDataItem, TransferDataFunction } from './types';
+
+export { transferEmits } from 'element-plus';
+/**
+ * 属性
+ */
+export declare const transferProps: {
+    /** 数据 */
+    data: PropType<TransferDataItem[] | TransferDataFunction>;
+    titles: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    buttonTexts: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
+    filterPlaceholder: StringConstructor;
+    filterMethod: {
+        readonly type: import('vue').PropType<(query: string, item: import('element-plus').TransferDataItem) => boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    leftDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    rightDefaultChecked: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    renderContent: {
+        readonly type: import('vue').PropType<import('element-plus').renderContent>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]) | ((new (...args: any[]) => import('element-plus').TransferKey[]) | (() => import('element-plus').TransferKey[]))[], unknown, unknown, () => never[], boolean>;
+    format: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat) | ((new (...args: any[]) => import('element-plus').TransferFormat) | (() => import('element-plus').TransferFormat))[], unknown, unknown, () => {}, boolean>;
+    filterable: BooleanConstructor;
+    props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias) | ((new (...args: any[]) => import('element-plus').TransferPropsAlias) | (() => import('element-plus').TransferPropsAlias))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
+        readonly label: "label";
+        readonly key: "key";
+        readonly disabled: "disabled";
+    }>, boolean>;
+    targetOrder: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "push" | "unshift" | "original", unknown, "original", boolean>;
+    validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export type TransferProps = ExtractPropTypes<typeof transferProps>;

package/es/ele-transfer/props.js

@@ -0,0 +1,11 @@
+import { transferProps as transferProps$1 } from "element-plus";
+import { transferEmits } from "element-plus";
+const transferProps = {
+  ...transferProps$1,
+  /** 数据 */
+  data: [Array, Function]
+};
+export {
+  transferEmits,
+  transferProps
+};

package/es/ele-transfer/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-transfer/style/index.js

@@ -0,0 +1 @@
+import "element-plus/es/components/transfer/style/index";

package/es/ele-transfer/types.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 数据
+ */
+export interface TransferDataItem extends Record<string, any> {
+  /** 值 */
+  key?: any;
+  /** 显示文本 */
+  label?: string;
+  /** 是否禁用 */
+  disabled?: boolean;
+}
+
+/**
+ * 数据请求函数
+ */
+export type TransferDataFunction = () => Promise<TransferDataItem[]>;

package/es/ele-tree-select/index.d.ts

@@ -1,3 +1,4 @@
+import { omit } from '../utils/core';
 import { ElTreeV2Instance } from '../ele-app/el';
 import { EleBasicSelectInstance } from '../ele-app/plus';
 import { SelectValue, SingleValue, SelectedItem } from '../ele-basic-select/types';
@@ -13,9 +14,9 @@ declare const _default: import('vue').DefineComponent<{
     size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    cacheData: import('vue').PropType<import('../ele-app/el').ElTreeV2Props["data"]>;
+    cacheData: import('vue').PropType<import('./types').TreeData>;
     treeProps: {
-        type: import('vue').PropType<import('../ele-app/el').ElTreeV2Props>;
+        type: import('vue').PropType<import('./types').TreeProps>;
         required: boolean;
     };
     showCheckedStrategy: import('vue').PropType<import('./types').ShowCheckedStrategy>;
@@ -51,6 +52,9 @@ declare const _default: import('vue').DefineComponent<{
     inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, {
+    omit: typeof omit;
+    optionData: import('vue').Ref<import('element-plus/es/components/tree-v2/src/types').TreeNodeData[]>;
+    reloadOptions: () => void;
     selectRef: import('vue').Ref<EleBasicSelectInstance>;
     treeRef: import('vue').Ref<ElTreeV2Instance>;
     selectVisible: import('vue').Ref<boolean>;
@@ -94,9 +98,9 @@ declare const _default: import('vue').DefineComponent<{
     size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    cacheData: import('vue').PropType<import('../ele-app/el').ElTreeV2Props["data"]>;
+    cacheData: import('vue').PropType<import('./types').TreeData>;
     treeProps: {
-        type: import('vue').PropType<import('../ele-app/el').ElTreeV2Props>;
+        type: import('vue').PropType<import('./types').TreeProps>;
         required: boolean;
     };
     showCheckedStrategy: import('vue').PropType<import('./types').ShowCheckedStrategy>;

package/es/ele-tree-select/index.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, mergeProps, createElementVNode, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString } from "vue";
 import { ElTreeV2 } from "element-plus";
-import { findTree } from "../utils/core";
+import { omit, findTree } from "../utils/core";
+import { useProOptions } from "../utils/hook";
 import EleBasicSelect from "../ele-basic-select/index";
 import { useFormValidate, isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
 import { getModelValue, getNormalSelectedItems, checkSelectedItems, getTreeSelectedItems, isCheckAll } from "./util";
@@ -12,6 +13,10 @@ const _sfc_main = defineComponent({
   emits: treeSelectEmits,
   setup(props, { emit }) {
     const { validateChange } = useFormValidate();
+    const { optionData, reloadOptions } = useProOptions(
+      props,
+      "treeProps.data"
+    );
     const selectRef = ref(null);
     const treeRef = ref(null);
     const selectVisible = ref(false);
@@ -53,16 +58,16 @@ const _sfc_main = defineComponent({
           return temp;
         }
       }
-      if (props.treeProps && props.treeProps.data) {
+      if (optionData.value) {
         return findTree(
-          props.treeProps.data,
+          optionData.value,
           (d) => d[valueKey] === value,
           treeOptions.value.children
         );
       }
     };
     const getMultipleSelected = (values) => {
-      var _a, _b, _c;
+      var _a;
       const valueKey = treeOptions.value.value;
       const labelKey = treeOptions.value.label;
       if (
@@ -70,7 +75,7 @@ const _sfc_main = defineComponent({
         ((_a = props.treeProps) == null ? void 0 : _a.checkStrictly) || props.showCheckedStrategy === "all"
       ) {
         return getNormalSelectedItems(
-          (_b = props.treeProps) == null ? void 0 : _b.data,
+          optionData.value,
           values,
           valueKey,
           labelKey,
@@ -81,7 +86,7 @@ const _sfc_main = defineComponent({
       }
       return checkSelectedItems(
         getTreeSelectedItems(
-          (_c = props.treeProps) == null ? void 0 : _c.data,
+          optionData.value,
           values,
           valueKey,
           labelKey,
@@ -264,10 +269,7 @@ const _sfc_main = defineComponent({
       { deep: true }
     );
     watch(
-      [() => props.cacheData, () => {
-        var _a;
-        return (_a = props.treeProps) == null ? void 0 : _a.data;
-      }],
+      [() => props.cacheData, optionData],
       () => {
         if (!selectedItems.value.length) {
           return;
@@ -340,6 +342,9 @@ const _sfc_main = defineComponent({
       }
     });
     return {
+      omit,
+      optionData,
+      reloadOptions,
       selectRef,
       treeRef,
       selectVisible,
@@ -411,8 +416,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_ElTreeV2, mergeProps({
         itemSize: 32,
         filterMethod: _ctx.treeFilter
-      }, _ctx.treeProps, {
+      }, _ctx.omit(_ctx.treeProps, ["data"]), {
         ref: "treeRef",
+        data: _ctx.optionData,
         props: _ctx.treeOptions,
         highlightCurrent: _ctx.multiple ? false : true,
         showCheckbox: !!_ctx.multiple,
@@ -437,7 +443,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 10, _hoisted_1)
         ]),
         _: 3
-      }, 16, ["filterMethod", "props", "highlightCurrent", "showCheckbox", "defaultCheckedKeys", "onCheck", "onNodeClick", "onNodeExpand", "onNodeCollapse"])
+      }, 16, ["filterMethod", "data", "props", "highlightCurrent", "showCheckbox", "defaultCheckedKeys", "onCheck", "onNodeClick", "onNodeExpand", "onNodeCollapse"])
     ]),
     _: 2
   }, [

package/es/ele-tree-select/props.d.ts

@@ -1,9 +1,9 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { StyleValue } from '../ele-app/types';
-import { ElInputProps, ElTagProps, ElTreeV2Props } from '../ele-app/el';
+import { ElInputProps, ElTagProps } from '../ele-app/el';
 import { EleTooltipProps } from '../ele-app/plus';
 import { SelectValue, SingleValue } from '../ele-basic-select/types';
-import { ShowCheckedStrategy } from './types';
+import { ShowCheckedStrategy, TreeData, TreeProps } from './types';
 
 /**
  * 属性
@@ -25,10 +25,10 @@ export declare const treeSelectProps: {
     /** 无选中时提示文本 */
     placeholder: StringConstructor;
     /** 缓存数据 */
-    cacheData: PropType<ElTreeV2Props["data"]>;
+    cacheData: PropType<TreeData>;
     /** 树配置 */
     treeProps: {
-        type: PropType<ElTreeV2Props>;
+        type: PropType<TreeProps>;
         required: boolean;
     };
     /** 多选标签显示策略 */

package/es/ele-tree-select/types.d.ts

@@ -19,3 +19,16 @@ export type TreeData = Exclude<ElTreeV2Props['data'], undefined>;
  * 树数据项
  */
 export type DataItem = TreeData[number];
+
+/**
+ * 树数据请求函数
+ */
+export type TreeDataFunction = () => Promise<TreeData>;
+
+/**
+ * 树组件属性
+ */
+export interface TreeProps extends Omit<ElTreeV2Props, 'data'> {
+  /** 树组件数据 */
+  data?: TreeData | TreeDataFunction;
+}

package/es/ele-tree-table/components/table-body.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue';
+import { TreeTableDataItem, TreeTableColumn } from '../types';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 数据 */
+    data: {
+        type: PropType<TreeTableDataItem[]>;
+        required: true;
+    };
+    /** 列配置 */
+    columns: {
+        type: PropType<TreeTableColumn[]>;
+        required: true;
+    };
+    /** 序号列宽度 */
+    indexColWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 所处深度 */
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 最大深度 */
+    depth: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 数据 */
+    data: {
+        type: PropType<TreeTableDataItem[]>;
+        required: true;
+    };
+    /** 列配置 */
+    columns: {
+        type: PropType<TreeTableColumn[]>;
+        required: true;
+    };
+    /** 序号列宽度 */
+    indexColWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 所处深度 */
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 最大深度 */
+    depth: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/es/ele-tree-table/components/table-body.js

@@ -0,0 +1,100 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString, createSlots, mergeProps, createCommentVNode } from "vue";
+import TableRow from "./table-row";
+const _sfc_main = defineComponent({
+  name: "TableBody",
+  components: { TableRow },
+  props: {
+    /** 数据 */
+    data: {
+      type: Array,
+      required: true
+    },
+    /** 列配置 */
+    columns: {
+      type: Array,
+      required: true
+    },
+    /** 序号列宽度 */
+    indexColWidth: {
+      type: Number,
+      required: true
+    },
+    /** 所处深度 */
+    level: {
+      type: Number,
+      required: true
+    },
+    /** 最大深度 */
+    depth: {
+      type: Number,
+      required: true
+    }
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_TableBody = resolveComponent("TableBody", true);
+  const _component_TableRow = resolveComponent("TableRow");
+  return openBlock(), createElementBlock("div", null, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row, rowIndex) => {
+      return openBlock(), createBlock(_component_TableRow, {
+        key: row.key ?? rowIndex,
+        rowIndex,
+        hasChildren: !!(row.children && row.children.length),
+        indexColWidth: _ctx.indexColWidth,
+        level: _ctx.level,
+        depth: _ctx.depth
+      }, {
+        cells: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
+            return openBlock(), createElementBlock("div", {
+              key: col.key ?? col.prop,
+              style: normalizeStyle(col.style),
+              class: normalizeClass([col.class, "ele-tree-table-cell"])
+            }, [
+              renderSlot(_ctx.$slots, "bodyCell", {
+                row,
+                rowIndex,
+                column: col,
+                treeLevel: _ctx.level
+              }, () => [
+                createTextVNode(toDisplayString(col.prop != null ? row[col.prop] : void 0), 1)
+              ])
+            ], 6);
+          }), 128))
+        ]),
+        default: withCtx(() => [
+          row.children && row.children.length ? (openBlock(), createBlock(_component_TableBody, {
+            key: 0,
+            data: row.children,
+            columns: _ctx.columns,
+            level: _ctx.level + 1,
+            depth: _ctx.depth,
+            indexColWidth: _ctx.indexColWidth,
+            class: "ele-tree-table-children"
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
+                ])
+              };
+            })
+          ]), 1032, ["data", "columns", "level", "depth", "indexColWidth"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, 1032, ["rowIndex", "hasChildren", "indexColWidth", "level", "depth"]);
+    }), 128))
+  ]);
+}
+const tableBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  tableBody as default
+};

package/es/ele-tree-table/components/table-row.d.ts

@@ -0,0 +1,53 @@
+declare const _default: import('vue').DefineComponent<{
+    /** 行索引 */
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 是否有子级 */
+    hasChildren: BooleanConstructor;
+    /** 序号列宽度 */
+    indexColWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 所处深度 */
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 最大深度 */
+    depth: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    isCollapse: import('vue').Ref<boolean>;
+    handleExpandClick: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 行索引 */
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 是否有子级 */
+    hasChildren: BooleanConstructor;
+    /** 序号列宽度 */
+    indexColWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 所处深度 */
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /** 最大深度 */
+    depth: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {
+    hasChildren: boolean;
+}, {}>;
+export default _default;