@dt-frames/ui 2.0.15 → 2.0.17

package/es/components/table/index.less

@@ -27,6 +27,27 @@
 
 	.ant-table-empty {
 		border-bottom: 1px solid #f0f0f0;
+		.ant-table-cell {
+			border: none;
+		}
+	}
+
+	.ant-spin-nested-loading, .ant-spin-container {
+		height: 100%;
+	}
+
+	.ant-spin-container, .ant-table-container, .ant-table {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.ant-table, .ant-table-container {
+		height: 0;
+	}
+
+	.ant-table-body {
+		flex: 1;
 	}
 
 	.dt-pagination{
@@ -108,6 +129,10 @@
 			}
 		}
 	}
+
+	.primary-color{
+		color: @primary-color;
+	}
 }
 
 .ant-table{

package/es/components/table/src/components/editTable/EditTableCell.d.ts

@@ -62,6 +62,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleChange: (e: any) => Promise<void>;
     handleSubmitRule: () => Promise<boolean>;
     handleOptionsChange: (options: LableValOptions) => void;
+    readonly omit: any;
     readonly CellComponent: import("vue").FunctionalComponent<{}, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {

package/es/components/table/src/index.d.ts

@@ -91,10 +91,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    canResize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     pagination: {
         type: import("vue").PropType<Boolean | import("./types/table.type").PaginationProps>;
         default: any;
@@ -313,7 +309,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         showCheckboxColumn: boolean;
         expandActions: boolean;
         ellipsis: boolean;
-        canResize: boolean;
         onTableChange: Function;
         onDownload: Function;
         indexColumnProps: import("./types/table.type").BasicColumn[];
@@ -494,10 +489,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    canResize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     pagination: {
         type: import("vue").PropType<Boolean | import("./types/table.type").PaginationProps>;
         default: any;
@@ -611,7 +602,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     ellipsis: boolean;
     dataSource: import("@dt-frames/core").Recordable<any>[];
     bordered: boolean;
-    canResize: boolean;
     pagination: any;
     loading: boolean;
     scroll: {};

package/es/components/table/src/props.d.ts

@@ -95,10 +95,6 @@ export declare const TableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    canResize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     pagination: {
         type: PropType<Boolean | PaginationProps>;
         default: any;

package/es/components/table/src/types/table.type.d.ts

@@ -20,6 +20,14 @@ export declare type CellFormat = ((record: Recordable, index: Number, text: stri
     date: string;
 } | {
     percent: string;
+} | {
+    tag: (row: Recordable) => {
+        color: string;
+        text: string | number;
+    };
+} | {
+    link: (row: Recordable, index: number) => void;
+    text?: any;
 } | {
     [key: string]: Recordable;
 } | VNode | JSX.Element;

package/es/components/tree/index.js

@@ -1,15 +1,16 @@
-import { InputSearch, MenuItem, MenuDivider, Menu, Dropdown, Tree, Empty, Spin } from "ant-design-vue/es";
+import { Input, MenuItem, MenuDivider, Menu, Dropdown, Tree, Empty, Spin } from "ant-design-vue/es";
 import "ant-design-vue/es/spin/style";
 import "ant-design-vue/es/empty/style";
 import "ant-design-vue/es/tree/style";
-import { unref, defineComponent, useSlots, ref, computed, watch, openBlock, createElementBlock, renderSlot, createCommentVNode, toDisplayString, createVNode, createBlock, withModifiers, withCtx, Fragment, renderList, normalizeProps, guardReactiveProps, createTextVNode, createElementVNode, onMounted, onUnmounted, isVNode, getCurrentInstance, render, useAttrs, reactive, toRaw, watchEffect, withDirectives, mergeProps, vShow } from "vue";
-import { useI18n, useSlots as useSlots$1, isArray, isFunction, isEmpty, isBoolean } from "@dt-frames/core";
-import { cloneDeep, difference, omit, get } from "lodash-es";
+import { unref, defineComponent, useSlots, ref, computed, watch, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot, createVNode, createBlock, withModifiers, withCtx, Fragment, renderList, normalizeProps, guardReactiveProps, createTextVNode, createElementVNode, onMounted, nextTick, onUnmounted, isVNode, getCurrentInstance, render as render$2, useAttrs, reactive, toRaw, watchEffect, normalizeClass, createSlots, withDirectives, mergeProps, vShow } from "vue";
+import { useI18n, useSlots as useSlots$1, isEmpty, isBoolean, isArray, isFunction } from "@dt-frames/core";
+import { cloneDeep, get, difference, omit } from "lodash-es";
 import "ant-design-vue/es/dropdown/style";
 import "ant-design-vue/es/menu/style";
 import "ant-design-vue/es/input/style";
 import { useDebounceFn } from "@vueuse/core";
 import { Menu as Menu$1, Divider } from "ant-design-vue";
+import { useHeader } from "../../theme";
 const BasicProps = {
   defaultExpandLevel: {
     type: String
@@ -17,10 +18,51 @@ const BasicProps = {
   defaultExpandAll: {
     type: Boolean
   },
+  height: {
+    type: [Number, String]
+  },
   showIcon: {
+    type: Boolean,
+    default: false
+  },
+  blockNode: {
     type: Boolean,
     default: true
   },
+  fieldNames: {
+    type: Object,
+    default: {
+      children: "children",
+      title: "title",
+      key: "key"
+    }
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  draggable: {
+    type: Boolean,
+    default: false
+  },
+  filterTreeNode: {
+    type: Function
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  selectable: {
+    type: Boolean,
+    default: false
+  },
+  showLine: {
+    type: Boolean,
+    default: false
+  },
+  activeKey: {
+    type: [String, Number]
+  },
   loading: {
     type: Boolean,
     default: false
@@ -41,9 +83,6 @@ const BasicProps = {
     type: Array,
     default: () => []
   },
-  fieldNames: {
-    type: Object
-  },
   beforeRightClick: {
     type: Function,
     default: void 0
@@ -58,9 +97,8 @@ const BasicProps = {
     type: [Boolean, String],
     default: false
   },
-  actionList: {
-    type: Array,
-    default: () => []
+  action: {
+    type: Function
   },
   clickRowToExpand: {
     type: Boolean,
@@ -74,10 +112,14 @@ const BasicProps = {
     type: Function,
     default: void 0
   },
-  checkable: Boolean,
-  expandOnSearch: Boolean,
-  checkOnSearch: Boolean,
-  selectedOnSearch: Boolean,
+  checkable: {
+    type: Boolean,
+    default: false
+  },
+  expandOnSearch: {
+    type: Boolean,
+    default: true
+  },
   treeData: {
     type: Array
   },
@@ -127,7 +169,7 @@ const searchProps = {
 const rightMenuProps = {
   width: {
     type: Number,
-    default: 156
+    default: 106
   },
   customEvent: {
     type: Object,
@@ -149,13 +191,16 @@ const rightMenuProps = {
   items: {
     type: Array,
     default: () => []
+  },
+  node: {
+    type: Object
   }
 };
-function eachTree(treeDatas, callBack, parentNode = {}) {
+function eachTree(treeDatas, callBack, parentNode = {}, config = { children: "children" }) {
   treeDatas.forEach((el) => {
     const newNode = callBack(el, parentNode) || el;
-    if (el.children) {
-      eachTree(el.children, callBack, newNode);
+    if (el[config.children]) {
+      eachTree(el[config.children], callBack, newNode);
     }
   });
 }
@@ -189,7 +234,7 @@ function treeToList(tree, config = {}) {
   }
   return result;
 }
-function useTree(treeDataRef, getFieldNames) {
+function useTree(treeDataRef, getFieldNames, emit) {
   function getAllKeys(list) {
     const keys = [];
     const treeData = list || unref(treeDataRef);
@@ -345,6 +390,7 @@ function useTree(treeDataRef, getFieldNames) {
     if (!key && key !== 0)
       return null;
     const treeData = list || unref(treeDataRef);
+    const { children: childrenField } = unref(getFieldNames);
     treeData.forEach((item) => {
       if (selectedNode?.key || selectedNode?.key === 0)
         return selectedNode;
@@ -352,12 +398,54 @@ function useTree(treeDataRef, getFieldNames) {
         selectedNode = item;
         return;
       }
-      if (item.children && item.children.length) {
-        selectedNode = getSelectedNode(key, item.children, selectedNode);
+      if (item[childrenField] && item[childrenField].length) {
+        selectedNode = getSelectedNode(key, item[childrenField], selectedNode);
       }
     });
     return selectedNode || null;
   }
+  function onDrop(info) {
+    const dropKey = info.node.key;
+    const dragKey = info.dragNode.key;
+    const dropPos = info.node.pos.split("-");
+    const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);
+    const { children: childrenField } = unref(getFieldNames);
+    const loop = (data2, key, callback) => {
+      data2.forEach((item, index2) => {
+        if (item.key === key)
+          return callback(item, index2, data2);
+        if (item[childrenField])
+          return loop(item[childrenField], key, callback);
+      });
+    };
+    const data = [...treeDataRef.value];
+    let dragObj;
+    loop(data, dragKey, (item, index2, arr) => {
+      arr.splice(index2, 1);
+      dragObj = item;
+    });
+    if (!info.dropToGap) {
+      loop(data, dropKey, (item) => {
+        item[childrenField] = item[childrenField] || [];
+        item[childrenField].unshift(dragObj);
+      });
+    } else if ((info.node.children || []).length > 0 && info.node.expanded && dropPosition === 1) {
+      loop(data, dropKey, (item) => {
+        item[childrenField] = item[childrenField] || [];
+        item[childrenField].unshift(dragObj);
+      });
+    } else {
+      let ar = [];
+      let i = 0;
+      loop(data, dropKey, (_item, index2, arr) => {
+        ar = arr;
+        i = index2;
+      });
+      dropPosition === -1 ? ar.splice(i, 0, dragObj) : ar.splice(i + 1, 0, dragObj);
+    }
+    emit("drop", { data, info });
+    treeDataRef.value = data;
+  }
   return {
     getAllKeys,
     getEnabledKeys,
@@ -367,7 +455,8 @@ function useTree(treeDataRef, getFieldNames) {
     insertNodeByKey,
     insertNodesByKey,
     deleteNodeByKey,
-    getSelectedNode
+    getSelectedNode,
+    onDrop
   };
 }
 var ToolbarEnum = /* @__PURE__ */ ((ToolbarEnum2) => {
@@ -377,20 +466,20 @@ var ToolbarEnum = /* @__PURE__ */ ((ToolbarEnum2) => {
   ToolbarEnum2[ToolbarEnum2["UN_EXPAND_ALL"] = 3] = "UN_EXPAND_ALL";
   return ToolbarEnum2;
 })(ToolbarEnum || {});
-const _hoisted_1$1 = { class: "dt-tree-header flex px-2 py-1.5 items-center" };
-const _hoisted_2 = {
-  key: 1,
+const _hoisted_1$2 = { class: "dt-tree-header flex px-2 py-1.5 items-center" };
+const _hoisted_2$2 = {
+  key: 0,
   class: "text-center leading-8 m-0"
 };
-const _hoisted_3 = {
-  key: 2,
+const _hoisted_3$2 = {
+  key: 1,
   class: "dt-tree-search flex flex-1 items-center"
 };
 const _hoisted_4 = {
   key: 0,
-  class: "flex-1"
+  class: "flex-1 flex items-center"
 };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-more-vert text-center cursor-pointer" }, null, -1);
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-format-list-bulleted text-right cursor-pointer toolbar" }, null, -1);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TreeHeader",
   props: searchProps,
@@ -449,23 +538,24 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      const _component_AInputSearch = InputSearch;
+      const _component_AInput = Input;
       const _component_AMenuItem = MenuItem;
       const _component_AMenuDivider = MenuDivider;
       const _component_AMenu = Menu;
       const _component_ADropdown = Dropdown;
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        unref(slots).headerTitle ? renderSlot(_ctx.$slots, "headerTitle", { key: 0 }) : createCommentVNode("v-if", true),
-        !unref(slots).headerTitle && _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
-        _ctx.search || _ctx.toolbar ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2$2, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
+        _ctx.search || _ctx.toolbar ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
           _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(_component_AInputSearch, {
+            unref(slots).addonBefore ? renderSlot(_ctx.$slots, "addonBefore", { key: 0 }) : createCommentVNode("v-if", true),
+            createVNode(_component_AInput, {
               size: "small",
               allowClear: "",
               value: searchValue.value,
               "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
               placeholder: unref(t)("FILTER")
-            }, null, 8, ["value", "placeholder"])
+            }, null, 8, ["value", "placeholder"]),
+            unref(slots).addonAfter ? renderSlot(_ctx.$slots, "addonAfter", { key: 1 }) : createCommentVNode("v-if", true)
           ])) : createCommentVNode("v-if", true),
           _ctx.toolbar ? (openBlock(), createBlock(_component_ADropdown, {
             key: 1,
@@ -567,7 +657,7 @@ const _sfc_main$1 = defineComponent({
       showRef.value = false;
       e?.stopPropagation();
       e?.preventDefault();
-      handler?.();
+      handler?.(props.node);
     }
     function renderMenuItem(items) {
       const visibleItems = items.filter((item) => !item.hidden);
@@ -640,12 +730,12 @@ function useContextMenu() {
     }
   };
   function createContextMenu(options) {
-    const { event } = options || {};
+    const { event, node } = options || {};
     event && event?.preventDefault();
     return new Promise((resolve) => {
       const body = document.body;
       const container = document.createElement("div");
-      const propsData = {};
+      const propsData = { node };
       if (options.styles) {
         propsData.styles = options.styles;
       }
@@ -657,7 +747,7 @@ function useContextMenu() {
         propsData.axis = { x: event.clientX, y: event.clientY };
       }
       const vm = createVNode(contextMenuVue, propsData);
-      render(vm, container);
+      render$2(vm, container);
       const handleClick = function() {
         menuManager.resolve("");
       };
@@ -695,13 +785,42 @@ function useContextMenu() {
   }
   return [createContextMenu, destroyContextMenu];
 }
+const _hoisted_1$1 = {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  "data-icon": "folder-open",
+  viewBox: "64 64 896 896"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", { d: "M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 0 0-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z" }, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+const ForderOpen = { render: render$1 };
 const _hoisted_1 = {
-  class: "dt-tree h-full flex flex-col"
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  "data-icon": "folder",
+  viewBox: "64 64 896 896"
 };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M880 298.4H521L403.7 186.2a8.15 8.15 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const Forder = { render };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: BasicProps,
-  emits: ["update:expandedKeys", "update:selectedKeys", "update:value", "check", "change", "clickNode", "update:searchValue"],
+  emits: ["update:expandedKeys", "update:selectedKeys", "update:value", "check", "change", "clickNode", "drop", "update:searchValue"],
   setup(__props, {
     expose,
     emit
@@ -711,11 +830,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       t
     } = useI18n("UI");
     const {
-      getSlot,
-      extendSlots
+      getSlot
     } = useSlots$1();
+    const {
+      getUiSize
+    } = useHeader();
     const attrs = useAttrs();
     const slots = useSlots();
+    const activeKey = ref(props.activeKey);
     const state = reactive({
       checkStrictly: props.checkStrictly,
       expandedKeys: props.expandedKeys || [],
@@ -749,9 +871,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!icon) {
         if (props.renderIcon && isFunction(props.renderIcon)) {
           return props.renderIcon(params);
+        } else if (!params?.isLeaf) {
+          return state.expandedKeys.includes(params.key) ? createVNode(ForderOpen, null, null) : createVNode(Forder, null, null);
         }
       }
-      return icon;
+      return createVNode("i", {
+        "class": `i ${icon}`
+      }, null);
     };
     const treeData = computed(() => {
       const data = cloneDeep(getTreeData.value);
@@ -775,21 +901,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [createVNode("span", null, [title.substr(0, searchIdx)]), createVNode("span", {
           "style": highlightStyle
         }, [searchText]), createVNode("span", null, [title.substr(searchIdx + searchText.length)])]) : title;
-        item._title = item.title;
+        item._title = item[titleField];
         item[titleField] = createVNode("span", {
-          "class": "tree-title",
+          "class": `tree-title ${unref(activeKey) === item[keyField] ? "tree-active-node" : ""}`,
           "onClick": handleClickNode.bind(null, item[keyField], item[childrenField], item)
-        }, [slots?.title ? getSlot(slots, "title", item) : createVNode(Fragment, null, [unref(getBindValues).showIcon && icon && createVNode("i", {
-          "class": `i ${icon}`
-        }, null), titleDom, createVNode("span", {
+        }, [slots?.title ? getSlot(slots, "title", item) : createVNode(Fragment, null, [unref(getBindValues).showIcon && icon, titleDom, createVNode("span", {
           "class": "tree-action"
         }, [renderAction(item)])])]);
+      }, {}, {
+        children: unref(getFieldNames).children
       });
       return data;
     });
     const getBindValues = computed(() => {
       let propsData = {
-        blockNode: true,
         ...attrs,
         ...props,
         expandedKeys: state.expandedKeys,
@@ -837,6 +962,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     function handleClickNode(key, children, node) {
       emit("clickNode", node);
+      activeKey.value = node[unref(getFieldNames).key];
       if (!props.clickRowToExpand || !children || children.length === 0)
         return;
       if (!state.expandedKeys.includes(key)) {
@@ -852,24 +978,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function renderAction(node) {
       const {
-        actionList
+        action
       } = props;
-      if (!actionList || actionList.length === 0)
-        return;
-      return actionList.map((item, index2) => {
-        let nodeShow = true;
-        if (isFunction(item.show)) {
-          nodeShow = item.show?.(node);
-        } else if (isBoolean(item.show)) {
-          nodeShow = item.show;
-        }
-        if (!nodeShow)
-          return null;
-        return createVNode("span", {
-          "key": index2,
-          "class": "tree-action"
-        }, [item.render(node)]);
-      });
+      if (action && isFunction(action)) {
+        return createVNode(Fragment, null, [action(node)]);
+      }
+      return null;
     }
     function handleSearch(searchValue) {
       if (searchValue !== searchState.searchText)
@@ -881,10 +995,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       const {
         filterFn,
-        checkable,
-        expandOnSearch,
-        checkOnSearch,
-        selectedOnSearch
+        expandOnSearch
       } = unref(props);
       const {
         title: titleField,
@@ -907,12 +1018,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           setExpandedKeys(expandKeys);
         }
       }
-      if (checkOnSearch && checkable && matchedKeys.length) {
-        setCheckedKeys(matchedKeys);
-      }
-      if (selectedOnSearch && matchedKeys.length) {
-        setSelectedKeys(matchedKeys);
-      }
     }
     const [createContextMenu] = useContextMenu();
     async function handleRightClick({
@@ -925,7 +1030,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } = props;
       let contextMenuOptions = {
         event,
-        items: []
+        items: [],
+        node
       };
       if (beforeRightClick && isFunction(beforeRightClick)) {
         let result = await beforeRightClick(node, event);
@@ -951,8 +1057,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getAllKeys,
       getChildrenKeys,
       getEnabledKeys,
-      getSelectedNode
-    } = useTree(treeDataRef, getFieldNames);
+      getSelectedNode,
+      onDrop
+    } = useTree(treeDataRef, getFieldNames, emit);
     function setExpandedKeys(keys) {
       state.expandedKeys = keys;
     }
@@ -1055,7 +1162,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ATree = Tree;
       const _component_AEmpty = Empty;
       const _component_ASpin = Spin;
-      return openBlock(), createElementBlock("div", _hoisted_1, [unref(showTitle) ? (openBlock(), createBlock(TreeHeader, {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dt-tree h-full flex flex-col", `dt-tree-${unref(getUiSize)}`])
+      }, [unref(showTitle) ? (openBlock(), createBlock(TreeHeader, {
         key: 0,
         title: _ctx.title,
         toolbar: _ctx.toolbar,
@@ -1065,19 +1174,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         checkAll,
         expandAll,
         onSearch: handleSearch
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(unref(extendSlots)(unref(slots))), 1)]),
-        _: 1
-      }, 8, ["title", "toolbar", "search", "checkable", "searchText"])) : createCommentVNode("v-if", true), createVNode(_component_ASpin, {
+      }, createSlots({
+        _: 2
+      }, [renderList(Object.keys(_ctx.$slots), (item) => {
+        return {
+          name: item,
+          fn: withCtx(() => [renderSlot(_ctx.$slots, item)])
+        };
+      })]), 1032, ["title", "toolbar", "search", "checkable", "searchText"])) : createCommentVNode("v-if", true), createVNode(_component_ASpin, {
         spinning: _ctx.loading,
         tip: unref(t)("LOADING")
       }, {
         default: withCtx(() => [withDirectives(createElementVNode("div", null, [createVNode(_component_ATree, mergeProps(unref(getBindValues), {
           showIcon: false,
-          treeData: unref(treeData)
-        }), null, 16, ["treeData"])], 512), [[vShow, !unref(getNotFound)]]), withDirectives(createVNode(_component_AEmpty, null, null, 512), [[vShow, unref(getNotFound)]])]),
+          treeData: unref(treeData),
+          onDrop: unref(onDrop)
+        }), null, 16, ["treeData", "onDrop"])], 512), [[vShow, !unref(getNotFound)]]), withDirectives(createVNode(_component_AEmpty, null, null, 512), [[vShow, unref(getNotFound)]])]),
         _: 1
-      }, 8, ["spinning", "tip"])]);
+      }, 8, ["spinning", "tip"])], 2);
     };
   }
 });