@opensumi/ide-core-browser 2.12.1-next-079c1930

package/lib/components/tree/tree.module.less

@@ -0,0 +1,295 @@
+@import '../../style/variable.less';
+
+.treenode_container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.treenode {
+  height: 22px;
+  line-height: 22px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  cursor: pointer;
+
+  &.alwaysShowActions,
+  &:hover {
+    .treenode_head_icon {
+      display: none;
+    }
+    .left_actions,
+    .right_actions,
+    .container_actions {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      .action_icon {
+        margin-left: 6px;
+      }
+    }
+  }
+
+  &:hover {
+    color: var(--kt-tree-hoverForeground);
+    background: var(--kt-tree-hoverBackground);
+  }
+
+  .treenode_title {
+    width: 100%;
+  }
+
+  &.mod_selected {
+    color: var(--kt-tree-inactiveSelectionForeground) !important;
+    background: var(--kt-tree-inactiveSelectionBackground);
+    .expansion_toggle, .treenode_description {
+      color: var(--kt-tree-inactiveSelectionForeground) !important;
+    }
+  }
+
+  &.mod_focused {
+    color: var(--kt-tree-activeSelectionForeground) !important;
+    background: var(--kt-tree-activeSelectionBackground);
+    .expansion_toggle, .treenode_description {
+      color: var(--kt-tree-activeSelectionForeground) !important;
+    }
+  }
+
+  &.mod_invalid {
+    color: var(--kt-tree-invalidItemForeground)
+  }
+}
+
+.treenode_content {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+  .search_match, match {
+    background-color: var(--editor-findMatchHighlightBackground);
+
+    &.replace {
+      // border: 1px solid var(--diffEditor-removedTextBorder);
+      background-color: var(--editor-findMatchHighlightBackground);
+      text-decoration: line-through;
+    }
+  }
+
+  .search_replace {
+    background-color: var(--diffEditor-insertedTextBackground);
+    // border: 1px solid var(--diffEditor-insertedTextBackground);
+  }
+}
+
+.treenode_head {
+  position: absolute;
+  z-index: 10;
+  right: 100%;
+  top: 0;
+  .left_actions {
+    display: none;
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 22px;
+    margin-right: 3px;
+    span {
+      color: var(--foreground);
+      font-size: 12px;
+    }
+
+  }
+}
+
+.treenode_status {
+  opacity: .75;
+  min-width: 20px;
+  text-align: center;
+  font-size: 12px;
+  padding-right: 0;
+}
+
+.treenode_segment {
+  flex-grow: 0;
+  white-space: nowrap;
+}
+
+.treenode_displayname {
+  margin-right: 6px;
+  display: inline;
+}
+
+.treenode_inputbox {
+  display: inline-block;
+  width: 100%;
+}
+
+.treenode_description {
+  display: inline;
+  transform: scale(0.96);
+  color: var(--descriptionForeground);
+}
+
+.treenode_overflow_wrap {
+  flex: 1;
+  flex-shrink: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.treenode_flex_wrap {
+  display: flex;
+  flex-direction: row;
+}
+
+.treenode_edit_wrap {
+  display: flex;
+  width: calc(100% - 50px);
+  .treenode_displayname {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.treenode_segment_grow {
+  flex-grow: 1 !important;
+  text-align: left;
+  z-index: 10;
+  padding-right: 5px;
+
+  &.overflow_visible {
+    overflow: visible !important;
+  }
+}
+
+.expansion_toggle {
+  min-width: 20px;
+  display: flex;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--descriptionForeground);
+  font-size: 16px;
+  &.mod_collapsed {
+    &:before {
+      display: block;
+    }
+  }
+
+  &:not(.mod_collapsed) {
+    &:before {
+      display: block;
+      transform: rotate(90deg);
+    }
+  }
+}
+
+.file_icon {
+  position: relative;
+  color: var(--icon-foreground);
+  margin-right: 4px;
+  flex-shrink: 0;
+  &:before {
+    font-size: 16px;
+    text-align: center;
+  }
+}
+
+.file_icon:global(&.fileIcon:before) {
+  font-size: 18px;
+}
+
+.treenode_tail {
+  text-align: center;
+  margin-right: 10px;
+  position: relative;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  .right_actions,
+  .container_actions {
+    display: none;
+    line-height: 22px;
+    height: 22px;
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+}
+
+.input_wrapper {
+  height: 100%;
+  width: 100%;
+  line-height: normal;
+  color: rgb(204, 204, 204);
+  position: relative;
+}
+
+.input_box {
+  height: 100%;
+  width: 100%;
+  background-color: rgb(60, 60, 60);
+  color: rgb(204, 204, 204);
+  padding: 0;
+  outline: 0;
+
+  &:focus {
+    border: 1px solid rgba(14, 99, 156, 0.8);
+  }
+
+  &.error {
+    border: 1px solid rgb(235, 61, 84);
+  }
+}
+
+
+.treenode_container_focused {
+  &:before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 5;
+    content: "";
+    pointer-events: none;
+    outline: 1px solid;
+    outline-width: 1px;
+    outline-style: solid;
+    outline-offset: -1px;
+    outline-color: rgba(14, 99, 156, 0.8);
+  }
+}
+
+.treenode_all_focused {
+  color: var(--kt-tree-focusForeground);
+  background: var(--kt-tree-focusBackground);
+}
+
+.validate_message {
+  display: inline-block;
+  overflow: hidden;
+  text-align: left;
+  width: 100%;
+  box-sizing: border-box;
+  padding: .4em;
+  font-size: 12px;
+  line-height: 17px;
+  min-height: 34px;
+  word-wrap: break-word;
+  white-space: normal;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 22px;
+  z-index: 10;
+
+  &.error {
+    background-color: rgb(235, 61, 84);
+    border: 1px solid rgb(235, 61, 84);
+  }
+}

package/lib/components/tree/tree.view.d.ts

@@ -0,0 +1,132 @@
+import React from 'react';
+import { TreeNode } from './';
+import { CommandActuator } from './tree-node.view';
+import { Event } from '@opensumi/ide-core-common';
+import { FileDecorationsProvider, ThemeProvider, TreeViewAction } from '../../tree';
+import { ValidateMessage } from '@opensumi/ide-components';
+export declare const TEMP_FILE_NAME = "kt_template_file";
+export interface TreeProps extends React.PropsWithChildren<any> {
+    /**
+     * 可渲染的树节点
+     */
+    readonly nodes: TreeNode<any>[];
+    /**
+     * 左侧缩进（单位 px）
+     * 默认缩进计算通过：defaultLeftPadding + leftPadding * depth
+     */
+    readonly leftPadding?: number;
+    /**
+     * 默认左侧缩进（单位 px）
+     * 默认缩进计算通过：defaultLeftPadding + leftPadding * depth
+     */
+    readonly defaultLeftPadding?: number;
+    /**
+     * 如果树组件支持多选，为`true`, 否则为 `false`
+     */
+    readonly multiSelectable?: boolean;
+    /**
+     * 是否在视图激活时自动滚动
+     */
+    readonly scrollIfActive?: boolean;
+    /**
+     * 是否可折叠
+     */
+    readonly foldable?: boolean;
+    /**
+     * 是否支持拖拽
+     */
+    readonly draggable?: boolean;
+    /**
+     * 是否可搜索
+     */
+    readonly searchable?: boolean;
+    /**
+     * 是否选中
+     */
+    readonly selected?: boolean;
+    /**
+     * 纯普通节点节点与包含可折叠节点在样式上存在左侧下拉展开图标占位
+     * 需要通过判断处理掉折叠图标带来的边距影响，时上下Tree组件的基础边距达到对齐效果
+     * 当isComplex值为True时，默认添加5px边距，否则为0
+     */
+    readonly isComplex?: boolean;
+    /**
+     * 选择事件回调
+     */
+    onSelect?: any;
+    /**
+     * 显示事件回调
+     */
+    onReveal?: any;
+    /**
+     * 折叠箭头点击回调
+     */
+    onTwistieClick?: any;
+    /**
+     * 右键菜单事件回调
+     */
+    onContextMenu?: any;
+    /**
+     * 拖拽事件回调
+     */
+    onDragStart?: any;
+    onDragEnter?: any;
+    onDragOver?: any;
+    onDragLeave?: any;
+    onDragEnd?: any;
+    onDrag?: any;
+    onDrop?: any;
+    onChange?: any;
+    onBlur?: any;
+    /**
+     * 节点中替换文本，需在node节点中存在hightlightRange时可用
+     */
+    replace?: string;
+    /**
+     * 筛选条件
+     */
+    filter?: string;
+    /**
+     * 节点高度
+     */
+    itemLineHeight?: number;
+    /**
+     * 工具栏定义
+     */
+    actions?: TreeViewAction[];
+    /**
+     * 是否一直展示工具栏，默认为 hover 出现
+     */
+    alwaysShowActions?: boolean;
+    /**
+     * 工具栏中Command执行逻辑
+     */
+    commandActuator?: CommandActuator;
+    /**
+     * 文件装饰器变化事件
+     */
+    notifyFileDecorationsChange?: Event<FileDecorationsProvider>;
+    /**
+     * 主题颜色变化事件
+     */
+    notifyThemeChange?: Event<ThemeProvider>;
+    /**
+     * 文件装饰器函数
+     */
+    fileDecorationProvider?: FileDecorationsProvider;
+    /**
+     * 主题颜色函数
+     */
+    themeProvider?: ThemeProvider;
+    /**
+     * 是否带焦点样式
+     */
+    outline?: boolean;
+    /**
+     * 编辑态校验函数
+     */
+    validate?: (node: TreeNode, value: string) => ValidateMessage | null;
+}
+export declare const defaultTreeProps: TreeProps;
+export declare const TreeContainer: ({ nodes, leftPadding, defaultLeftPadding, multiSelectable, onSelect, onTwistieClick, onContextMenu, onDragStart, onDragEnter, onDragOver, onDragLeave, onDragEnd, onDrag, onDrop, onChange, onBlur, onFocus, onReveal, draggable, foldable, editable, replace, actions, alwaysShowActions, commandActuator, themeProvider, fileDecorationProvider, notifyFileDecorationsChange, notifyThemeChange, itemLineHeight, style, outline, validate, isComplex, }: TreeProps) => JSX.Element;
+//# sourceMappingURL=tree.view.d.ts.map

package/lib/components/tree/tree.view.d.ts.map

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

package/lib/components/tree/tree.view.js

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeContainer = exports.defaultTreeProps = exports.TEMP_FILE_NAME = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const _1 = require("./");
+const tree_node_view_1 = require("./tree-node.view");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+const tree_1 = require("../../tree");
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const tree_module_less_1 = (0, tslib_1.__importDefault)(require("./tree.module.less"));
+exports.TEMP_FILE_NAME = 'kt_template_file';
+exports.defaultTreeProps = {
+    nodes: [],
+    leftPadding: 8,
+    defaultLeftPadding: 8,
+};
+const TreeContainer = ({ nodes = exports.defaultTreeProps.nodes, leftPadding = exports.defaultTreeProps.leftPadding, defaultLeftPadding = exports.defaultTreeProps.defaultLeftPadding, multiSelectable, onSelect, onTwistieClick, onContextMenu, onDragStart, onDragEnter, onDragOver, onDragLeave, onDragEnd, onDrag, onDrop, onChange, onBlur, onFocus, onReveal, draggable, foldable = true, editable, replace, actions, alwaysShowActions, commandActuator, themeProvider, fileDecorationProvider, notifyFileDecorationsChange, notifyThemeChange, itemLineHeight = 22, style, outline, validate, isComplex, }) => {
+    const [outerFocused, setOuterFocused] = react_1.default.useState(false);
+    const [outerDragOver, setOuterDragOver] = react_1.default.useState(false);
+    const [, refreshState] = react_1.default.useState();
+    const isEdited = editable && !!nodes.find((node, index) => {
+        return !!node.isTemporary;
+    });
+    const innerContextMenuHandler = (node, event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        const result = [];
+        let contexts = [node];
+        let isMenuActiveOnSelectedNode = false;
+        if (!nodes) {
+            return;
+        }
+        if (isEdited) {
+            event.stopPropagation();
+            event.preventDefault();
+            return;
+        }
+        for (const n of nodes) {
+            if (n.selected) {
+                if (node.id === n.id) {
+                    isMenuActiveOnSelectedNode = true;
+                }
+                result.push(n);
+            }
+        }
+        // 如果右键菜单在已选中的元素触发，为多选菜单
+        // 否则为单选菜单
+        if (isMenuActiveOnSelectedNode) {
+            contexts = result;
+        }
+        setOuterFocused(false);
+        if (onContextMenu) {
+            onContextMenu(contexts, event);
+        }
+    };
+    const outerContextMenuHandler = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        if (isEdited) {
+            return;
+        }
+        setOuterFocused(true);
+        if (onContextMenu) {
+            onContextMenu([], event);
+        }
+    };
+    const selectRange = (nodes = [], node) => {
+        const result = [];
+        let from;
+        let to;
+        for (let i = 0; i < nodes.length; i++) {
+            if (nodes[i].selected) {
+                to = i;
+            }
+            if (node.id === nodes[i].id) {
+                from = i;
+                break;
+            }
+        }
+        // 优先向下查找选中节点
+        for (let j = from; j < nodes.length; j++) {
+            if (nodes[j].selected) {
+                to = j;
+            }
+        }
+        // 返回从from到to之间节点
+        if (from > to) {
+            for (let h = to; h <= from; h++) {
+                result.push(nodes[h]);
+            }
+        }
+        else {
+            for (let n = from; n <= to; n++) {
+                result.push(nodes[n]);
+            }
+        }
+        return result;
+    };
+    const toggleNode = (nodes = [], node) => {
+        const result = [];
+        for (const n of nodes) {
+            if (node.id === n.id) {
+                if (!n.selected) {
+                    result.push(n);
+                }
+            }
+            else {
+                if (n.selected) {
+                    result.push(n);
+                }
+            }
+        }
+        return result;
+    };
+    const selectNode = (node) => {
+        return [node];
+    };
+    const selectHandler = (node, event) => {
+        let selectedNodes;
+        if (!node || isEdited) {
+            return;
+        }
+        // 支持多选状态, 同时在非编辑状态时
+        if (multiSelectable && !isEdited) {
+            const shiftMask = hasShiftMask(event);
+            const ctrlCmdMask = hasCtrlCmdMask(event);
+            if (_1.SelectableTreeNode.is(node)) {
+                if (shiftMask) {
+                    selectedNodes = selectRange(nodes, node);
+                }
+                else if (ctrlCmdMask) {
+                    selectedNodes = toggleNode(nodes, node);
+                }
+                else {
+                    selectedNodes = selectNode(node);
+                }
+            }
+        }
+        else {
+            selectedNodes = selectNode(node);
+        }
+        if (onSelect) {
+            onSelect(selectedNodes, event);
+        }
+        setOuterFocused(false);
+    };
+    const twistieClickHandler = (node, event) => {
+        if (onTwistieClick) {
+            onTwistieClick(node, event);
+        }
+        else if (onSelect) {
+            onSelect([node], event);
+        }
+    };
+    const hasShiftMask = (event) => {
+        // Ctrl/Cmd 权重更高
+        if (hasCtrlCmdMask(event)) {
+            return false;
+        }
+        return event.shiftKey;
+    };
+    const hasCtrlCmdMask = (event) => {
+        const { metaKey, ctrlKey } = event;
+        return (ide_core_common_1.isOSX && metaKey) || ctrlKey;
+    };
+    const outerClickHandler = (event) => {
+        setOuterFocused(true);
+        // 让选中状态的节点失去焦点，保留选中状态
+        if (onSelect) {
+            onSelect([], event);
+        }
+    };
+    const outerBlurHandler = (event) => {
+        if (onBlur) {
+            onBlur(event);
+        }
+        setOuterFocused(false);
+        setOuterDragOver(false);
+    };
+    const outerFocusHandler = (event) => {
+        if (onFocus) {
+            onFocus(event);
+        }
+    };
+    const getNodeTooltip = (node) => {
+        if (node.tooltip) {
+            return node.tooltip;
+        }
+        if (node.uri) {
+            const uri = node.uri.toString();
+            return uri ? uri : undefined;
+        }
+        if (typeof node.name === 'string') {
+            return node.name;
+        }
+    };
+    const outerDropHandler = (event) => {
+        if (onDrop) {
+            onDrop('', event);
+        }
+        setOuterDragOver(false);
+    };
+    const outerDragOverHandler = (event) => {
+        event.preventDefault();
+        setOuterDragOver(true);
+    };
+    const outerDragLeaveHandler = (event) => {
+        setOuterDragOver(false);
+    };
+    const outerDragStartHandler = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    react_1.default.useEffect(() => {
+        if (notifyFileDecorationsChange) {
+            const disposeble = notifyFileDecorationsChange(() => {
+                refreshState({});
+            });
+            return () => {
+                return disposeble.dispose();
+            };
+        }
+    }, [notifyFileDecorationsChange]);
+    react_1.default.useEffect(() => {
+        if (notifyThemeChange) {
+            const disposeble = notifyThemeChange(() => {
+                refreshState({});
+            });
+            return () => {
+                return disposeble.dispose();
+            };
+        }
+    }, [notifyThemeChange]);
+    return react_1.default.createElement("div", { className: (0, classnames_1.default)(tree_module_less_1.default.treenode_container, outerFocused && tree_module_less_1.default.treenode_container_focused, outerDragOver && tree_module_less_1.default.treenode_all_focused), style: style, onBlur: outerBlurHandler, onFocus: outerFocusHandler, onContextMenu: outerContextMenuHandler, onDrop: outerDropHandler, onDragStart: outerDragStartHandler, onDragOver: outerDragOverHandler, onDragLeave: outerDragLeaveHandler, draggable: draggable, onClick: outerClickHandler, tabIndex: outline ? 0 : -1 }, nodes.map((node, index) => {
+        if (fileDecorationProvider && themeProvider) {
+            const deco = fileDecorationProvider.getDecoration(node.uri || typeof node.name === 'string' && node.name || node.id, tree_1.ExpandableTreeNode.is(node));
+            if (deco) {
+                node = Object.assign(Object.assign({}, node), { badge: deco.badge, color: themeProvider.getColor({ id: deco.color }), tooltip: `${getNodeTooltip(node)}•${deco.tooltip}` });
+            }
+        }
+        return react_1.default.createElement(tree_node_view_1.TreeContainerNode, { node: node, leftPadding: leftPadding, defaultLeftPadding: defaultLeftPadding, key: `${node.id}-${index}`, onSelect: selectHandler, onTwistieClick: twistieClickHandler, onContextMenu: innerContextMenuHandler, onDragStart: onDragStart, onDragEnter: onDragEnter, onDragEnd: onDragEnd, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrag: onDrag, onDrop: onDrop, onChange: onChange, draggable: draggable, foldable: foldable, isEdited: isEdited, isComplex: isComplex, actions: node.actions || actions, replace: node.replace || replace, alwaysShowActions: alwaysShowActions, commandActuator: commandActuator, itemLineHeight: itemLineHeight, validate: validate });
+    }));
+};
+exports.TreeContainer = TreeContainer;
+//# sourceMappingURL=tree.view.js.map

package/lib/components/tree/tree.view.js.map

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