@tmagic/tdesign-vue-next-adapter 1.4.15 → 1.5.0-beta.0

package/dist/tmagic-tdesign-vue-next-adapter.js

@@ -1,7 +1,7 @@
-import { defineComponent, computed, openBlock, createBlock, unref, createElementBlock, renderSlot, createSlots, withCtx, createElementVNode, ref, h } from 'vue';
-import { DateRangePicker, DatePicker, Textarea, Input, Popup, Tree, MessagePlugin, DialogPlugin, Badge, Button, Card, Cascader, Checkbox, CheckboxGroup, Col, Collapse, CollapsePanel, ColorPicker, Dialog, Divider, Drawer, Dropdown, DropdownItem, Form, FormItem, InputNumber, Option, OptionGroup, Pagination, Radio, RadioButton, RadioGroup, Row, Select, StepItem, Steps, Switch, Table, TabPanel, Tabs, Tag, TimePicker, Tooltip, Upload } from 'tdesign-vue-next';
+import { defineComponent, computed, openBlock, createBlock, unref, createElementBlock, renderSlot, createSlots, withCtx, createElementVNode, h } from 'vue';
+import { DateRangePicker, DatePicker, Textarea, Input, MessagePlugin, DialogPlugin, Badge, Button, Card, Cascader, Checkbox, CheckboxGroup, Col, Collapse, CollapsePanel, ColorPicker, Dialog, Divider, Drawer, Dropdown, DropdownItem, Form, FormItem, InputNumber, Option, OptionGroup, Pagination, Radio, RadioButton, RadioGroup, Row, Select, StepItem, Steps, Switch, Table, TabPanel, Tabs, Tag, TimePicker, Tooltip, Upload } from 'tdesign-vue-next';
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     type: { default: "date" },
@@ -74,16 +74,16 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$5 = {};
+const _sfc_main$3 = {};
 
 function _sfc_render$2(_ctx, _cache) {
   return (openBlock(), createElementBlock("i", null, [
     renderSlot(_ctx.$slots, "default")
   ]))
 }
-const Icon = /*#__PURE__*/_export_sfc(_sfc_main$5, [['render',_sfc_render$2]]);
+const Icon = /*#__PURE__*/_export_sfc(_sfc_main$3, [['render',_sfc_render$2]]);
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     modelValue: {},
@@ -145,44 +145,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "Popover",
-  props: {
-    placement: {},
-    width: {},
-    title: {},
-    trigger: {},
-    effect: {},
-    content: {},
-    disabled: { type: Boolean },
-    popperClass: {},
-    visible: { type: [Boolean, null] }
-  },
-  setup(__props) {
-    const props = __props;
-    const placement = computed(() => props.placement);
-    const trigger = computed(() => props.trigger);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Popup), {
-        placement: placement.value,
-        trigger: trigger.value,
-        disabled: _ctx.disabled,
-        visible: _ctx.visible,
-        overlayClassName: _ctx.popperClass
-      }, {
-        content: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "reference")
-        ]),
-        _: 3
-      }, 8, ["placement", "trigger", "disabled", "visible", "overlayClassName"]);
-    };
-  }
-});
-
-const _sfc_main$2 = {};
+const _sfc_main$1 = {};
 
 const _hoisted_1 = {
   class: "tdesign-scrollbar",
@@ -203,124 +166,14 @@ function _sfc_render$1(_ctx, _cache) {
     ])
   ]))
 }
-const Scrollbar = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$1]]);
+const Scrollbar = /*#__PURE__*/_export_sfc(_sfc_main$1, [['render',_sfc_render$1]]);
 
-const _sfc_main$1 = {};
+const _sfc_main = {};
 
 function _sfc_render(_ctx, _cache) {
   return (openBlock(), createElementBlock("div"))
 }
-const TableColumn = /*#__PURE__*/_export_sfc(_sfc_main$1, [['render',_sfc_render]]);
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Tree",
-  props: {
-    data: {},
-    emptyText: {},
-    nodeKey: {},
-    props: {},
-    renderAfterExpand: { type: Boolean },
-    load: {},
-    renderContent: {},
-    highlightCurrent: { type: Boolean },
-    defaultExpandAll: { type: Boolean },
-    checkOnClickNode: { type: Boolean },
-    autoExpandParent: { type: Boolean },
-    defaultExpandedKeys: {},
-    showCheckbox: { type: Boolean },
-    checkStrictly: { type: Boolean },
-    defaultCheckedKeys: {},
-    currentNodeKey: {},
-    filterNodeMethod: { type: Function },
-    accordion: { type: Boolean },
-    indent: {},
-    icon: {},
-    lazy: { type: Boolean },
-    draggable: { type: Boolean },
-    allowDrag: { type: Function },
-    allowDrop: {}
-  },
-  emits: [
-    "node-click",
-    "node-contextmenu",
-    "node-drag-end",
-    "node-collapse",
-    "node-expand",
-    "check",
-    "mousedown",
-    "mouseup"
-  ],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const nodeKeys = computed(() => ({
-      value: props.props?.value || "value",
-      label: props.props?.label || "label",
-      children: props.props?.children || "children"
-    }));
-    const loadChildren = (node) => props.load ? new Promise((resolve) => {
-      props.load(node, resolve);
-    }) : void 0;
-    let filterValue;
-    const filterNode = (node) => props.filterNodeMethod?.(filterValue, node.data, node);
-    const iconRender = () => props.icon && h(props.icon);
-    const emit = __emit;
-    const nodeClickHandler = (context) => {
-      emit("node-click", context.node.data, context.node, context, context.e);
-    };
-    const contextmenu = (...args) => {
-      emit("node-contextmenu", ...args);
-    };
-    const handleExpand = (value, context) => {
-      emit("node-expand", context.node.data, context.node);
-    };
-    const tree = ref();
-    __expose({
-      getData() {
-        return tree.value?.data;
-      },
-      getStore() {
-        return tree.value?.store;
-      },
-      filter(value) {
-        filterValue = value;
-      },
-      getNode(...args) {
-        return tree.value?.getNode(...args);
-      },
-      setCheckedKeys(...args) {
-        console.log(args);
-      },
-      setCurrentKey(...args) {
-        console.log(args);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Tree), {
-        ref_key: "tree",
-        ref: tree,
-        data: _ctx.data,
-        empty: _ctx.emptyText,
-        keys: nodeKeys.value,
-        load: loadChildren,
-        activable: _ctx.highlightCurrent,
-        expandAll: _ctx.defaultExpandAll,
-        expandParent: _ctx.autoExpandParent,
-        defaultExpanded: _ctx.defaultExpandedKeys,
-        actived: _ctx.currentNodeKey,
-        filter: filterNode,
-        expandMutex: _ctx.accordion,
-        draggable: _ctx.draggable,
-        icon: iconRender,
-        lazy: _ctx.lazy,
-        allowDrag: _ctx.allowDrag,
-        allowDrop: _ctx.allowDrop,
-        onClick: nodeClickHandler,
-        onExpand: handleExpand,
-        onContextmenu: contextmenu
-      }, null, 8, ["data", "empty", "keys", "activable", "expandAll", "expandParent", "defaultExpanded", "actived", "expandMutex", "draggable", "lazy", "allowDrag", "allowDrop"]);
-    };
-  }
-});
+const TableColumn = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 
 const adapter = {
   message: MessagePlugin,
@@ -432,7 +285,7 @@ const adapter = {
       })
     },
     datePicker: {
-      component: _sfc_main$6,
+      component: _sfc_main$4,
       props: (props) => props
     },
     dialog: {
@@ -519,7 +372,7 @@ const adapter = {
       props: (props) => props
     },
     input: {
-      component: _sfc_main$4,
+      component: _sfc_main$2,
       props: (props) => props
     },
     inputNumber: {
@@ -556,10 +409,6 @@ const adapter = {
         total: props.total
       })
     },
-    popover: {
-      component: _sfc_main$3,
-      props: (props) => props
-    },
     radio: {
       component: Radio,
       props: (props) => ({
@@ -675,31 +524,6 @@ const adapter = {
         content: props.content
       })
     },
-    tree: {
-      component: _sfc_main,
-      props: (props) => ({
-        ...props,
-        data: props.data,
-        draggable: props.draggable,
-        activable: props.highlightCurrent,
-        activeMultiple: props.highlightCurrent,
-        defaultActived: props.defaultCheckedKeys,
-        checkable: props.showCheckbox,
-        empty: props.emptyText,
-        expandAll: props.defaultExpandAll,
-        checkStrictly: props.checkStrictly,
-        load: props.load,
-        keys: props.props
-      }),
-      listeners: {
-        click(context) {
-          return {
-            node: context.node,
-            data: context.node.data
-          };
-        }
-      }
-    },
     upload: {
       component: Upload,
       props: (props) => ({

package/dist/tmagic-tdesign-vue-next-adapter.umd.cjs

@@ -4,7 +4,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.TMagicTdesignVueNextAdapter = factory(global.vue, global.tdesignVueNext));
 })(this, (function (vue, tdesignVueNext) { 'use strict';
 
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "DatePicker",
     props: {
       type: { default: "date" },
@@ -77,16 +77,16 @@
     return target;
   };
 
-  const _sfc_main$5 = {};
+  const _sfc_main$3 = {};
 
   function _sfc_render$2(_ctx, _cache) {
     return (vue.openBlock(), vue.createElementBlock("i", null, [
       vue.renderSlot(_ctx.$slots, "default")
     ]))
   }
-  const Icon = /*#__PURE__*/_export_sfc(_sfc_main$5, [['render',_sfc_render$2]]);
+  const Icon = /*#__PURE__*/_export_sfc(_sfc_main$3, [['render',_sfc_render$2]]);
 
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "Input",
     props: {
       modelValue: {},
@@ -148,44 +148,7 @@
     }
   });
 
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    __name: "Popover",
-    props: {
-      placement: {},
-      width: {},
-      title: {},
-      trigger: {},
-      effect: {},
-      content: {},
-      disabled: { type: Boolean },
-      popperClass: {},
-      visible: { type: [Boolean, null] }
-    },
-    setup(__props) {
-      const props = __props;
-      const placement = vue.computed(() => props.placement);
-      const trigger = vue.computed(() => props.trigger);
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.Popup), {
-          placement: placement.value,
-          trigger: trigger.value,
-          disabled: _ctx.disabled,
-          visible: _ctx.visible,
-          overlayClassName: _ctx.popperClass
-        }, {
-          content: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "reference")
-          ]),
-          _: 3
-        }, 8, ["placement", "trigger", "disabled", "visible", "overlayClassName"]);
-      };
-    }
-  });
-
-  const _sfc_main$2 = {};
+  const _sfc_main$1 = {};
 
   const _hoisted_1 = {
     class: "tdesign-scrollbar",
@@ -206,124 +169,14 @@
       ])
     ]))
   }
-  const Scrollbar = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$1]]);
+  const Scrollbar = /*#__PURE__*/_export_sfc(_sfc_main$1, [['render',_sfc_render$1]]);
 
-  const _sfc_main$1 = {};
+  const _sfc_main = {};
 
   function _sfc_render(_ctx, _cache) {
     return (vue.openBlock(), vue.createElementBlock("div"))
   }
-  const TableColumn = /*#__PURE__*/_export_sfc(_sfc_main$1, [['render',_sfc_render]]);
-
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    __name: "Tree",
-    props: {
-      data: {},
-      emptyText: {},
-      nodeKey: {},
-      props: {},
-      renderAfterExpand: { type: Boolean },
-      load: {},
-      renderContent: {},
-      highlightCurrent: { type: Boolean },
-      defaultExpandAll: { type: Boolean },
-      checkOnClickNode: { type: Boolean },
-      autoExpandParent: { type: Boolean },
-      defaultExpandedKeys: {},
-      showCheckbox: { type: Boolean },
-      checkStrictly: { type: Boolean },
-      defaultCheckedKeys: {},
-      currentNodeKey: {},
-      filterNodeMethod: { type: Function },
-      accordion: { type: Boolean },
-      indent: {},
-      icon: {},
-      lazy: { type: Boolean },
-      draggable: { type: Boolean },
-      allowDrag: { type: Function },
-      allowDrop: {}
-    },
-    emits: [
-      "node-click",
-      "node-contextmenu",
-      "node-drag-end",
-      "node-collapse",
-      "node-expand",
-      "check",
-      "mousedown",
-      "mouseup"
-    ],
-    setup(__props, { expose: __expose, emit: __emit }) {
-      const props = __props;
-      const nodeKeys = vue.computed(() => ({
-        value: props.props?.value || "value",
-        label: props.props?.label || "label",
-        children: props.props?.children || "children"
-      }));
-      const loadChildren = (node) => props.load ? new Promise((resolve) => {
-        props.load(node, resolve);
-      }) : void 0;
-      let filterValue;
-      const filterNode = (node) => props.filterNodeMethod?.(filterValue, node.data, node);
-      const iconRender = () => props.icon && vue.h(props.icon);
-      const emit = __emit;
-      const nodeClickHandler = (context) => {
-        emit("node-click", context.node.data, context.node, context, context.e);
-      };
-      const contextmenu = (...args) => {
-        emit("node-contextmenu", ...args);
-      };
-      const handleExpand = (value, context) => {
-        emit("node-expand", context.node.data, context.node);
-      };
-      const tree = vue.ref();
-      __expose({
-        getData() {
-          return tree.value?.data;
-        },
-        getStore() {
-          return tree.value?.store;
-        },
-        filter(value) {
-          filterValue = value;
-        },
-        getNode(...args) {
-          return tree.value?.getNode(...args);
-        },
-        setCheckedKeys(...args) {
-          console.log(args);
-        },
-        setCurrentKey(...args) {
-          console.log(args);
-        }
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.Tree), {
-          ref_key: "tree",
-          ref: tree,
-          data: _ctx.data,
-          empty: _ctx.emptyText,
-          keys: nodeKeys.value,
-          load: loadChildren,
-          activable: _ctx.highlightCurrent,
-          expandAll: _ctx.defaultExpandAll,
-          expandParent: _ctx.autoExpandParent,
-          defaultExpanded: _ctx.defaultExpandedKeys,
-          actived: _ctx.currentNodeKey,
-          filter: filterNode,
-          expandMutex: _ctx.accordion,
-          draggable: _ctx.draggable,
-          icon: iconRender,
-          lazy: _ctx.lazy,
-          allowDrag: _ctx.allowDrag,
-          allowDrop: _ctx.allowDrop,
-          onClick: nodeClickHandler,
-          onExpand: handleExpand,
-          onContextmenu: contextmenu
-        }, null, 8, ["data", "empty", "keys", "activable", "expandAll", "expandParent", "defaultExpanded", "actived", "expandMutex", "draggable", "lazy", "allowDrag", "allowDrop"]);
-      };
-    }
-  });
+  const TableColumn = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 
   const adapter = {
     message: tdesignVueNext.MessagePlugin,
@@ -435,7 +288,7 @@
         })
       },
       datePicker: {
-        component: _sfc_main$6,
+        component: _sfc_main$4,
         props: (props) => props
       },
       dialog: {
@@ -522,7 +375,7 @@
         props: (props) => props
       },
       input: {
-        component: _sfc_main$4,
+        component: _sfc_main$2,
         props: (props) => props
       },
       inputNumber: {
@@ -559,10 +412,6 @@
           total: props.total
         })
       },
-      popover: {
-        component: _sfc_main$3,
-        props: (props) => props
-      },
       radio: {
         component: tdesignVueNext.Radio,
         props: (props) => ({
@@ -678,31 +527,6 @@
           content: props.content
         })
       },
-      tree: {
-        component: _sfc_main,
-        props: (props) => ({
-          ...props,
-          data: props.data,
-          draggable: props.draggable,
-          activable: props.highlightCurrent,
-          activeMultiple: props.highlightCurrent,
-          defaultActived: props.defaultCheckedKeys,
-          checkable: props.showCheckbox,
-          empty: props.emptyText,
-          expandAll: props.defaultExpandAll,
-          checkStrictly: props.checkStrictly,
-          load: props.load,
-          keys: props.props
-        }),
-        listeners: {
-          click(context) {
-            return {
-              node: context.node,
-              data: context.node.data
-            };
-          }
-        }
-      },
       upload: {
         component: tdesignVueNext.Upload,
         props: (props) => ({

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.15",
+  "version": "1.5.0-beta.0",
   "name": "@tmagic/tdesign-vue-next-adapter",
   "type": "module",
   "main": "dist/tmagic-tdesign-vue-next-adapter.umd.cjs",
@@ -34,18 +34,17 @@
     "typescript"
   ],
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.1.1",
     "@vue/compiler-sfc": "^3.4.27",
     "@types/node": "^18.19.0",
     "rimraf": "^3.0.2",
-    "vite": "^5.3.1",
-    "vue-tsc": "^2.0.19"
+    "vite": "^5.3.5"
   },
   "peerDependencies": {
-    "tdesign-vue-next": "^1.8.1",
-    "vue": "^3.4.27",
+    "tdesign-vue-next": "^1.9.8",
+    "vue": "^3.4.35",
     "typescript": "*",
-    "@tmagic/design": "1.4.15"
+    "@tmagic/design": "1.5.0-beta.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -53,9 +52,6 @@
     }
   },
   "scripts": {
-    "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types",
-    "check:type": "tsc --noEmit --project tsconfig.build.json"
+    "build": "vite build"
   }
 }

package/src/index.ts

@@ -37,7 +37,6 @@ import {
   Tag as TTag,
   TimePicker as TTimePicker,
   Tooltip as TTooltip,
-  TreeNodeModel,
   Upload as TUpload,
 } from 'tdesign-vue-next';
 
@@ -65,7 +64,6 @@ import type {
   OptionGroupProps,
   OptionProps,
   PaginationProps,
-  PopoverProps,
   RadioButtonProps,
   RadioGroupProps,
   RadioProps,
@@ -80,17 +78,14 @@ import type {
   TagProps,
   TimePickerProps,
   TooltipProps,
-  TreeProps,
   UploadProps,
 } from '@tmagic/design';
 
 import DatePicker from './DatePicker.vue';
 import Icon from './Icon.vue';
 import Input from './Input.vue';
-import Popover from './Popover.vue';
 import Scrollbar from './Scrollbar.vue';
 import TableColumn from './TableColumn.vue';
-import Tree from './Tree.vue';
 
 const adapter: any = {
   message: MessagePlugin,
@@ -351,11 +346,6 @@ const adapter: any = {
       }),
     },
 
-    popover: {
-      component: Popover,
-      props: (props: PopoverProps) => props,
-    },
-
     radio: {
       component: TRadio,
       props: (props: RadioProps) => ({
@@ -487,32 +477,6 @@ const adapter: any = {
       }),
     },
 
-    tree: {
-      component: Tree,
-      props: (props: TreeProps) => ({
-        ...props,
-        data: props.data,
-        draggable: props.draggable,
-        activable: props.highlightCurrent,
-        activeMultiple: props.highlightCurrent,
-        defaultActived: props.defaultCheckedKeys,
-        checkable: props.showCheckbox,
-        empty: props.emptyText,
-        expandAll: props.defaultExpandAll,
-        checkStrictly: props.checkStrictly,
-        load: props.load,
-        keys: props.props,
-      }),
-      listeners: {
-        click(context: { node: TreeNodeModel<any>; e: MouseEvent }) {
-          return {
-            node: context.node,
-            data: context.node.data,
-          };
-        },
-      },
-    },
-
     upload: {
       component: TUpload,
       props: (props: UploadProps) => ({

package/types/index.d.ts

@@ -1,2 +1,3 @@
 declare const adapter: any;
-export default adapter;
+
+export { adapter as default };

package/src/Popover.vue

@@ -1,27 +0,0 @@
-<template>
-  <TPopup
-    :placement="placement"
-    :trigger="trigger"
-    :disabled="disabled"
-    :visible="visible"
-    :overlayClassName="popperClass"
-  >
-    <slot name="reference"></slot>
-
-    <template #content>
-      <slot></slot>
-    </template>
-  </TPopup>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { Popup as TPopup, type PopupPlacement } from 'tdesign-vue-next';
-
-import type { PopoverProps } from '@tmagic/design';
-
-const props = defineProps<PopoverProps>();
-
-const placement = computed(() => props.placement as PopupPlacement);
-const trigger = computed(() => props.trigger as 'click' | 'focus' | 'mousedown' | 'context-menu' | 'hover');
-</script>

package/src/Tree.vue

@@ -1,103 +0,0 @@
-<template>
-  <TTree
-    ref="tree"
-    :data="data"
-    :empty="emptyText"
-    :keys="nodeKeys"
-    :load="loadChildren"
-    :activable="highlightCurrent"
-    :expandAll="defaultExpandAll"
-    :expandParent="autoExpandParent"
-    :defaultExpanded="defaultExpandedKeys"
-    :actived="currentNodeKey"
-    :filter="filterNode"
-    :expandMutex="accordion"
-    :draggable="draggable"
-    :icon="iconRender"
-    :lazy="lazy"
-    :allowDrag="allowDrag"
-    :allowDrop="allowDrop"
-    :onClick="nodeClickHandler"
-    :onExpand="handleExpand"
-    @contextmenu="contextmenu"
-  ></TTree>
-</template>
-
-<script lang="ts" setup>
-import { computed, h, ref } from 'vue';
-import { Tree as TTree, TreeNodeModel, TreeNodeValue } from 'tdesign-vue-next';
-
-import type { TreeProps } from '@tmagic/design';
-
-const props = defineProps<TreeProps>();
-
-const nodeKeys = computed(() => ({
-  value: props.props?.value || 'value',
-  label: props.props?.label || 'label',
-  children: props.props?.children || 'children',
-}));
-
-const loadChildren = (node: TreeNodeModel<any>) =>
-  props.load
-    ? new Promise((resolve) => {
-        props.load(node, resolve);
-      })
-    : undefined;
-
-let filterValue: any;
-
-const filterNode = (node: TreeNodeModel<any>) => props.filterNodeMethod?.(filterValue, node.data, node);
-
-const iconRender = () => props.icon && h(props.icon);
-
-const emit = defineEmits([
-  'node-click',
-  'node-contextmenu',
-  'node-drag-end',
-  'node-collapse',
-  'node-expand',
-  'check',
-  'mousedown',
-  'mouseup',
-]);
-
-const nodeClickHandler = (context: { node: TreeNodeModel<any>; e: MouseEvent }) => {
-  emit('node-click', context.node.data, context.node, context, context.e);
-};
-
-const contextmenu = (...args: any[]) => {
-  emit('node-contextmenu', ...args);
-};
-
-const handleExpand = (value: Array<TreeNodeValue>, context: { node: TreeNodeModel<any>; e: MouseEvent }) => {
-  emit('node-expand', context.node.data, context.node);
-};
-
-const tree = ref<InstanceType<typeof TTree>>();
-
-defineExpose({
-  getData() {
-    return tree.value?.data;
-  },
-
-  getStore() {
-    return tree.value?.store;
-  },
-
-  filter(value: any) {
-    filterValue = value;
-  },
-
-  getNode(...args: any[]) {
-    return tree.value?.getNode(...args);
-  },
-
-  setCheckedKeys(...args: any[]) {
-    console.log(args);
-  },
-
-  setCurrentKey(...args: any[]) {
-    console.log(args);
-  },
-});
-</script>