@ai-group/chat-sdk 3.5.7 → 3.5.10

package/dist/cjs/components/FolderTree/styles.js

@@ -43,6 +43,8 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     }
   `,
   directoryPanel: import_css.css`
+    display: flex;
+    flex-direction: column;
     height: 100%;
     overflow: auto;
     border-right: 1px solid #e8e8e8;
@@ -57,9 +59,11 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   `,
   directoryTreeContent: import_css.css`
     padding: 4px 8px;
+    flex: 1;
 
     .ant-tree {
       background: transparent;
+      height: 100%;
     }
     .ant-tree-switcher {
       margin-right: 0;
@@ -70,32 +74,72 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
       flex: 1;
       min-width: 0;
       padding-left: 0;
+      overflow: hidden;
     }
     .ant-tree .ant-tree-title {
       flex: 1;
       min-width: 0;
+      overflow: hidden;
     }
     .ant-tree-directory .ant-tree-treenode {
+      position: relative;
       &::before {
         border-radius: 4px;
       }
     }
-    /* 拖拽指示线：蓝色虚线 */
-    .ant-tree .ant-tree-drop-indicator {
-      background: transparent !important;
-      border: 1px dashed #1677ff;
+    /* 自定义拖拽样式 — 基于 ant-tree-treenode 定位，覆盖整行 */
+    .ant-tree-treenode.folder-tree-drop-before::after {
+      content: "";
+      position: absolute;
+      top: -2px;
+      left: 0;
+      right: 0;
       height: 2px;
+      background: transparent;
+      border-top: 2px dashed #1677ff;
+      z-index: 10;
+      pointer-events: none;
     }
-    /* 拖拽悬停目标：蓝色虚线边框 */
-    .ant-tree .ant-tree-treenode.drag-over > .ant-tree-node-content-wrapper {
-      outline: 1px dashed #1677ff;
-      outline-offset: -1px;
+    .ant-tree-treenode.folder-tree-drop-inside::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border: 2px dashed #1677ff;
       border-radius: 4px;
+      background: rgba(22, 119, 255, 0.04);
+      z-index: 10;
+      pointer-events: none;
     }
-    /* 拖拽中的节点半透明 */
-    .ant-tree .ant-tree-treenode-dragging {
-      opacity: 0.4;
+    .ant-tree-treenode.folder-tree-drop-after::after {
+      content: "";
+      position: absolute;
+      bottom: -2px;
+      left: 0;
+      right: 0;
+      height: 2px;
+      background: transparent;
+      border-bottom: 2px dashed #1677ff;
+      z-index: 10;
+      pointer-events: none;
     }
+    `,
+  /** 自定义拖拽 - 节点可拖拽样式 */
+  dragNodeHandle: import_css.css`
+    cursor: grab;
+    user-select: none;
+
+    &:active {
+      cursor: grabbing;
+    }
+  `,
+  /** 树节点容器，用于相对定位 drop indicator */
+  treeNodeWrapper: import_css.css`
+    position: relative;
+    min-width: 0;
+    overflow: hidden;
   `,
   previewPanel: import_css.css`
     flex: 1;
@@ -138,7 +182,15 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     display: flex;
     align-items: center;
     justify-content: space-between;
+    min-width: 0;
+    overflow: hidden;
     padding-right: 4px;
+
+    > span:first-child {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
   `,
   moreIcon: import_css.css`
     opacity: 0;

package/dist/cjs/components/FolderTree/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FolderTree/styles.tsx"],
-  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  container: css`\n    display: flex;\n    width: 100%;\n    height: 500px;\n    border: 1px solid #e8e8e8;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #fff;\n  `,\n  containerNoPreview: css`\n    height: auto;\n    border: none;\n    border-radius: 0;\n    & > *:first-child {\n      border-right: none;\n    }\n  `,\n  directoryPanel: css`\n    height: 100%;\n    overflow: auto;\n    border-right: 1px solid #e8e8e8;\n    background: var(--folder-tree-directory-bg, #fafafa);\n  `,\n  directoryTitle: css`\n    padding: 12px 16px;\n    font-weight: 600;\n    font-size: 14px;\n    border-bottom: 1px solid #e8e8e8;\n    color: #333;\n  `,\n  directoryTreeContent: css`\n    padding: 4px 8px;\n\n    .ant-tree {\n      background: transparent;\n    }\n    .ant-tree-switcher {\n      margin-right: 0;\n    }\n    .ant-tree .ant-tree-node-content-wrapper {\n      display: inline-flex;\n      align-items: center;\n      flex: 1;\n      min-width: 0;\n      padding-left: 0;\n    }\n    .ant-tree .ant-tree-title {\n      flex: 1;\n      min-width: 0;\n    }\n    .ant-tree-directory .ant-tree-treenode {\n      &::before {\n        border-radius: 4px;\n      }\n    }\n    /* 拖拽指示线：蓝色虚线 */\n    .ant-tree .ant-tree-drop-indicator {\n      background: transparent !important;\n      border: 1px dashed #1677ff;\n      height: 2px;\n    }\n    /* 拖拽悬停目标：蓝色虚线边框 */\n    .ant-tree .ant-tree-treenode.drag-over > .ant-tree-node-content-wrapper {\n      outline: 1px dashed #1677ff;\n      outline-offset: -1px;\n      border-radius: 4px;\n    }\n    /* 拖拽中的节点半透明 */\n    .ant-tree .ant-tree-treenode-dragging {\n      opacity: 0.4;\n    }\n  `,\n  previewPanel: css`\n    flex: 1;\n    height: 100%;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n  `,\n  previewTitle: css`\n    padding: 10px 16px;\n    font-size: 13px;\n    font-weight: 500;\n    border-bottom: 1px solid #e8e8e8;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: #333;\n    background: #fff;\n  `,\n  previewContent: css`\n    flex: 1;\n    overflow: auto;\n    padding: 16px;\n    font-size: 13px;\n    line-height: 1.6;\n  `,\n  emptyContainer: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  `,\n  loadingContainer: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  `,\n  treeNodeTitle: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-right: 4px;\n  `,\n  moreIcon: css`\n    opacity: 0;\n    cursor: pointer;\n    padding: 0 4px;\n    margin: 2px;\n    color: #999;\n    font-size: 12px;\n    transition: all 0.2s;\n\n    &:hover {\n      border-radius: 50%;\n      color: #333;\n      background: rgba(0, 0, 0, 0.04);\n    }\n  `,\n  treeNodeTitleHover: css`\n    &:hover .folder-tree-more-icon {\n      opacity: 1;\n    }\n  `,\n  inlineInput: css`\n    width: 100%;\n    .ant-input {\n      height: 22px;\n      font-size: 13px;\n      padding: 0 6px;\n      border-radius: 4px;\n    }\n  `,\n  copyBtn: css`\n    cursor: pointer;\n    color: #999;\n    font-size: 14px;\n    &:hover {\n      color: #1677ff;\n    }\n  `,\n}));\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASX,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0CtB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWd,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeV,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX,EAAE;",
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  container: css`\n    display: flex;\n    width: 100%;\n    height: 500px;\n    border: 1px solid #e8e8e8;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #fff;\n  `,\n  containerNoPreview: css`\n    height: auto;\n    border: none;\n    border-radius: 0;\n    & > *:first-child {\n      border-right: none;\n    }\n  `,\n  directoryPanel: css`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: auto;\n    border-right: 1px solid #e8e8e8;\n    background: var(--folder-tree-directory-bg, #fafafa);\n  `,\n  directoryTitle: css`\n    padding: 12px 16px;\n    font-weight: 600;\n    font-size: 14px;\n    border-bottom: 1px solid #e8e8e8;\n    color: #333;\n  `,\n  directoryTreeContent: css`\n    padding: 4px 8px;\n    flex: 1;\n\n    .ant-tree {\n      background: transparent;\n      height: 100%;\n    }\n    .ant-tree-switcher {\n      margin-right: 0;\n    }\n    .ant-tree .ant-tree-node-content-wrapper {\n      display: inline-flex;\n      align-items: center;\n      flex: 1;\n      min-width: 0;\n      padding-left: 0;\n      overflow: hidden;\n    }\n    .ant-tree .ant-tree-title {\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n    }\n    .ant-tree-directory .ant-tree-treenode {\n      position: relative;\n      &::before {\n        border-radius: 4px;\n      }\n    }\n    /* 自定义拖拽样式 — 基于 ant-tree-treenode 定位，覆盖整行 */\n    .ant-tree-treenode.folder-tree-drop-before::after {\n      content: \"\";\n      position: absolute;\n      top: -2px;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: transparent;\n      border-top: 2px dashed #1677ff;\n      z-index: 10;\n      pointer-events: none;\n    }\n    .ant-tree-treenode.folder-tree-drop-inside::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px dashed #1677ff;\n      border-radius: 4px;\n      background: rgba(22, 119, 255, 0.04);\n      z-index: 10;\n      pointer-events: none;\n    }\n    .ant-tree-treenode.folder-tree-drop-after::after {\n      content: \"\";\n      position: absolute;\n      bottom: -2px;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: transparent;\n      border-bottom: 2px dashed #1677ff;\n      z-index: 10;\n      pointer-events: none;\n    }\n    `,\n\n  /** 自定义拖拽 - 节点可拖拽样式 */\n  dragNodeHandle: css`\n    cursor: grab;\n    user-select: none;\n\n    &:active {\n      cursor: grabbing;\n    }\n  `,\n  /** 树节点容器，用于相对定位 drop indicator */\n  treeNodeWrapper: css`\n    position: relative;\n    min-width: 0;\n    overflow: hidden;\n  `,\n  previewPanel: css`\n    flex: 1;\n    height: 100%;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n  `,\n  previewTitle: css`\n    padding: 10px 16px;\n    font-size: 13px;\n    font-weight: 500;\n    border-bottom: 1px solid #e8e8e8;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: #333;\n    background: #fff;\n  `,\n  previewContent: css`\n    flex: 1;\n    overflow: auto;\n    padding: 16px;\n    font-size: 13px;\n    line-height: 1.6;\n  `,\n  emptyContainer: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  `,\n  loadingContainer: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  `,\n  treeNodeTitle: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    min-width: 0;\n    overflow: hidden;\n    padding-right: 4px;\n\n    > span:first-child {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  `,\n  moreIcon: css`\n    opacity: 0;\n    cursor: pointer;\n    padding: 0 4px;\n    margin: 2px;\n    color: #999;\n    font-size: 12px;\n    transition: all 0.2s;\n\n    &:hover {\n      border-radius: 50%;\n      color: #333;\n      background: rgba(0, 0, 0, 0.04);\n    }\n  `,\n  treeNodeTitleHover: css`\n    &:hover .folder-tree-more-icon {\n      opacity: 1;\n    }\n  `,\n  inlineInput: css`\n    width: 100%;\n    .ant-input {\n      height: 22px;\n      font-size: 13px;\n      padding: 0 6px;\n      border-radius: 4px;\n    }\n  `,\n  copyBtn: css`\n    cursor: pointer;\n    color: #999;\n    font-size: 14px;\n    &:hover {\n      color: #1677ff;\n    }\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASX,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuEtB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWd,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcf,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeV,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX,EAAE;",
   "names": []
 }

package/dist/cjs/components/FolderTree/useFolderDrag.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import type { DataNode } from "antd/es/tree";
+/**
+ * Drop position:
+ *  -1 = before the node (gap above)
+ *   0 = inside the node (as child, for folders only)
+ *   1 = after the node (gap below)
+ */
+export type DropPosition = -1 | 0 | 1;
+export interface DragState {
+    /** 拖拽中的节点 key */
+    dragNodeKey: string | null;
+    /** 当前悬停的目标节点 key */
+    dropNodeKey: string | null;
+    /** drop 位置 */
+    dropPosition: DropPosition;
+}
+export interface UseFolderDragOptions {
+    /** 是否启用拖拽（'file' | 'folder' | 'all'） */
+    dragMode: "file" | "folder" | "all" | false;
+    /** 拖拽完成回调 */
+    onDrop?: (dragNode: DataNode, dropNode: DataNode, dropPosition: DropPosition) => void;
+    /** 拖拽进入节点时回调（用于自动展开） */
+    onDragEnterExpand?: (nodeKey: string) => void;
+}
+export interface UseFolderDragReturn {
+    dragState: DragState;
+    /** 绑定到 draggable 元素的 onDragStart */
+    onDragStart: (e: React.DragEvent, node: DataNode) => void;
+    /** 绑定到 draggable 元素的 onDragEnd */
+    onDragEnd: (e: React.DragEvent) => void;
+    /** 绑定到每个树节点容器的 onDragEnter */
+    onItemDragEnter: (e: React.DragEvent, node: DataNode) => void;
+    /** 绑定到每个树节点容器的 onDragOver */
+    onItemDragOver: (e: React.DragEvent, node: DataNode) => void;
+    /** 绑定到每个树节点容器的 onDragLeave */
+    onItemDragLeave: (e: React.DragEvent) => void;
+    /** 绑定到每个树节点容器的 onDrop */
+    onItemDrop: (e: React.DragEvent, node: DataNode) => void;
+    /** 绑定到树内容容器（directoryTreeContent）的 onDragOver，处理拖到空白区域 */
+    onContainerDragOver: (e: React.DragEvent) => void;
+    /** 绑定到树内容容器（directoryTreeContent）的 onDrop，处理拖到空白区域 */
+    onContainerDrop: (e: React.DragEvent) => void;
+    /** 清除拖拽状态 */
+    clearDragState: () => void;
+    /** 是否正在拖拽中 */
+    isDragging: boolean;
+    /** 判断节点是否可拖拽 */
+    canDragNode: (node: DataNode & {
+        _isTempNode?: boolean;
+    }) => boolean;
+}
+export declare function useFolderDrag(options: UseFolderDragOptions): UseFolderDragReturn;

package/dist/cjs/components/FolderTree/useFolderDrag.js

@@ -0,0 +1,309 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FolderTree/useFolderDrag.ts
+var useFolderDrag_exports = {};
+__export(useFolderDrag_exports, {
+  useFolderDrag: () => useFolderDrag
+});
+module.exports = __toCommonJS(useFolderDrag_exports);
+var import_react = require("react");
+function calcDropPositionByRect(clientY, rect, isFolder) {
+  const top = rect.top;
+  const height = rect.height;
+  const relativeY = clientY - top;
+  if (relativeY < height / 3) {
+    return { dropPosition: -1, insideThreshold: false };
+  }
+  if (relativeY > height * 2 / 3) {
+    return { dropPosition: 1, insideThreshold: false };
+  }
+  if (isFolder) {
+    return { dropPosition: 0, insideThreshold: true };
+  }
+  return { dropPosition: 1, insideThreshold: false };
+}
+var INDICATOR_BEFORE_CLASS = "folder-tree-drop-before";
+var INDICATOR_INSIDE_CLASS = "folder-tree-drop-inside";
+var INDICATOR_AFTER_CLASS = "folder-tree-drop-after";
+var INDICATOR_CLASSES = [INDICATOR_BEFORE_CLASS, INDICATOR_INSIDE_CLASS, INDICATOR_AFTER_CLASS];
+function getTreeNodeEl(dataNodeKeyEl) {
+  return dataNodeKeyEl.closest(".ant-tree-treenode");
+}
+function clearAllTreenodeIndicators() {
+  document.querySelectorAll(".ant-tree-treenode").forEach((el) => {
+    el.classList.remove(...INDICATOR_CLASSES);
+  });
+}
+function useFolderDrag(options) {
+  const { dragMode, onDrop, onDragEnterExpand } = options;
+  const [dragState, setDragState] = (0, import_react.useState)({
+    dragNodeKey: null,
+    dropNodeKey: null,
+    dropPosition: 0
+  });
+  const [isDragging, setIsDragging] = (0, import_react.useState)(false);
+  const dragNodeRef = (0, import_react.useRef)(null);
+  const expandTimerRef = (0, import_react.useRef)(null);
+  const prevDropTargetRef = (0, import_react.useRef)(null);
+  const canDragNode = (0, import_react.useCallback)(
+    (node) => {
+      if (node._isTempNode)
+        return false;
+      if (dragMode === "file")
+        return !!node.isLeaf;
+      if (dragMode === "folder")
+        return !node.isLeaf;
+      return true;
+    },
+    [dragMode]
+  );
+  const clearAllIndicators = (0, import_react.useCallback)(() => {
+    clearAllTreenodeIndicators();
+  }, []);
+  const clearDragState = (0, import_react.useCallback)(() => {
+    clearAllIndicators();
+    document.querySelectorAll(".ant-tree-treenode").forEach((el) => {
+      el.style.opacity = "";
+    });
+    setDragState({
+      dragNodeKey: null,
+      dropNodeKey: null,
+      dropPosition: 0
+    });
+    setIsDragging(false);
+    dragNodeRef.current = null;
+    prevDropTargetRef.current = null;
+    if (expandTimerRef.current) {
+      clearTimeout(expandTimerRef.current);
+      expandTimerRef.current = null;
+    }
+  }, [clearAllIndicators]);
+  const onDragStart = (0, import_react.useCallback)(
+    (e, node) => {
+      if (!dragMode)
+        return;
+      const nd = node;
+      if (!canDragNode(nd)) {
+        e.preventDefault();
+        return;
+      }
+      dragNodeRef.current = node;
+      setIsDragging(true);
+      setDragState((prev) => ({
+        ...prev,
+        dragNodeKey: String(node.key)
+      }));
+      const treeNodeEl = getTreeNodeEl(e.currentTarget);
+      if (treeNodeEl) {
+        treeNodeEl.style.opacity = "0.4";
+      }
+      e.dataTransfer.effectAllowed = "move";
+      e.dataTransfer.setData("text/plain", String(node.key));
+    },
+    [dragMode, canDragNode]
+  );
+  const onDragEnd = (0, import_react.useCallback)(
+    (_e) => {
+      clearDragState();
+    },
+    [clearDragState]
+  );
+  const onItemDragEnter = (0, import_react.useCallback)(
+    (e, node) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!dragNodeRef.current)
+        return;
+      const nodeKey = String(node.key);
+      const dragKey = String(dragNodeRef.current.key);
+      if (nodeKey === dragKey)
+        return;
+      if (!node.isLeaf) {
+        if (expandTimerRef.current) {
+          clearTimeout(expandTimerRef.current);
+        }
+        expandTimerRef.current = setTimeout(() => {
+          onDragEnterExpand == null ? void 0 : onDragEnterExpand(nodeKey);
+        }, 800);
+      }
+    },
+    [onDragEnterExpand]
+  );
+  const onItemDragOver = (0, import_react.useCallback)(
+    (e, node) => {
+      var _a;
+      e.preventDefault();
+      e.stopPropagation();
+      if (!dragNodeRef.current)
+        return;
+      const nodeKey = String(node.key);
+      const dragKey = String(dragNodeRef.current.key);
+      if (nodeKey === dragKey)
+        return;
+      const rect = e.currentTarget.getBoundingClientRect();
+      const isFolder = !node.isLeaf;
+      const { dropPosition } = calcDropPositionByRect(e.clientY, rect, isFolder);
+      const finalDropPosition = !isFolder && dropPosition === 0 ? 1 : dropPosition;
+      const currentTreeNode = getTreeNodeEl(e.currentTarget);
+      if (!currentTreeNode)
+        return;
+      if (prevDropTargetRef.current && prevDropTargetRef.current !== nodeKey) {
+        const prevTreeNode = (_a = document.querySelector(
+          `.ant-tree-treenode [data-node-key="${prevDropTargetRef.current}"]`
+        )) == null ? void 0 : _a.closest(".ant-tree-treenode");
+        if (prevTreeNode) {
+          prevTreeNode.classList.remove(...INDICATOR_CLASSES);
+        }
+      }
+      prevDropTargetRef.current = nodeKey;
+      currentTreeNode.classList.remove(...INDICATOR_CLASSES);
+      const cls = finalDropPosition === -1 ? INDICATOR_BEFORE_CLASS : finalDropPosition === 0 ? INDICATOR_INSIDE_CLASS : INDICATOR_AFTER_CLASS;
+      currentTreeNode.classList.add(cls);
+      setDragState({
+        dragNodeKey: dragKey,
+        dropNodeKey: nodeKey,
+        dropPosition: finalDropPosition
+      });
+      e.dataTransfer.dropEffect = "move";
+    },
+    []
+  );
+  const onItemDragLeave = (0, import_react.useCallback)((_e) => {
+  }, []);
+  const onItemDrop = (0, import_react.useCallback)(
+    (e, node) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!dragNodeRef.current)
+        return;
+      const nodeKey = String(node.key);
+      const dragKey = String(dragNodeRef.current.key);
+      if (nodeKey === dragKey) {
+        clearDragState();
+        return;
+      }
+      const rect = e.currentTarget.getBoundingClientRect();
+      const isFolder = !node.isLeaf;
+      const { dropPosition } = calcDropPositionByRect(e.clientY, rect, isFolder);
+      const finalDropPosition = !isFolder && dropPosition === 0 ? 1 : dropPosition;
+      onDrop == null ? void 0 : onDrop(dragNodeRef.current, node, finalDropPosition);
+      clearDragState();
+    },
+    [onDrop, clearDragState]
+  );
+  const getLastNodeRect = (0, import_react.useCallback)(
+    (containerEl) => {
+      const nodeEls = containerEl.querySelectorAll("[data-node-key]");
+      if (nodeEls.length === 0)
+        return null;
+      const lastEl = nodeEls[nodeEls.length - 1];
+      return lastEl.getBoundingClientRect();
+    },
+    []
+  );
+  const onContainerDragOver = (0, import_react.useCallback)(
+    (e) => {
+      var _a;
+      if (!dragNodeRef.current)
+        return;
+      const containerEl = e.currentTarget;
+      const targetEl = e.target;
+      const isOnNode = targetEl.closest("[data-node-key]");
+      if (isOnNode) {
+        if (prevDropTargetRef.current === "__bottom_placeholder__") {
+          clearAllIndicators();
+          prevDropTargetRef.current = null;
+        }
+        return;
+      }
+      const lastRect = getLastNodeRect(containerEl);
+      if (lastRect && e.clientY > lastRect.bottom) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (prevDropTargetRef.current && prevDropTargetRef.current !== "__bottom_placeholder__") {
+          const prevTreeNode = (_a = document.querySelector(
+            `.ant-tree-treenode [data-node-key="${prevDropTargetRef.current}"]`
+          )) == null ? void 0 : _a.closest(".ant-tree-treenode");
+          if (prevTreeNode) {
+            prevTreeNode.classList.remove(...INDICATOR_CLASSES);
+          }
+        }
+        prevDropTargetRef.current = "__bottom_placeholder__";
+        const lastNodeEls = containerEl.querySelectorAll(".ant-tree-treenode");
+        const lastTreenode = lastNodeEls[lastNodeEls.length - 1];
+        if (lastTreenode) {
+          lastTreenode.classList.remove(...INDICATOR_CLASSES);
+          lastTreenode.classList.add(INDICATOR_AFTER_CLASS);
+        }
+        setDragState({
+          dragNodeKey: String(dragNodeRef.current.key),
+          dropNodeKey: "__bottom_placeholder__",
+          dropPosition: 1
+        });
+        e.dataTransfer.dropEffect = "move";
+      }
+    },
+    [clearAllIndicators, getLastNodeRect]
+  );
+  const onContainerDrop = (0, import_react.useCallback)(
+    (e) => {
+      if (!dragNodeRef.current) {
+        return;
+      }
+      const containerEl = e.currentTarget;
+      const targetEl = e.target;
+      const isOnNode = targetEl.closest("[data-node-key]");
+      if (isOnNode) {
+        return;
+      }
+      const lastRect = getLastNodeRect(containerEl);
+      if (lastRect && e.clientY > lastRect.bottom) {
+        e.preventDefault();
+        e.stopPropagation();
+        const placeholderNode = {
+          key: "__bottom_placeholder__",
+          title: "",
+          isLeaf: true
+        };
+        onDrop == null ? void 0 : onDrop(dragNodeRef.current, placeholderNode, 1);
+        clearDragState();
+      }
+    },
+    [onDrop, clearDragState, getLastNodeRect]
+  );
+  return {
+    dragState,
+    onDragStart,
+    onDragEnd,
+    onItemDragEnter,
+    onItemDragOver,
+    onItemDragLeave,
+    onItemDrop,
+    onContainerDragOver,
+    onContainerDrop,
+    clearDragState,
+    isDragging,
+    canDragNode
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFolderDrag
+});
+//# sourceMappingURL=useFolderDrag.js.map

package/dist/cjs/components/FolderTree/useFolderDrag.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/FolderTree/useFolderDrag.ts"],
+  "sourcesContent": ["import { useCallback, useRef, useState } from \"react\";\nimport type { DataNode } from \"antd/es/tree\";\n\n/**\n * Drop position:\n *  -1 = before the node (gap above)\n *   0 = inside the node (as child, for folders only)\n *   1 = after the node (gap below)\n */\nexport type DropPosition = -1 | 0 | 1;\n\nexport interface DragState {\n  /** 拖拽中的节点 key */\n  dragNodeKey: string | null;\n  /** 当前悬停的目标节点 key */\n  dropNodeKey: string | null;\n  /** drop 位置 */\n  dropPosition: DropPosition;\n}\n\nexport interface UseFolderDragOptions {\n  /** 是否启用拖拽（'file' | 'folder' | 'all'） */\n  dragMode: \"file\" | \"folder\" | \"all\" | false;\n  /** 拖拽完成回调 */\n  onDrop?: (dragNode: DataNode, dropNode: DataNode, dropPosition: DropPosition) => void;\n  /** 拖拽进入节点时回调（用于自动展开） */\n  onDragEnterExpand?: (nodeKey: string) => void;\n}\n\nexport interface UseFolderDragReturn {\n  dragState: DragState;\n  /** 绑定到 draggable 元素的 onDragStart */\n  onDragStart: (e: React.DragEvent, node: DataNode) => void;\n  /** 绑定到 draggable 元素的 onDragEnd */\n  onDragEnd: (e: React.DragEvent) => void;\n  /** 绑定到每个树节点容器的 onDragEnter */\n  onItemDragEnter: (e: React.DragEvent, node: DataNode) => void;\n  /** 绑定到每个树节点容器的 onDragOver */\n  onItemDragOver: (e: React.DragEvent, node: DataNode) => void;\n  /** 绑定到每个树节点容器的 onDragLeave */\n  onItemDragLeave: (e: React.DragEvent) => void;\n  /** 绑定到每个树节点容器的 onDrop */\n  onItemDrop: (e: React.DragEvent, node: DataNode) => void;\n  /** 绑定到树内容容器（directoryTreeContent）的 onDragOver，处理拖到空白区域 */\n  onContainerDragOver: (e: React.DragEvent) => void;\n  /** 绑定到树内容容器（directoryTreeContent）的 onDrop，处理拖到空白区域 */\n  onContainerDrop: (e: React.DragEvent) => void;\n  /** 清除拖拽状态 */\n  clearDragState: () => void;\n  /** 是否正在拖拽中 */\n  isDragging: boolean;\n  /** 判断节点是否可拖拽 */\n  canDragNode: (node: DataNode & { _isTempNode?: boolean }) => boolean;\n}\n\n/**\n * 根据鼠标 Y 坐标和节点 DOM rect 计算 dropPosition\n */\nfunction calcDropPositionByRect(\n  clientY: number,\n  rect: DOMRect,\n  isFolder: boolean,\n): { dropPosition: DropPosition; insideThreshold: boolean } {\n  const top = rect.top;\n  const height = rect.height;\n  const relativeY = clientY - top;\n\n  // 上半部分 1/3：before\n  if (relativeY < height / 3) {\n    return { dropPosition: -1, insideThreshold: false };\n  }\n  // 下半部分 1/3：after\n  if (relativeY > (height * 2) / 3) {\n    return { dropPosition: 1, insideThreshold: false };\n  }\n  // 中间 1/3：如果是文件夹，drop inside；如果是文件，drop after\n  if (isFolder) {\n    return { dropPosition: 0, insideThreshold: true };\n  }\n  return { dropPosition: 1, insideThreshold: false };\n}\n\nconst INDICATOR_BEFORE_CLASS = \"folder-tree-drop-before\";\nconst INDICATOR_INSIDE_CLASS = \"folder-tree-drop-inside\";\nconst INDICATOR_AFTER_CLASS = \"folder-tree-drop-after\";\n\nconst INDICATOR_CLASSES = [INDICATOR_BEFORE_CLASS, INDICATOR_INSIDE_CLASS, INDICATOR_AFTER_CLASS];\n\n/** 从 data-node-key 元素找到对应的 ant-tree-treenode */\nfunction getTreeNodeEl(dataNodeKeyEl: HTMLElement): HTMLElement | null {\n  return dataNodeKeyEl.closest(\".ant-tree-treenode\") as HTMLElement | null;\n}\n\n/** 清除所有 treenode 上的 indicator class */\nfunction clearAllTreenodeIndicators() {\n  document.querySelectorAll(\".ant-tree-treenode\").forEach((el) => {\n    el.classList.remove(...INDICATOR_CLASSES);\n  });\n}\n\nexport function useFolderDrag(options: UseFolderDragOptions): UseFolderDragReturn {\n  const { dragMode, onDrop, onDragEnterExpand } = options;\n\n  const [dragState, setDragState] = useState<DragState>({\n    dragNodeKey: null,\n    dropNodeKey: null,\n    dropPosition: 0,\n  });\n  const [isDragging, setIsDragging] = useState(false);\n\n  // 用 ref 追踪拖拽中数据，避免闭包问题\n  const dragNodeRef = useRef<DataNode | null>(null);\n  const expandTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const prevDropTargetRef = useRef<string | null>(null);\n\n  const canDragNode = useCallback(\n    (node: DataNode & { _isTempNode?: boolean }) => {\n      if (node._isTempNode) return false;\n      if (dragMode === \"file\") return !!node.isLeaf;\n      if (dragMode === \"folder\") return !node.isLeaf;\n      return true; // 'all'\n    },\n    [dragMode],\n  );\n\n  const clearAllIndicators = useCallback(() => {\n    clearAllTreenodeIndicators();\n  }, []);\n\n  const clearDragState = useCallback(() => {\n    clearAllIndicators();\n    // 恢复所有 treenode 的透明度\n    document.querySelectorAll(\".ant-tree-treenode\").forEach((el) => {\n      (el as HTMLElement).style.opacity = \"\";\n    });\n\n    setDragState({\n      dragNodeKey: null,\n      dropNodeKey: null,\n      dropPosition: 0,\n    });\n    setIsDragging(false);\n    dragNodeRef.current = null;\n    prevDropTargetRef.current = null;\n    if (expandTimerRef.current) {\n      clearTimeout(expandTimerRef.current);\n      expandTimerRef.current = null;\n    }\n  }, [clearAllIndicators]);\n\n  const onDragStart = useCallback(\n    (e: React.DragEvent, node: DataNode) => {\n      if (!dragMode) return;\n      const nd = node as DataNode & { _isTempNode?: boolean };\n      if (!canDragNode(nd)) {\n        e.preventDefault();\n        return;\n      }\n\n      dragNodeRef.current = node;\n      setIsDragging(true);\n      setDragState((prev) => ({\n        ...prev,\n        dragNodeKey: String(node.key),\n      }));\n\n      // 标记被拖拽的节点（在 treenode 上加 translucent）\n      const treeNodeEl = getTreeNodeEl(e.currentTarget as HTMLElement);\n      if (treeNodeEl) {\n        treeNodeEl.style.opacity = \"0.4\";\n      }\n\n      e.dataTransfer.effectAllowed = \"move\";\n      e.dataTransfer.setData(\"text/plain\", String(node.key));\n    },\n    [dragMode, canDragNode],\n  );\n\n  const onDragEnd = useCallback(\n    (_e: React.DragEvent) => {\n      clearDragState();\n    },\n    [clearDragState],\n  );\n\n  const onItemDragEnter = useCallback(\n    (e: React.DragEvent, node: DataNode) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      if (!dragNodeRef.current) return;\n\n      const nodeKey = String(node.key);\n      const dragKey = String(dragNodeRef.current.key);\n\n      // 不能拖到自己身上\n      if (nodeKey === dragKey) return;\n\n      // 自动展开收起状态的文件夹\n      if (!node.isLeaf) {\n        if (expandTimerRef.current) {\n          clearTimeout(expandTimerRef.current);\n        }\n        expandTimerRef.current = setTimeout(() => {\n          onDragEnterExpand?.(nodeKey);\n        }, 800);\n      }\n    },\n    [onDragEnterExpand],\n  );\n\n  const onItemDragOver = useCallback(\n    (e: React.DragEvent, node: DataNode) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      if (!dragNodeRef.current) return;\n\n      const nodeKey = String(node.key);\n      const dragKey = String(dragNodeRef.current.key);\n      if (nodeKey === dragKey) return;\n\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const isFolder = !node.isLeaf;\n      const { dropPosition } = calcDropPositionByRect(e.clientY, rect, isFolder);\n\n      // 如果节点是文件且计算结果是 inside(0)，改为 after(1)\n      const finalDropPosition = (!isFolder && dropPosition === 0 ? 1 : dropPosition) as DropPosition;\n\n      const currentTreeNode = getTreeNodeEl(e.currentTarget as HTMLElement);\n      if (!currentTreeNode) return;\n\n      // 清除上一个节点的 indicator\n      if (prevDropTargetRef.current && prevDropTargetRef.current !== nodeKey) {\n        const prevTreeNode = document.querySelector(\n          `.ant-tree-treenode [data-node-key=\"${prevDropTargetRef.current}\"]`,\n        )?.closest(\".ant-tree-treenode\");\n        if (prevTreeNode) {\n          prevTreeNode.classList.remove(...INDICATOR_CLASSES);\n        }\n      }\n      prevDropTargetRef.current = nodeKey;\n\n      // 在当前 treenode 上设置 indicator class\n      currentTreeNode.classList.remove(...INDICATOR_CLASSES);\n      const cls =\n        finalDropPosition === -1\n          ? INDICATOR_BEFORE_CLASS\n          : finalDropPosition === 0\n            ? INDICATOR_INSIDE_CLASS\n            : INDICATOR_AFTER_CLASS;\n      currentTreeNode.classList.add(cls);\n\n      setDragState({\n        dragNodeKey: dragKey,\n        dropNodeKey: nodeKey,\n        dropPosition: finalDropPosition,\n      });\n\n      e.dataTransfer.dropEffect = \"move\";\n    },\n    [],\n  );\n\n  const onItemDragLeave = useCallback((_e: React.DragEvent) => {\n    // 不清除 dragState，因为可能只是进入子元素触发的 leave\n  }, []);\n\n  const onItemDrop = useCallback(\n    (e: React.DragEvent, node: DataNode) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      if (!dragNodeRef.current) return;\n\n      const nodeKey = String(node.key);\n      const dragKey = String(dragNodeRef.current.key);\n      if (nodeKey === dragKey) {\n        clearDragState();\n        return;\n      }\n\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const isFolder = !node.isLeaf;\n      const { dropPosition } = calcDropPositionByRect(e.clientY, rect, isFolder);\n      const finalDropPosition = (!isFolder && dropPosition === 0 ? 1 : dropPosition) as DropPosition;\n\n      onDrop?.(dragNodeRef.current, node, finalDropPosition);\n      clearDragState();\n    },\n    [onDrop, clearDragState],\n  );\n\n  // ====== 容器级别的事件处理（用于拖到空白区域/底部） ======\n\n  /**\n   * 获取容器内所有可见的 data-node-key 元素的 rect 列表，\n   * 用于判断鼠标是否在最后一个节点下方\n   */\n  const getLastNodeRect = useCallback(\n    (containerEl: HTMLElement): DOMRect | null => {\n      const nodeEls = containerEl.querySelectorAll(\"[data-node-key]\");\n      if (nodeEls.length === 0) return null;\n      const lastEl = nodeEls[nodeEls.length - 1];\n      return lastEl.getBoundingClientRect();\n    },\n    [],\n  );\n\n  const onContainerDragOver = useCallback(\n    (e: React.DragEvent) => {\n      if (!dragNodeRef.current) return;\n\n      const containerEl = e.currentTarget as HTMLElement;\n\n      // 检查鼠标是否在某个节点上（通过判断 event target 是否在 data-node-key 元素内）\n      const targetEl = e.target as HTMLElement;\n      const isOnNode = targetEl.closest(\"[data-node-key]\");\n\n      if (isOnNode) {\n        // 鼠标在节点上，由 onItemDragOver 处理，这里清除底部相关的 indicator\n        if (prevDropTargetRef.current === \"__bottom_placeholder__\") {\n          clearAllIndicators();\n          prevDropTargetRef.current = null;\n        }\n        return;\n      }\n\n      // 鼠标在空白区域，检查是否在所有节点下方\n      const lastRect = getLastNodeRect(containerEl);\n      if (lastRect && e.clientY > lastRect.bottom) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        // 清除其他节点的 indicator\n        if (prevDropTargetRef.current && prevDropTargetRef.current !== \"__bottom_placeholder__\") {\n          const prevTreeNode = document.querySelector(\n            `.ant-tree-treenode [data-node-key=\"${prevDropTargetRef.current}\"]`,\n          )?.closest(\".ant-tree-treenode\");\n          if (prevTreeNode) {\n            prevTreeNode.classList.remove(...INDICATOR_CLASSES);\n          }\n        }\n        prevDropTargetRef.current = \"__bottom_placeholder__\";\n\n        // 在最后一个 treenode 上显示 after 样式\n        const lastNodeEls = containerEl.querySelectorAll(\".ant-tree-treenode\");\n        const lastTreenode = lastNodeEls[lastNodeEls.length - 1] as HTMLElement | undefined;\n        if (lastTreenode) {\n          lastTreenode.classList.remove(...INDICATOR_CLASSES);\n          lastTreenode.classList.add(INDICATOR_AFTER_CLASS);\n        }\n\n        setDragState({\n          dragNodeKey: String(dragNodeRef.current.key),\n          dropNodeKey: \"__bottom_placeholder__\",\n          dropPosition: 1 as DropPosition,\n        });\n\n        e.dataTransfer.dropEffect = \"move\";\n      }\n    },\n    [clearAllIndicators, getLastNodeRect],\n  );\n\n  const onContainerDrop = useCallback(\n    (e: React.DragEvent) => {\n      if (!dragNodeRef.current) {\n        return;\n      }\n\n      const containerEl = e.currentTarget as HTMLElement;\n      const targetEl = e.target as HTMLElement;\n      const isOnNode = targetEl.closest(\"[data-node-key]\");\n\n      if (isOnNode) {\n        // 鼠标在节点上，由 onItemDrop 处理\n        return;\n      }\n\n      // 检查是否在最后一个节点下方\n      const lastRect = getLastNodeRect(containerEl);\n      if (lastRect && e.clientY > lastRect.bottom) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        // 拖到最底部：视为 insert after 最后一个根节点\n        const placeholderNode: DataNode = {\n          key: \"__bottom_placeholder__\",\n          title: \"\",\n          isLeaf: true,\n        };\n        onDrop?.(dragNodeRef.current, placeholderNode, 1 as DropPosition);\n        clearDragState();\n      }\n    },\n    [onDrop, clearDragState, getLastNodeRect],\n  );\n\n  return {\n    dragState,\n    onDragStart,\n    onDragEnd,\n    onItemDragEnter,\n    onItemDragOver,\n    onItemDragLeave,\n    onItemDrop,\n    onContainerDragOver,\n    onContainerDrop,\n    clearDragState,\n    isDragging,\n    canDragNode,\n  };\n}"],
+  "mappings": "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",
+  "names": []
+}