@opensumi/ide-components 2.12.1-next-079c1930 → 2.12.1-next-a6199cbc

package/lib/recycle-tree/basic/tree-service.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicTreeModel = exports.BasicTreeService = void 0;
+const tree_1 = require("../tree");
+const types_1 = require("./types");
+const types_2 = require("../types");
+const utils_1 = require("../../utils");
+const tree_node_define_1 = require("./tree-node.define");
+class BasicTreeService extends tree_1.Tree {
+    constructor(_treeData, _resolveChildren, _sortComparator) {
+        super();
+        this._treeData = _treeData;
+        this._resolveChildren = _resolveChildren;
+        this._sortComparator = _sortComparator;
+        this.selectedDecoration = new tree_1.Decoration(types_1.DECORATIONS.SELECTED); // 选中态
+        this.focusedDecoration = new tree_1.Decoration(types_1.DECORATIONS.FOCUSED); // 焦点态
+        this.contextMenuDecoration = new tree_1.Decoration(types_1.DECORATIONS.ACTIVED); // 右键菜单激活态
+        this.loadingDecoration = new tree_1.Decoration(types_1.DECORATIONS.LOADING); // 加载态
+        // 选中态的节点
+        this._selectedNodes = [];
+        this.disposableCollection = new utils_1.DisposableCollection();
+        this.onDidUpdateTreeModelEmitter = new utils_1.Emitter();
+        this.sortComparator = (a, b) => {
+            if (this._sortComparator) {
+                return this._sortComparator(a.raw, b.raw);
+            }
+            return super.sortComparator(a, b);
+        };
+        // 清空其他选中/焦点态节点，更新当前焦点节点
+        this.activeFocusedDecoration = (target) => {
+            var _a;
+            if (this._contextMenuNode) {
+                this.contextMenuDecoration.removeTarget(this._contextMenuNode);
+                this.focusedDecoration.removeTarget(this._contextMenuNode);
+                this.selectedDecoration.removeTarget(this._contextMenuNode);
+                this._contextMenuNode = undefined;
+            }
+            if (target) {
+                if (this.selectedNodes.length > 0) {
+                    this.selectedNodes.forEach((file) => {
+                        // 因为选择装饰器可能通过其他方式添加而不能及时在selectedNodes上更新
+                        // 故这里遍历所有选中装饰器的节点进行一次统一清理
+                        for (const target of this.selectedDecoration.appliedTargets.keys()) {
+                            this.selectedDecoration.removeTarget(target);
+                        }
+                    });
+                }
+                if (this.focusedNode) {
+                    this.focusedDecoration.removeTarget(this.focusedNode);
+                }
+                this.selectedDecoration.addTarget(target);
+                this.focusedDecoration.addTarget(target);
+                this._focusedNode = target;
+                this._selectedNodes = [target];
+                (_a = this.model) === null || _a === void 0 ? void 0 : _a.dispatchChange();
+            }
+        };
+        this.activeContextMenuDecoration = (target) => {
+            var _a;
+            if (this._contextMenuNode) {
+                this.contextMenuDecoration.removeTarget(this._contextMenuNode);
+            }
+            if (this.focusedNode) {
+                this.focusedDecoration.removeTarget(this.focusedNode);
+                this._focusedNode = undefined;
+            }
+            this.contextMenuDecoration.addTarget(target);
+            this._contextMenuNode = target;
+            (_a = this.model) === null || _a === void 0 ? void 0 : _a.dispatchChange();
+        };
+        // 取消选中节点焦点
+        this.enactiveFocusedDecoration = () => {
+            var _a;
+            if (this.focusedNode) {
+                this.focusedDecoration.removeTarget(this.focusedNode);
+                this._focusedNode = undefined;
+                (_a = this.model) === null || _a === void 0 ? void 0 : _a.dispatchChange();
+            }
+        };
+        this._root = new tree_node_define_1.BasicTreeRoot(this, undefined, { children: this._treeData, label: '', command: '', icon: '' });
+        this._model = new BasicTreeModel();
+        this._model.init(this._root);
+        this.initDecorations(this._root);
+        this.onDidUpdateTreeModelEmitter.fire(this._model);
+        this.disposableCollection.push(this.onDidUpdateTreeModelEmitter);
+    }
+    get onDidUpdateTreeModel() {
+        return this.onDidUpdateTreeModelEmitter.event;
+    }
+    get model() {
+        return this._model;
+    }
+    get root() {
+        return this._root;
+    }
+    get decorations() {
+        return this._decorations;
+    }
+    initDecorations(root) {
+        this._decorations = new tree_1.DecorationsManager(root);
+        this._decorations.addDecoration(this.selectedDecoration);
+        this._decorations.addDecoration(this.focusedDecoration);
+        this._decorations.addDecoration(this.contextMenuDecoration);
+        this._decorations.addDecoration(this.loadingDecoration);
+        this.disposableCollection.push(root.watcher.on(types_2.TreeNodeEvent.WillResolveChildren, (target) => {
+            this.loadingDecoration.addTarget(target);
+        }));
+        this.disposableCollection.push(root.watcher.on(types_2.TreeNodeEvent.DidResolveChildren, (target) => {
+            this.loadingDecoration.removeTarget(target);
+        }));
+        this.disposableCollection.push(this._decorations);
+    }
+    async resolveChildren(parent) {
+        if (this._resolveChildren) {
+            return this.transformTreeNode(parent, this._resolveChildren(parent === null || parent === void 0 ? void 0 : parent.raw) || []);
+        }
+        else {
+            return this.transformTreeNode(parent, (parent === null || parent === void 0 ? void 0 : parent.raw.children) || []);
+        }
+    }
+    transformTreeNode(parent, nodes) {
+        if (!nodes) {
+            return [];
+        }
+        const result = [];
+        for (const node of nodes) {
+            if (node.children) {
+                result.push(new tree_node_define_1.BasicCompositeTreeNode(this, parent, node));
+            }
+            else {
+                result.push(new tree_node_define_1.BasicTreeNode(this, parent, node));
+            }
+        }
+        return result;
+    }
+    get selectedNodes() {
+        return this._selectedNodes;
+    }
+    get focusedNode() {
+        return this._focusedNode;
+    }
+    get contextMenuNode() {
+        return this._contextMenuNode;
+    }
+    dispose() {
+        this.disposableCollection.dispose();
+    }
+}
+exports.BasicTreeService = BasicTreeService;
+class BasicTreeModel extends tree_1.TreeModel {
+}
+exports.BasicTreeModel = BasicTreeModel;
+//# sourceMappingURL=tree-service.js.map

package/lib/recycle-tree/basic/tree-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-service.js","sourceRoot":"","sources":["../../../src/recycle-tree/basic/tree-service.ts"],"names":[],"mappings":"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"}

package/lib/recycle-tree/basic/types.d.ts

@@ -0,0 +1,227 @@
+/// <reference types="react" />
+import { ITreeNodeOrCompositeTreeNode } from '../types';
+import { INodeRendererProps } from '../TreeNodeRendererWrap';
+import { ClasslistComposite } from '../tree/decoration';
+import { IRecycleTreeHandle } from '../RecycleTree';
+export declare enum IBasicInlineMenuPosition {
+    TREE_NODE = 1,
+    TREE_CONTAINER = 2
+}
+export interface IBasicInlineMenu {
+    /**
+     * 默认图标，可以使用框架内置的图标集
+     * 也可以传入自定义的 ClassName
+     */
+    icon: string;
+    /**
+     * 菜单文本
+     */
+    title: string;
+    /**
+     * 点击菜单执行的命令
+     */
+    command: string;
+    /**
+     * 行内菜单的位置
+     * TREE_NODE 代表子节点
+     * TREE_CONTAINER 代表包含子节点的目录节点（菜单位于右侧）
+     */
+    position: IBasicInlineMenuPosition;
+}
+export declare type IBasicInlineMenuActuator = (node: ITreeNodeOrCompositeTreeNode, action: IBasicInlineMenu) => void;
+export interface IBasicContextMenu {
+    /**
+     * 菜单文本
+     */
+    title: string;
+    /**
+     * 菜单唯一 ID
+     */
+    id: string;
+    /**
+     * 分组标识
+     */
+    group?: string;
+}
+/**
+ * 这里的 ID 为命令传入的 ID
+ */
+export declare type IBasicContextMenuActuator = (node: ITreeNodeOrCompositeTreeNode, id: string) => void;
+export interface IBasicTreeData {
+    /**
+     * 展示字段
+     */
+    label: string;
+    /**
+     * 图标
+     */
+    icon: string;
+    /**
+     * 描述
+     */
+    description?: string;
+    /**
+     * 子节点
+     */
+    children?: IBasicTreeData[] | null;
+    /**
+     * 是否默认展开
+     */
+    expanded?: boolean;
+    /**
+     * 其他属性
+     */
+    [key: string]: any;
+}
+export interface IBasicRecycleTreeProps {
+    /**
+     * 节点数据，用于渲染 Tree 的数据
+     */
+    treeData: IBasicTreeData[];
+    /**
+     * Tree 容器高度
+     */
+    height: number;
+    /**
+     * Tree 容器宽度
+     * 不传入时，默认自动撑开 100% 父节点宽度
+     */
+    width?: number;
+    /**
+     * 节点高度, 默认值为 22
+     */
+    itemHeight?: number;
+    /**
+     * 节点缩进，默认值为 8
+     */
+    indent?: number;
+    /**
+     * 追加的容器样式名，用于自定义更多样式
+     */
+    containerClassname?: string;
+    /**
+     * 追加的节点样式名，用于自定义更多样式
+     */
+    itemClassname?: string;
+    /**
+     * 当组件渲染时提供了该方法时，组件展开前会尝试使用该方法去获取需要展示的节点
+     */
+    resolveChildren?: (node?: IBasicTreeData) => IBasicTreeData[] | null;
+    /**
+     * 排序函数
+     */
+    sortComparator?: (a: IBasicTreeData, b: IBasicTreeData) => number;
+    /**
+     * 单击事件
+     */
+    onClick?: (event: React.MouseEvent, node?: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+     * 双击事件
+     */
+    onDbClick?: (event: React.MouseEvent, node?: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+     * 右键菜单事件
+     */
+    onContextMenu?: (event: React.MouseEvent, node?: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+      * 箭头点击事件
+      */
+    onTwistierClick?: (event: React.MouseEvent, node: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+     * 右键菜单定义，但传入了 `onContextMenu` 函数时将有限执行 `onContextMenu` 函数
+     */
+    contextMenus?: IBasicContextMenu[] | ((node: ITreeNodeOrCompositeTreeNode) => IBasicContextMenu[]);
+    /**
+     * 右键菜单点击的执行逻辑
+     */
+    contextMenuActuator?: IBasicContextMenuActuator;
+    /**
+     * 行内菜单定义
+     */
+    inlineMenus?: IBasicInlineMenu[] | ((node: ITreeNodeOrCompositeTreeNode) => IBasicInlineMenu[]);
+    /**
+     * 行内菜单点击的执行逻辑
+     */
+    inlineMenuActuator?: IBasicInlineMenuActuator;
+    /**
+     * 用于挂载 Tree 上的一些操作方法
+     * 如：ensureVisible 等
+     */
+    onReady?: (api: IRecycleTreeHandle) => void;
+}
+export interface IBasicNodeProps {
+    /**
+     * 节点高度
+     */
+    itemHeight?: number;
+    /**
+     * 追加样式
+     */
+    className?: string;
+    /**
+     * 节点缩进
+     */
+    indent?: number;
+    /**
+     * 节点装饰
+     */
+    decorations?: ClasslistComposite;
+    /**
+     * 单击事件
+     */
+    onClick?: (event: React.MouseEvent, node?: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+     * 双击事件
+     */
+    onDbClick?: (event: React.MouseEvent, node?: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+     * 右键菜单事件
+     */
+    onContextMenu?: (event: React.MouseEvent, node?: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+     * 箭头点击事件
+     */
+    onTwistierClick?: (event: React.MouseEvent, node: ITreeNodeOrCompositeTreeNode) => void;
+    /**
+     * 右键菜单定义，但传入了 `onContextMenu` 函数时将优先执行 `onContextMenu` 函数
+     */
+    contextMenus?: IBasicContextMenu[] | ((node: ITreeNodeOrCompositeTreeNode) => IBasicContextMenu[]);
+    /**
+     * 右键菜单点击的执行逻辑
+     */
+    contextMenuActuator?: IBasicContextMenuActuator;
+    /**
+     * 行内菜单定义
+     */
+    inlineMenus?: IBasicInlineMenu[] | ((node: ITreeNodeOrCompositeTreeNode) => IBasicInlineMenu[]);
+    /**
+     * 行内菜单点击的执行逻辑
+     */
+    inlineMenuActuator?: IBasicInlineMenuActuator;
+}
+export declare type IBasicNodeRendererProps = INodeRendererProps & IBasicNodeProps;
+export interface IBasicTreeMenu {
+    /**
+     * 展示文本
+     */
+    label: string;
+    /**
+     * 唯一 ID
+     */
+    id: string;
+    /**
+     * 分组信息
+     */
+    group?: string;
+    /**
+     * 类型
+     */
+    type?: string;
+}
+export declare const DECORATIONS: {
+    SELECTED: string;
+    FOCUSED: string;
+    ACTIVED: string;
+    LOADING: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/recycle-tree/basic/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/recycle-tree/basic/types.ts"],"names":[],"mappings":"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"}

package/lib/recycle-tree/basic/types.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DECORATIONS = exports.IBasicInlineMenuPosition = void 0;
+var IBasicInlineMenuPosition;
+(function (IBasicInlineMenuPosition) {
+    IBasicInlineMenuPosition[IBasicInlineMenuPosition["TREE_NODE"] = 1] = "TREE_NODE";
+    IBasicInlineMenuPosition[IBasicInlineMenuPosition["TREE_CONTAINER"] = 2] = "TREE_CONTAINER";
+})(IBasicInlineMenuPosition = exports.IBasicInlineMenuPosition || (exports.IBasicInlineMenuPosition = {}));
+exports.DECORATIONS = {
+    SELECTED: 'mod_selected',
+    FOCUSED: 'mod_focused',
+    ACTIVED: 'mod_actived',
+    LOADING: 'mod_loading',
+};
+//# sourceMappingURL=types.js.map

package/lib/recycle-tree/basic/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/recycle-tree/basic/types.ts"],"names":[],"mappings":";;;AAKA,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,iFAAa,CAAA;IACb,2FAAc,CAAA;AAChB,CAAC,EAHW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAGnC;AA8NY,QAAA,WAAW,GAAG;IACzB,QAAQ,EAAE,cAAc;IACxB,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;CACvB,CAAC"}

package/lib/recycle-tree/index.d.ts

@@ -4,4 +4,5 @@ export * from './prompt';
 export * from './tree';
 export * from './types';
 export * from './decorators';
+export * from './basic';
 //# sourceMappingURL=index.d.ts.map

package/lib/recycle-tree/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/recycle-tree/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/recycle-tree/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/lib/recycle-tree/index.js

@@ -7,4 +7,5 @@ const tslib_1 = require("tslib");
 (0, tslib_1.__exportStar)(require("./tree"), exports);
 (0, tslib_1.__exportStar)(require("./types"), exports);
 (0, tslib_1.__exportStar)(require("./decorators"), exports);
+(0, tslib_1.__exportStar)(require("./basic"), exports);
 //# sourceMappingURL=index.js.map

package/lib/recycle-tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/recycle-tree/index.ts"],"names":[],"mappings":";;;AAAA,6DAA8B;AAC9B,sEAAuC;AACvC,wDAAyB;AACzB,sDAAuB;AACvB,uDAAwB;AACxB,4DAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/recycle-tree/index.ts"],"names":[],"mappings":";;;AAAA,6DAA8B;AAC9B,sEAAuC;AACvC,wDAAyB;AACzB,sDAAuB;AACvB,uDAAwB;AACxB,4DAA6B;AAC7B,uDAAwB"}

package/lib/recycle-tree/prompt/PromptHandle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProxiedInputProp } from '../../input';
 import { Event } from '../../utils';
 export declare enum PROMPT_VALIDATE_TYPE {

package/lib/recycle-tree/prompt/PromptHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptHandle.d.ts","sourceRoot":"","sources":["../../../src/recycle-tree/prompt/PromptHandle.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAiC,KAAK,EAAgB,MAAM,aAAa,CAAC;AAIjF,oBAAY,oBAAoB;IAC9B,IAAI,IAAI;IACR,KAAK,IAAI;IACT,OAAO,IAAI;CACZ;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED;;;GAGG;AACH,8BAAsB,YAAY;IAChC,SAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAgB,SAAS,EAAE,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAE,cAAc,CAAC;IAC5C,SAAgB,YAAY,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,CAAC;IACvE,OAAO,CAAC,WAAW,CAAoD;IACvE,OAAO,CAAC,sBAAsB,CAAkB;IAChD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,kBAAkB,CAAS;IAGnC,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,gBAAgB,CAAkC;;IAwB1D,QAAQ,KAAK,EAAE,IAAI,MAAM,CAAA;IAEzB,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAA;IAE5B,IAAI,SAAS,YAEZ;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,CAE5B;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,CAE5B;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,CAE5B;IAED,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,CAE3B;IAED,IAAI,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAE1B;IAED,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,CAE7B;IAEM,KAAK,IAAI,IAAI;IAIb,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAInD,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIrC,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIxC,aAAa,CAAC,SAAS,EAAE,MAAM;IAU/B,gBAAgB;IAQhB,kBAAkB,CAAC,eAAe,EAAE,qBAAqB;IAqBzD,qBAAqB;IAQrB,OAAO,IAAI,IAAI;IAiBtB,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,aAAa,CAyBpB;IAED,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,UAAU,CAiBjB;CACF"}
+{"version":3,"file":"PromptHandle.d.ts","sourceRoot":"","sources":["../../../src/recycle-tree/prompt/PromptHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAiC,KAAK,EAAgB,MAAM,aAAa,CAAC;AAIjF,oBAAY,oBAAoB;IAC9B,IAAI,IAAI;IACR,KAAK,IAAI;IACT,OAAO,IAAI;CACZ;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED;;;GAGG;AACH,8BAAsB,YAAY;IAChC,SAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAgB,SAAS,EAAE,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAE,cAAc,CAAC;IAC5C,SAAgB,YAAY,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,CAAC;IACvE,OAAO,CAAC,WAAW,CAAoD;IACvE,OAAO,CAAC,sBAAsB,CAAkB;IAChD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,kBAAkB,CAAS;IAGnC,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,gBAAgB,CAAkC;;IAwB1D,QAAQ,KAAK,EAAE,IAAI,MAAM,CAAA;IAEzB,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAA;IAE5B,IAAI,SAAS,YAEZ;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,CAE5B;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,CAE5B;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,CAE5B;IAED,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,CAE3B;IAED,IAAI,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAE1B;IAED,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,CAE7B;IAEM,KAAK,IAAI,IAAI;IAIb,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAInD,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIrC,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIxC,aAAa,CAAC,SAAS,EAAE,MAAM;IAU/B,gBAAgB;IAQhB,kBAAkB,CAAC,eAAe,EAAE,qBAAqB;IAqBzD,qBAAqB;IAQrB,OAAO,IAAI,IAAI;IAiBtB,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,aAAa,CAyBpB;IAED,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,UAAU,CAiBjB;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensumi/ide-components",
-  "version": "2.12.1-next-079c1930",
+  "version": "2.12.1-next-a6199cbc",
   "description": "@opensumi/ide-components",
   "license": "MIT",
   "main": "lib/index.js",
@@ -29,6 +29,7 @@
     "rc-dialog": "~7.6.0",
     "rc-dropdown": "~2.4.1",
     "react-lifecycles-compat": "^3.0.4",
+    "react-ctxmenu-trigger": "^1.0.0",
     "rc-menu": "~7.5.1",
     "rc-notification": "~3.3.1",
     "rc-util": "^4.16.1"