@dt-frames/ui 2.0.14 → 2.0.16

package/es/components/tree/index.js

@@ -1,8 +1,8 @@
-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 { unref, defineComponent, useSlots, ref, computed, watch, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot, createVNode, createBlock, withModifiers, withCtx, Fragment, renderList, normalizeProps, guardReactiveProps, createTextVNode, createElementVNode, onMounted, onUnmounted, isVNode, getCurrentInstance, render as render$2, useAttrs, reactive, toRaw, watchEffect, normalizeClass, createSlots, 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 "ant-design-vue/es/dropdown/style";
@@ -10,6 +10,7 @@ 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
@@ -18,9 +19,47 @@ const BasicProps = {
     type: Boolean
   },
   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 +80,6 @@ const BasicProps = {
     type: Array,
     default: () => []
   },
-  fieldNames: {
-    type: Object
-  },
   beforeRightClick: {
     type: Function,
     default: void 0
@@ -74,10 +110,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 +167,7 @@ const searchProps = {
 const rightMenuProps = {
   width: {
     type: Number,
-    default: 156
+    default: 106
   },
   customEvent: {
     type: Object,
@@ -189,15 +229,15 @@ 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);
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const node = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
       keys.push(node[keyField]);
       const children = node[childrenField];
       if (children && children.length) {
@@ -212,8 +252,8 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const node = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
       node.disabled !== true && node.selectable !== false && keys.push(node[keyField]);
       const children = node[childrenField];
       if (children && children.length) {
@@ -228,8 +268,8 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const node = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
       const children = node[childrenField];
       if (nodeKey === node[keyField]) {
         keys.push(node[keyField]);
@@ -251,11 +291,11 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const element = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const element = treeData[index];
       const children = element[childrenField];
       if (element[keyField] === key) {
-        treeData[index2] = { ...treeData[index2], ...node };
+        treeData[index] = { ...treeData[index], ...node };
         break;
       } else if (children && children.length) {
         updateNodeByKey(key, node, element[childrenField]);
@@ -267,8 +307,8 @@ function useTree(treeDataRef, getFieldNames) {
       return [];
     const res = [];
     const data = list || unref(treeDataRef) || [];
-    for (let index2 = 0; index2 < data.length; index2++) {
-      const item = data[index2];
+    for (let index = 0; index < data.length; index++) {
+      const item = data[index];
       const { key: keyField, children: childrenField } = unref(getFieldNames);
       const key = keyField ? item[keyField] : "";
       const children = childrenField ? item[childrenField] : [];
@@ -330,11 +370,11 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return;
-    for (let index2 = 0; index2 < treeData.length; index2++) {
-      const element = treeData[index2];
+    for (let index = 0; index < treeData.length; index++) {
+      const element = treeData[index];
       const children = element[childrenField];
       if (element[keyField] === key) {
-        treeData.splice(index2, 1);
+        treeData.splice(index, 1);
         break;
       } else if (children && children.length) {
         deleteNodeByKey(key, element[childrenField]);
@@ -358,6 +398,47 @@ function useTree(treeDataRef, getFieldNames) {
     });
     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 loop = (data2, key, callback) => {
+      data2.forEach((item, index) => {
+        if (item.key === key)
+          return callback(item, index, data2);
+        if (item.children)
+          return loop(item.children, key, callback);
+      });
+    };
+    const data = [...treeDataRef.value];
+    let dragObj;
+    loop(data, dragKey, (item, index, arr) => {
+      arr.splice(index, 1);
+      dragObj = item;
+    });
+    if (!info.dropToGap) {
+      loop(data, dropKey, (item) => {
+        item.children = item.children || [];
+        item.children.unshift(dragObj);
+      });
+    } else if ((info.node.children || []).length > 0 && info.node.expanded && dropPosition === 1) {
+      loop(data, dropKey, (item) => {
+        item.children = item.children || [];
+        item.children.unshift(dragObj);
+      });
+    } else {
+      let ar = [];
+      let i = 0;
+      loop(data, dropKey, (_item, index, arr) => {
+        ar = arr;
+        i = index;
+      });
+      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 +448,8 @@ function useTree(treeDataRef, getFieldNames) {
     insertNodeByKey,
     insertNodesByKey,
     deleteNodeByKey,
-    getSelectedNode
+    getSelectedNode,
+    onDrop
   };
 }
 var ToolbarEnum = /* @__PURE__ */ ((ToolbarEnum2) => {
@@ -377,20 +459,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,24 +531,25 @@ 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("", 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("", 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"])
-          ])) : createCommentVNode("v-if", true),
+            }, null, 8, ["value", "placeholder"]),
+            unref(slots).addonAfter ? renderSlot(_ctx.$slots, "addonAfter", { key: 1 }) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
           _ctx.toolbar ? (openBlock(), createBlock(_component_ADropdown, {
             key: 1,
             onClick: _cache[1] || (_cache[1] = withModifiers(() => {
@@ -485,7 +568,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1040),
-                      item.divider ? (openBlock(), createBlock(_component_AMenuDivider, { key: 0 })) : createCommentVNode("v-if", true)
+                      item.divider ? (openBlock(), createBlock(_component_AMenuDivider, { key: 0 })) : createCommentVNode("", true)
                     ], 64);
                   }), 128))
                 ]),
@@ -496,20 +579,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               _hoisted_5
             ]),
             _: 1
-          })) : createCommentVNode("v-if", true)
-        ])) : createCommentVNode("v-if", true)
+          })) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/components/TreeHeader.vue"]]);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -632,7 +707,6 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-const contextMenuVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/components/ContextMenu.vue"]]);
 function useContextMenu() {
   const menuManager = {
     domList: [],
@@ -656,8 +730,8 @@ function useContextMenu() {
         propsData.customEvent = event;
         propsData.axis = { x: event.clientX, y: event.clientY };
       }
-      const vm = createVNode(contextMenuVue, propsData);
-      render(vm, container);
+      const vm = createVNode(_sfc_main$1, propsData);
+      render$2(vm, container);
       const handleClick = function() {
         menuManager.resolve("");
       };
@@ -695,13 +769,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
@@ -714,8 +817,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getSlot,
       extendSlots
     } = 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 +856,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!icon) {
         if (props.renderIcon && isFunction(props.renderIcon)) {
           return props.renderIcon(params);
+        } else if (params.children?.length) {
+          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);
@@ -777,11 +888,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [searchText]), createVNode("span", null, [title.substr(searchIdx + searchText.length)])]) : title;
         item._title = item.title;
         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)])])]);
       });
@@ -789,7 +898,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const getBindValues = computed(() => {
       let propsData = {
-        blockNode: true,
         ...attrs,
         ...props,
         expandedKeys: state.expandedKeys,
@@ -837,15 +945,16 @@ 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)) {
         setExpandedKeys([...state.expandedKeys, key]);
       } else {
         const keys = [...state.expandedKeys];
-        const index2 = keys.findIndex((item) => item === key);
-        if (index2 !== -1) {
-          keys.splice(index2, 1);
+        const index = keys.findIndex((item) => item === key);
+        if (index !== -1) {
+          keys.splice(index, 1);
         }
         setExpandedKeys(keys);
       }
@@ -856,7 +965,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } = props;
       if (!actionList || actionList.length === 0)
         return;
-      return actionList.map((item, index2) => {
+      return actionList.map((item, index) => {
         let nodeShow = true;
         if (isFunction(item.show)) {
           nodeShow = item.show?.(node);
@@ -865,10 +974,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         if (!nodeShow)
           return null;
-        return createVNode("span", {
-          "key": index2,
-          "class": "tree-action"
-        }, [item.render(node)]);
+        return createVNode(Fragment, null, [item.render(node)]);
       });
     }
     function handleSearch(searchValue) {
@@ -881,10 +987,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       const {
         filterFn,
-        checkable,
-        expandOnSearch,
-        checkOnSearch,
-        selectedOnSearch
+        expandOnSearch
       } = unref(props);
       const {
         title: titleField,
@@ -907,12 +1010,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({
@@ -951,8 +1048,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 +1153,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(_sfc_main$2, {
         key: 0,
         title: _ctx.title,
         toolbar: _ctx.toolbar,
@@ -1065,23 +1165,27 @@ 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("", 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);
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/index.vue"]]);
 export {
-  index as DtTree
+  _sfc_main as DtTree
 };