ele-admin-plus 1.2.2-beta.5 → 1.3.0-beta.3

package/lib/ele-timeline/style/index.scss

@@ -0,0 +1,116 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-timeline-var($ele);
+
+.ele-time-line-list {
+  box-sizing: border-box;
+}
+
+.ele-time-line-row {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+
+  &.is-even-row {
+    flex-direction: row-reverse;
+  }
+}
+
+.ele-time-line-item {
+  flex: 1;
+  text-align: center;
+  box-sizing: border-box;
+  position: relative;
+}
+
+/* 内容 */
+.ele-time-line-item-body {
+  padding: eleVar('timeline', 'body-padding');
+  box-sizing: border-box;
+}
+
+/* 标题 */
+.ele-time-line-item-title {
+  font-size: eleVar('timeline', 'title-font-size');
+  margin-bottom: eleVar('timeline', 'title-margin');
+}
+
+/* 描述 */
+.ele-time-line-item-description {
+  font-size: eleVar('timeline', 'description-font-size');
+}
+
+/* 图标 */
+.ele-time-line-item-icon {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.ele-time-line-item-icon-status {
+  flex-shrink: 0;
+  margin: eleVar('timeline', 'icon-margin');
+  font-size: eleVar('timeline', 'icon-font-size');
+  color: eleVar('timeline', 'icon-color');
+}
+
+.ele-time-line-item.is-primary,
+.ele-time-line-item.is-primary .ele-time-line-item-icon-status {
+  color: elVar('color-primary');
+}
+
+/* 线条 */
+.ele-time-line-item-line {
+  flex: 1;
+  border: 0 solid transparent;
+  border-top-width: eleVar('timeline', 'line-size');
+  border-top-color: eleVar('timeline', 'line-color');
+  box-sizing: border-box;
+  pointer-events: none;
+
+  &.is-primary-line {
+    border-color: elVar('color-primary');
+  }
+}
+
+.ele-time-line-row.is-even-row .ele-time-line-item-icon {
+  flex-direction: row-reverse;
+}
+
+.ele-time-line-row > .ele-time-line-item {
+  &.is-first .ele-time-line-item-line.is-start,
+  &.is-last .ele-time-line-item-line.is-end {
+    visibility: hidden;
+  }
+}
+
+/* 转折线条 */
+.ele-time-line-item-line-turn {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border: 0 solid transparent;
+  border-left-width: eleVar('timeline', 'line-size');
+  border-left-color: eleVar('timeline', 'line-color');
+  transform: translateY(#{eleVar('timeline', 'turn-line-offset')});
+  box-sizing: border-box;
+  pointer-events: none;
+
+  &.is-primary-line {
+    border-color: elVar('color-primary');
+  }
+}
+
+.ele-time-line-row {
+  & > .ele-time-line-item:not(:last-child) .ele-time-line-item-line-turn {
+    display: none;
+  }
+
+  &.is-even-row .ele-time-line-item-line-turn {
+    left: 0;
+    right: auto;
+  }
+}

package/lib/ele-timeline/types.d.ts

@@ -0,0 +1,62 @@
+import type { CSSProperties } from 'vue';
+import type { ElIconProps } from '../ele-app/el';
+import type { UserComponent } from '../ele-app/types';
+
+/**
+ * 时间线项类型
+ */
+export type TimelineItemType = 'default' | 'primary';
+
+/**
+ * 时间线项数据
+ */
+export interface TimelineItem extends Record<string, any> {
+  /** 循环的 key */
+  key?: string | number | symbol;
+  /** 类型 */
+  type?: TimelineItemType;
+  /** 标题 */
+  title?: string;
+  /** 描述 */
+  description?: string;
+  /** 图标 */
+  icon?: UserComponent;
+  /** 自定义图标属性 */
+  iconProps?: ElIconProps;
+  /** 自定义图标样式 */
+  iconStyle?: CSSProperties;
+  /** 样式 */
+  style?: CSSProperties;
+  /** 类名 */
+  class?: string;
+}
+
+/**
+ * 时间线单元格数据
+ */
+export interface TimelineCell {
+  /** 循环的 key */
+  key: string | number | symbol;
+  /** 时间线项数据 */
+  data?: TimelineItem;
+  /** 时间线项数据索引 */
+  dataIndex?: number;
+  /** 下一个时间线项数据的类型 */
+  nextDataType?: TimelineItemType;
+  /** 是否是第一个时间线项数据 */
+  isFirst?: boolean;
+  /** 是否是最后一个时间线项数据 */
+  isLast?: boolean;
+}
+
+/**
+ * 时间线行数据
+ */
+export interface TimelineRow {
+  /** 循环的 key */
+  key: string | number | symbol;
+  /** 时间线单元格数据 */
+  items: TimelineCell[];
+  /** 是否是偶数行 */
+  isEvenRow?: boolean;
+}

package/lib/ele-transfer/index.cjs

@@ -0,0 +1,53 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const core = require("../utils/core");
+const hook = require("../utils/hook");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleTransfer",
+  components: { ElTransfer: elementPlus.ElTransfer },
+  props: props.transferProps,
+  emits: props.transferEmits,
+  setup(props$1, { emit }) {
+    const { emitMethods } = hook.useComponentEvents(props.transferEmits, emit);
+    const { optionData, reloadOptions } = hook.useProOptions(
+      props$1,
+      "data"
+    );
+    return {
+      omit: core.omit,
+      emitMethods,
+      optionData,
+      reloadOptions
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElTransfer = vue.resolveComponent("ElTransfer");
+  return vue.openBlock(), vue.createBlock(_component_ElTransfer, vue.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"]
+  }), vue.createSlots({ _: 2 }, [
+    vue.renderList(Object.keys(_ctx.$slots), (name) => {
+      return {
+        name,
+        fn: vue.withCtx((slotProps) => [
+          vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+        ])
+      };
+    })
+  ]), 1040, ["data", "onChange", "onUpdate:modelValue", "onLeftCheckChange", "onRightCheckChange"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/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/lib/ele-transfer/props.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const transferProps = {
+  ...elementPlus.transferProps,
+  /** 数据 */
+  data: [Array, Function]
+};
+Object.defineProperty(exports, "transferEmits", {
+  enumerable: true,
+  get: () => elementPlus.transferEmits
+});
+exports.transferProps = transferProps;

package/lib/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/lib/ele-transfer/style/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+require("element-plus/es/components/transfer/style/index");

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

@@ -0,0 +1 @@
+

package/lib/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/lib/ele-tree-select/index.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const core = require("../utils/core");
+const hook = require("../utils/hook");
 const EleBasicSelect = require("../ele-basic-select/index");
 const util = require("../ele-basic-select/util");
 const util$1 = require("./util");
@@ -13,6 +14,10 @@ const _sfc_main = vue.defineComponent({
   emits: props.treeSelectEmits,
   setup(props2, { emit }) {
     const { validateChange } = util.useFormValidate();
+    const { optionData, reloadOptions } = hook.useProOptions(
+      props2,
+      "treeProps.data"
+    );
     const selectRef = vue.ref(null);
     const treeRef = vue.ref(null);
     const selectVisible = vue.ref(false);
@@ -54,16 +59,16 @@ const _sfc_main = vue.defineComponent({
           return temp;
         }
       }
-      if (props2.treeProps && props2.treeProps.data) {
+      if (optionData.value) {
         return core.findTree(
-          props2.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 (
@@ -71,7 +76,7 @@ const _sfc_main = vue.defineComponent({
         ((_a = props2.treeProps) == null ? void 0 : _a.checkStrictly) || props2.showCheckedStrategy === "all"
       ) {
         return util$1.getNormalSelectedItems(
-          (_b = props2.treeProps) == null ? void 0 : _b.data,
+          optionData.value,
           values,
           valueKey,
           labelKey,
@@ -82,7 +87,7 @@ const _sfc_main = vue.defineComponent({
       }
       return util$1.checkSelectedItems(
         util$1.getTreeSelectedItems(
-          (_c = props2.treeProps) == null ? void 0 : _c.data,
+          optionData.value,
           values,
           valueKey,
           labelKey,
@@ -265,10 +270,7 @@ const _sfc_main = vue.defineComponent({
       { deep: true }
     );
     vue.watch(
-      [() => props2.cacheData, () => {
-        var _a;
-        return (_a = props2.treeProps) == null ? void 0 : _a.data;
-      }],
+      [() => props2.cacheData, optionData],
       () => {
         if (!selectedItems.value.length) {
           return;
@@ -341,6 +343,9 @@ const _sfc_main = vue.defineComponent({
       }
     });
     return {
+      omit: core.omit,
+      optionData,
+      reloadOptions,
       selectRef,
       treeRef,
       selectVisible,
@@ -412,8 +417,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       vue.createVNode(_component_ElTreeV2, vue.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,
@@ -438,7 +444,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/lib/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/lib/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/lib/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;
+}