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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/README.md +1 -1
  2. package/dist/fonts/loading-dark.svg +52 -0
  3. package/dist/fonts/loading-hc.svg +52 -0
  4. package/dist/fonts/loading.svg +52 -0
  5. package/dist/index.css +1 -1
  6. package/dist/index.js +31017 -17019
  7. package/lib/click-outside/index.d.ts +6 -0
  8. package/lib/click-outside/index.d.ts.map +1 -0
  9. package/lib/click-outside/index.js +27 -0
  10. package/lib/click-outside/index.js.map +1 -0
  11. package/lib/icon/icon.js +1 -1
  12. package/lib/icon/icon.js.map +1 -1
  13. package/lib/icon/iconfont/iconManager.d.ts +3 -1
  14. package/lib/icon/iconfont/iconManager.d.ts.map +1 -1
  15. package/lib/icon/iconfont/iconMap.d.ts +3 -1
  16. package/lib/icon/iconfont/iconMap.d.ts.map +1 -1
  17. package/lib/icon/iconfont/iconMap.js +3 -1
  18. package/lib/icon/iconfont/iconMap.js.map +1 -1
  19. package/lib/icon/iconfont/iconfont.css +14 -6
  20. package/lib/icon/iconfont/iconfont.eot +0 -0
  21. package/lib/icon/iconfont/iconfont.html +31 -4
  22. package/lib/icon/iconfont/iconfont.svg +4 -0
  23. package/lib/icon/iconfont/iconfont.ttf +0 -0
  24. package/lib/icon/iconfont/iconfont.woff +0 -0
  25. package/lib/icon/iconfont/iconfont.woff2 +0 -0
  26. package/lib/index.d.ts +2 -0
  27. package/lib/index.d.ts.map +1 -1
  28. package/lib/index.js +2 -0
  29. package/lib/index.js.map +1 -1
  30. package/lib/loading/index.d.ts +2 -0
  31. package/lib/loading/index.d.ts.map +1 -0
  32. package/lib/loading/index.js +5 -0
  33. package/lib/loading/index.js.map +1 -0
  34. package/lib/loading/loading.less +14 -0
  35. package/lib/loading/loading.view.d.ts +4 -0
  36. package/lib/loading/loading.view.d.ts.map +1 -0
  37. package/lib/loading/loading.view.js +11 -0
  38. package/lib/loading/loading.view.js.map +1 -0
  39. package/lib/loading/media/loading-dark.svg +52 -0
  40. package/lib/loading/media/loading-hc.svg +52 -0
  41. package/lib/loading/media/loading.svg +52 -0
  42. package/lib/menu/style.less +0 -6
  43. package/lib/recycle-tree/RecycleTree.d.ts +1 -1
  44. package/lib/recycle-tree/RecycleTree.d.ts.map +1 -1
  45. package/lib/recycle-tree/RecycleTree.js +5 -2
  46. package/lib/recycle-tree/RecycleTree.js.map +1 -1
  47. package/lib/recycle-tree/basic/index.d.ts +7 -0
  48. package/lib/recycle-tree/basic/index.d.ts.map +1 -0
  49. package/lib/recycle-tree/basic/index.js +173 -0
  50. package/lib/recycle-tree/basic/index.js.map +1 -0
  51. package/lib/recycle-tree/basic/menubar-item.d.ts +7 -0
  52. package/lib/recycle-tree/basic/menubar-item.d.ts.map +1 -0
  53. package/lib/recycle-tree/basic/menubar-item.js +26 -0
  54. package/lib/recycle-tree/basic/menubar-item.js.map +1 -0
  55. package/lib/recycle-tree/basic/placements.d.ts +12 -0
  56. package/lib/recycle-tree/basic/placements.d.ts.map +1 -0
  57. package/lib/recycle-tree/basic/placements.js +17 -0
  58. package/lib/recycle-tree/basic/placements.js.map +1 -0
  59. package/lib/recycle-tree/basic/styles.less +245 -0
  60. package/lib/recycle-tree/basic/tree-node.d.ts +8 -0
  61. package/lib/recycle-tree/basic/tree-node.d.ts.map +1 -0
  62. package/lib/recycle-tree/basic/tree-node.define.d.ts +31 -0
  63. package/lib/recycle-tree/basic/tree-node.define.d.ts.map +1 -0
  64. package/lib/recycle-tree/basic/tree-node.define.js +75 -0
  65. package/lib/recycle-tree/basic/tree-node.define.js.map +1 -0
  66. package/lib/recycle-tree/basic/tree-node.js +107 -0
  67. package/lib/recycle-tree/basic/tree-node.js.map +1 -0
  68. package/lib/recycle-tree/basic/tree-service.d.ts +38 -0
  69. package/lib/recycle-tree/basic/tree-service.d.ts.map +1 -0
  70. package/lib/recycle-tree/basic/tree-service.js +153 -0
  71. package/lib/recycle-tree/basic/tree-service.js.map +1 -0
  72. package/lib/recycle-tree/basic/types.d.ts +227 -0
  73. package/lib/recycle-tree/basic/types.d.ts.map +1 -0
  74. package/lib/recycle-tree/basic/types.js +15 -0
  75. package/lib/recycle-tree/basic/types.js.map +1 -0
  76. package/lib/recycle-tree/index.d.ts +1 -0
  77. package/lib/recycle-tree/index.d.ts.map +1 -1
  78. package/lib/recycle-tree/index.js +1 -0
  79. package/lib/recycle-tree/index.js.map +1 -1
  80. package/lib/recycle-tree/prompt/PromptHandle.d.ts +0 -1
  81. package/lib/recycle-tree/prompt/PromptHandle.d.ts.map +1 -1
  82. package/package.json +2 -1
@@ -0,0 +1,245 @@
1
+ .basic_tree {
2
+ .tree_node {
3
+ display: flex;
4
+ flex-direction: column;
5
+ position: relative;
6
+ cursor: pointer;
7
+
8
+ &:hover {
9
+ color: var(--kt-tree-hoverForeground);
10
+ background: var(--kt-tree-hoverBackground);
11
+ .tail {
12
+ display: flex;
13
+ }
14
+ .head {
15
+ display: flex;
16
+ }
17
+ }
18
+
19
+ &.mod_selected {
20
+ color: var(--kt-tree-inactiveSelectionForeground) !important;
21
+ background: var(--kt-tree-inactiveSelectionBackground);
22
+ .expansion_toggle {
23
+ color: var(--kt-tree-inactiveSelectionForeground) !important;
24
+ }
25
+ }
26
+
27
+ &.mod_focused {
28
+ outline: 1px solid var(--list-focusOutline);
29
+ outline-offset: -1px;
30
+ color: var(--kt-tree-activeSelectionForeground) !important;;
31
+ background: var(--kt-tree-activeSelectionBackground);
32
+ .expansion_toggle {
33
+ color: var(--kt-tree-activeSelectionForeground) !important;;
34
+ }
35
+ .displayname {
36
+ .compact_name {
37
+ &.active {
38
+ text-decoration: underline;
39
+ }
40
+ }
41
+ }
42
+ }
43
+
44
+ &.mod_actived {
45
+ outline: 1px solid var(--list-focusOutline);
46
+ outline-offset: -1px;
47
+ .expansion_toggle {
48
+ color: var(--kt-tree-activeSelectionForeground) !important;
49
+ }
50
+ .displayname {
51
+ .compact_name {
52
+ &.active {
53
+ text-decoration: underline;
54
+ }
55
+ }
56
+ }
57
+ }
58
+
59
+ &.mod_loading {
60
+ opacity: .8 !important;;
61
+ }
62
+ }
63
+
64
+ .icon {
65
+ position: relative;
66
+ color: var(--icon-foreground);
67
+ margin-right: 4px;
68
+ &:before {
69
+ font-size: 16px;
70
+ text-align: center;
71
+ }
72
+ }
73
+
74
+ .tail {
75
+ text-align: center;
76
+ margin-right: 10px;
77
+ position: relative;
78
+ height: 100%;
79
+ align-items: center;
80
+ display: none;
81
+ }
82
+
83
+ .head {
84
+ text-align: center;
85
+ margin-right: 10px;
86
+ position: relative;
87
+ height: 100%;
88
+ align-items: center;
89
+ display: none;
90
+ }
91
+
92
+ .content {
93
+ position: relative;
94
+ display: flex;
95
+ align-items: center;
96
+ width: 100%;
97
+
98
+ match {
99
+ background-color: var(--editor-findMatchHighlightBackground);
100
+ }
101
+ }
102
+
103
+ .status {
104
+ opacity: .75;
105
+ text-align: center;
106
+ font-size: 12px;
107
+ padding-right: 0;
108
+ }
109
+
110
+ .segment {
111
+ flex-grow: 0;
112
+ white-space: nowrap;
113
+ color: inherit;
114
+ }
115
+
116
+ .displayname {
117
+ margin-right: 6px;
118
+ display: inline;
119
+ white-space:pre;
120
+ .compact_name {
121
+ color: inherit;
122
+ display: inline-block;
123
+ &:focus,
124
+ &:hover {
125
+ text-decoration: underline;
126
+ }
127
+ &.active {
128
+ text-decoration: underline;
129
+ }
130
+ }
131
+ .compact_name_separator {
132
+ margin: 0 2px;
133
+ opacity: .5;
134
+ }
135
+ }
136
+
137
+ .display_name {
138
+ margin-right: 6px;
139
+ display: inline;
140
+ white-space:pre;
141
+ }
142
+
143
+ .description {
144
+ display: inline;
145
+ transform: scale(0.96);
146
+ color: var(--descriptionForeground);
147
+ }
148
+
149
+ .overflow_wrap {
150
+ flex: 1;
151
+ flex-shrink: 0;
152
+ overflow: hidden;
153
+ text-overflow: ellipsis;
154
+ white-space: nowrap;
155
+ text-align: left;
156
+ }
157
+
158
+ .prompt_wrap {
159
+ flex: 1;
160
+ }
161
+
162
+ .flex_wrap {
163
+ display: flex;
164
+ flex-direction: row;
165
+ }
166
+
167
+ .edit_wrap {
168
+ display: flex;
169
+ width: calc(100% - 50px);
170
+ .displayname {
171
+ overflow: hidden;
172
+ text-overflow: ellipsis;
173
+ white-space: nowrap;
174
+ }
175
+ }
176
+
177
+ .segment_grow {
178
+ flex-grow: 1 !important;
179
+ text-align: left;
180
+ z-index: 10;
181
+ padding-right: 5px;
182
+
183
+ &.overflow_visible {
184
+ overflow: visible !important;
185
+ }
186
+ }
187
+
188
+ .expansion_toggle {
189
+ min-width: 20px;
190
+ display: flex;
191
+ justify-content: center;
192
+ flex-shrink: 0;
193
+ font-size: 16px;
194
+ color: var(--foreground);
195
+ &.mod_collapsed {
196
+ &:before {
197
+ display: block;
198
+ }
199
+ }
200
+
201
+ &:not(.mod_collapsed) {
202
+ &:before {
203
+ display: block;
204
+ transform: rotate(90deg);
205
+ }
206
+ }
207
+ }
208
+ }
209
+
210
+ .basic_tree_menubars {
211
+ padding: 2px 0px;
212
+ color: var(--menu-foreground);
213
+ background-color: var(--menu-background);
214
+ border: none;
215
+ box-shadow: 0 2px 8px var(--kt-menu-shadow);
216
+ border-radius: 0;
217
+ min-width: 200px;
218
+ }
219
+
220
+ .basic_menu_item_divider {
221
+ margin: 3px 0;
222
+ pointer-events: none;
223
+ background-color: var(--menu-separatorBackground);
224
+ padding: 0;
225
+ overflow: hidden;
226
+ line-height: 0;
227
+ height: 1px;
228
+ }
229
+
230
+ .basic_menu_item {
231
+ margin: 0;
232
+ padding: 3px 4px;
233
+ height: 26px;
234
+ display: flex;
235
+ align-items: center;
236
+ flex: 1;
237
+ padding: 0 16px;
238
+ color: var(--kt-menubar-foreground);
239
+
240
+ &:hover {
241
+ background: var(--menu-selectionBackground);
242
+ color: var(--menu-selectionForeground);
243
+ cursor: default;
244
+ }
245
+ }
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { IBasicNodeRendererProps } from './types';
3
+ import { BasicCompositeTreeNode, BasicTreeNode } from './tree-node.define';
4
+ import './styles.less';
5
+ export declare const BasicTreeNodeRenderer: React.FC<IBasicNodeRendererProps & {
6
+ item: BasicCompositeTreeNode | BasicTreeNode;
7
+ }>;
8
+ //# sourceMappingURL=tree-node.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["../../../src/recycle-tree/basic/tree-node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAA4B,uBAAuB,EAAe,MAAM,SAAS,CAAC;AAIzF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE3E,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,GAAG;IAAE,IAAI,EAAE,sBAAsB,GAAG,aAAa,CAAA;CAAE,CAkKtH,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { CompositeTreeNode, TreeNode } from '../tree';
2
+ import { ITree } from '../types';
3
+ import { IBasicTreeData } from './types';
4
+ export declare class BasicTreeRoot extends CompositeTreeNode {
5
+ private _raw;
6
+ constructor(tree: ITree, parent: BasicCompositeTreeNode | undefined, data: IBasicTreeData);
7
+ get name(): string;
8
+ get raw(): IBasicTreeData;
9
+ get expanded(): boolean;
10
+ }
11
+ export declare class BasicCompositeTreeNode extends CompositeTreeNode {
12
+ private _displayName;
13
+ private _whenReady;
14
+ private _raw;
15
+ constructor(tree: ITree, parent: BasicCompositeTreeNode | undefined, data: IBasicTreeData, id?: number);
16
+ get whenReady(): Promise<void>;
17
+ get displayName(): string;
18
+ get icon(): string;
19
+ get description(): string | undefined;
20
+ get raw(): IBasicTreeData;
21
+ }
22
+ export declare class BasicTreeNode extends TreeNode {
23
+ private _displayName;
24
+ private _raw;
25
+ constructor(tree: ITree, parent: BasicCompositeTreeNode | undefined, data: IBasicTreeData, id?: number);
26
+ get displayName(): string;
27
+ get description(): string | undefined;
28
+ get icon(): string;
29
+ get raw(): IBasicTreeData;
30
+ }
31
+ //# sourceMappingURL=tree-node.define.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-node.define.d.ts","sourceRoot":"","sources":["../../../src/recycle-tree/basic/tree-node.define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,qBAAa,aAAc,SAAQ,iBAAiB;IAClD,OAAO,CAAC,IAAI,CAAiB;gBAE3B,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,sBAAsB,GAAG,SAAS,EAC1C,IAAI,EAAE,cAAc;IAMtB,IAAI,IAAI,WAEP;IAED,IAAI,GAAG,mBAEN;IAED,IAAI,QAAQ,YAEX;CACF;AAED,qBAAa,sBAAuB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,IAAI,CAAiB;gBAG3B,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,sBAAsB,GAAG,SAAS,EAC1C,IAAI,EAAE,cAAc,EACpB,EAAE,CAAC,EAAE,MAAM;IAcb,IAAI,SAAS,kBAEZ;IAED,IAAI,WAAW,WAEd;IAED,IAAI,IAAI,WAEP;IAED,IAAI,WAAW,uBAEd;IAED,IAAI,GAAG,mBAEN;CACF;AAED,qBAAa,aAAc,SAAQ,QAAQ;IACzC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,IAAI,CAAiB;gBAG3B,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,sBAAsB,GAAG,SAAS,EAC1C,IAAI,EAAE,cAAc,EACpB,EAAE,CAAC,EAAE,MAAM;IAWb,IAAI,WAAW,WAEd;IAED,IAAI,WAAW,uBAEd;IAED,IAAI,IAAI,WAEP;IAED,IAAI,GAAG,mBAEN;CACF"}
@@ -0,0 +1,75 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.BasicTreeNode = exports.BasicCompositeTreeNode = exports.BasicTreeRoot = void 0;
4
+ const tree_1 = require("../tree");
5
+ class BasicTreeRoot extends tree_1.CompositeTreeNode {
6
+ constructor(tree, parent, data) {
7
+ super(tree, parent);
8
+ this._raw = data;
9
+ }
10
+ get name() {
11
+ return `BasicTreeRoot_${this._uid}`;
12
+ }
13
+ get raw() {
14
+ return this._raw;
15
+ }
16
+ get expanded() {
17
+ return true;
18
+ }
19
+ }
20
+ exports.BasicTreeRoot = BasicTreeRoot;
21
+ class BasicCompositeTreeNode extends tree_1.CompositeTreeNode {
22
+ constructor(tree, parent, data, id) {
23
+ super(tree, parent, undefined, {}, { disableCache: true });
24
+ if (data.expanded) {
25
+ this._whenReady = this.setExpanded();
26
+ }
27
+ this._uid = id || this._uid;
28
+ // 每个节点应该拥有自己独立的路径,不存在重复性
29
+ this.name = String(this._uid);
30
+ this._displayName = data.label;
31
+ this._raw = data;
32
+ tree_1.TreeNode.setTreeNode(this._uid, this.path, this);
33
+ }
34
+ get whenReady() {
35
+ return this._whenReady;
36
+ }
37
+ get displayName() {
38
+ return this._displayName;
39
+ }
40
+ get icon() {
41
+ return this.raw.icon;
42
+ }
43
+ get description() {
44
+ return this.raw.description;
45
+ }
46
+ get raw() {
47
+ return this._raw;
48
+ }
49
+ }
50
+ exports.BasicCompositeTreeNode = BasicCompositeTreeNode;
51
+ class BasicTreeNode extends tree_1.TreeNode {
52
+ constructor(tree, parent, data, id) {
53
+ super(tree, parent, undefined, {}, { disableCache: true });
54
+ this._uid = id || this._uid;
55
+ // 每个节点应该拥有自己独立的路径,不存在重复性
56
+ this.name = String(this._uid);
57
+ this._displayName = data.label;
58
+ this._raw = data;
59
+ tree_1.TreeNode.setTreeNode(this._uid, this.path, this);
60
+ }
61
+ get displayName() {
62
+ return this._displayName;
63
+ }
64
+ get description() {
65
+ return this.raw.description;
66
+ }
67
+ get icon() {
68
+ return this.raw.icon;
69
+ }
70
+ get raw() {
71
+ return this._raw;
72
+ }
73
+ }
74
+ exports.BasicTreeNode = BasicTreeNode;
75
+ //# sourceMappingURL=tree-node.define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-node.define.js","sourceRoot":"","sources":["../../../src/recycle-tree/basic/tree-node.define.ts"],"names":[],"mappings":";;;AAAA,kCAAsD;AAItD,MAAa,aAAc,SAAQ,wBAAiB;IAElD,YACE,IAAW,EACX,MAA0C,EAC1C,IAAoB;QAEpB,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,iBAAiB,IAAI,CAAC,IAAI,EAAE,CAAC;IACtC,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAtBD,sCAsBC;AAED,MAAa,sBAAuB,SAAQ,wBAAiB;IAK3D,YACE,IAAW,EACX,MAA0C,EAC1C,IAAoB,EACpB,EAAW;QAEX,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;SACtC;QACD,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC;QAC5B,yBAAyB;QACzB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,eAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;IACvB,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC;IAC9B,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;CACF;AA1CD,wDA0CC;AAED,MAAa,aAAc,SAAQ,eAAQ;IAIzC,YACE,IAAW,EACX,MAA0C,EAC1C,IAAoB,EACpB,EAAW;QAEX,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC;QAC5B,yBAAyB;QACzB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,eAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC;IAC9B,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;IACvB,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;CACF;AAlCD,sCAkCC"}
@@ -0,0 +1,107 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.BasicTreeNodeRenderer = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const react_1 = (0, tslib_1.__importStar)(require("react"));
6
+ const types_1 = require("./types");
7
+ const icon_1 = require("../../icon");
8
+ const button_1 = require("../../button");
9
+ const loading_1 = require("../../loading");
10
+ const tree_node_define_1 = require("./tree-node.define");
11
+ const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
12
+ require("./styles.less");
13
+ const BasicTreeNodeRenderer = ({ item, className, itemHeight = 22, indent = 8, onClick, onDbClick, onTwistierClick, onContextMenu, decorations, inlineMenus = [], inlineMenuActuator = () => { }, }) => {
14
+ const handleClick = (0, react_1.useCallback)((event) => {
15
+ if (onClick) {
16
+ event.stopPropagation();
17
+ onClick(event, item);
18
+ }
19
+ }, [onClick]);
20
+ const handleDbClick = (0, react_1.useCallback)((event) => {
21
+ if (onDbClick) {
22
+ event.stopPropagation();
23
+ onDbClick(event, item);
24
+ }
25
+ }, [onDbClick]);
26
+ const handleContextMenu = (0, react_1.useCallback)((event) => {
27
+ if (onContextMenu) {
28
+ event.stopPropagation();
29
+ event.preventDefault();
30
+ onContextMenu(event, item);
31
+ }
32
+ }, [onContextMenu]);
33
+ const handlerTwistierClick = (0, react_1.useCallback)((event) => {
34
+ event.stopPropagation();
35
+ if (onTwistierClick) {
36
+ onTwistierClick(event, item);
37
+ }
38
+ else if (onClick) {
39
+ onClick(event, item);
40
+ }
41
+ }, [onClick, onTwistierClick]);
42
+ const paddingLeft = `${8 + (item.depth || 0) * (indent || 0) + (!tree_node_define_1.BasicCompositeTreeNode.is(item) ? 20 : 0)}px`;
43
+ const editorNodeStyle = {
44
+ height: itemHeight,
45
+ lineHeight: `${itemHeight}px`,
46
+ paddingLeft,
47
+ };
48
+ const renderIcon = (0, react_1.useCallback)((node) => {
49
+ return react_1.default.createElement(icon_1.Icon, { icon: node.icon, className: 'icon', style: { height: itemHeight, lineHeight: `${itemHeight}px` } });
50
+ }, []);
51
+ const getName = (0, react_1.useCallback)((node) => {
52
+ return node.displayName.replace(/\n/g, '↵');
53
+ }, []);
54
+ const renderDisplayName = (0, react_1.useCallback)((node) => {
55
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)('segment', 'display_name') }, getName(node)));
56
+ }, []);
57
+ const renderDescription = (0, react_1.useCallback)((node) => {
58
+ if (!node.description) {
59
+ return null;
60
+ }
61
+ return react_1.default.createElement("div", { className: (0, classnames_1.default)('segment_grow', 'description') }, node.description);
62
+ }, []);
63
+ const inlineMenuActions = (0, react_1.useCallback)((item) => {
64
+ if (Array.isArray(inlineMenus)) {
65
+ return inlineMenus;
66
+ }
67
+ else if (typeof inlineMenus === 'function') {
68
+ return inlineMenus(item);
69
+ }
70
+ }, [inlineMenus]);
71
+ const renderNodeTail = () => {
72
+ var _a;
73
+ const isBasicCompositeTreeNode = tree_node_define_1.BasicCompositeTreeNode.is(item);
74
+ const actions = (_a = inlineMenuActions(item)) === null || _a === void 0 ? void 0 : _a.filter((menu) => isBasicCompositeTreeNode ? menu.position === types_1.IBasicInlineMenuPosition.TREE_CONTAINER : menu.position === types_1.IBasicInlineMenuPosition.TREE_NODE);
75
+ if (!(actions === null || actions === void 0 ? void 0 : actions.length)) {
76
+ return null;
77
+ }
78
+ const handleActionClick = (0, react_1.useCallback)((event, action) => {
79
+ event.stopPropagation();
80
+ inlineMenuActuator(item, action);
81
+ }, []);
82
+ return react_1.default.createElement("div", { className: (0, classnames_1.default)('segment', 'tail') }, actions.map((action) => {
83
+ return react_1.default.createElement(button_1.Button, { style: { marginRight: '5px' }, type: 'icon', key: `${item.id}-${action.icon}`, icon: action.icon, title: action.title, onClick: (e) => handleActionClick(e, action) });
84
+ }));
85
+ };
86
+ const renderFolderToggle = (node, clickHandler) => {
87
+ if (decorations && (decorations === null || decorations === void 0 ? void 0 : decorations.classlist.indexOf(types_1.DECORATIONS.LOADING)) > -1) {
88
+ return react_1.default.createElement(loading_1.Loading, null);
89
+ }
90
+ return react_1.default.createElement(icon_1.Icon, { className: (0, classnames_1.default)('segment', 'expansion_toggle', { ['mod_collapsed']: !node.expanded }), onClick: clickHandler, icon: 'arrow-right' });
91
+ };
92
+ const renderTwice = (item) => {
93
+ if (tree_node_define_1.BasicCompositeTreeNode.is(item)) {
94
+ return renderFolderToggle(item, handlerTwistierClick);
95
+ }
96
+ };
97
+ return (react_1.default.createElement("div", { key: item.id, onClick: handleClick, onDoubleClick: handleDbClick, onContextMenu: handleContextMenu, className: (0, classnames_1.default)('tree_node', className, decorations ? decorations.classlist : null), style: editorNodeStyle, "data-id": item.id },
98
+ react_1.default.createElement("div", { className: 'content' },
99
+ renderTwice(item),
100
+ renderIcon(item),
101
+ react_1.default.createElement("div", { className: 'overflow_wrap' },
102
+ renderDisplayName(item),
103
+ renderDescription(item)),
104
+ renderNodeTail())));
105
+ };
106
+ exports.BasicTreeNodeRenderer = BasicTreeNodeRenderer;
107
+ //# sourceMappingURL=tree-node.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-node.js","sourceRoot":"","sources":["../../../src/recycle-tree/basic/tree-node.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,38 @@
1
+ import { TreeModel, Tree, DecorationsManager } from '../tree';
2
+ import { IBasicTreeData } from './types';
3
+ import { BasicCompositeTreeNode, BasicTreeNode } from './tree-node.define';
4
+ export declare class BasicTreeService extends Tree {
5
+ private _treeData?;
6
+ private _resolveChildren?;
7
+ private _sortComparator?;
8
+ private selectedDecoration;
9
+ private focusedDecoration;
10
+ private contextMenuDecoration;
11
+ private loadingDecoration;
12
+ private _focusedNode;
13
+ private _selectedNodes;
14
+ private _contextMenuNode;
15
+ private _model;
16
+ private _decorations;
17
+ private disposableCollection;
18
+ private onDidUpdateTreeModelEmitter;
19
+ constructor(_treeData?: IBasicTreeData[] | undefined, _resolveChildren?: ((parent?: IBasicTreeData | undefined) => IBasicTreeData[] | null) | undefined, _sortComparator?: ((a: IBasicTreeData, b: IBasicTreeData) => number) | undefined);
20
+ get onDidUpdateTreeModel(): import("../../utils").Event<BasicTreeModel>;
21
+ get model(): BasicTreeModel;
22
+ get root(): import("../tree").CompositeTreeNode | undefined;
23
+ get decorations(): DecorationsManager;
24
+ private initDecorations;
25
+ resolveChildren(parent?: BasicCompositeTreeNode): Promise<(BasicCompositeTreeNode | BasicTreeNode)[]>;
26
+ sortComparator: (a: BasicCompositeTreeNode, b: BasicCompositeTreeNode) => number;
27
+ private transformTreeNode;
28
+ get selectedNodes(): (BasicCompositeTreeNode | BasicTreeNode)[];
29
+ get focusedNode(): BasicCompositeTreeNode | BasicTreeNode | undefined;
30
+ get contextMenuNode(): BasicCompositeTreeNode | BasicTreeNode | undefined;
31
+ activeFocusedDecoration: (target: BasicCompositeTreeNode | BasicTreeNode) => void;
32
+ activeContextMenuDecoration: (target: BasicCompositeTreeNode | BasicTreeNode) => void;
33
+ enactiveFocusedDecoration: () => void;
34
+ dispose(): void;
35
+ }
36
+ export declare class BasicTreeModel extends TreeModel {
37
+ }
38
+ //# sourceMappingURL=tree-service.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-service.d.ts","sourceRoot":"","sources":["../../../src/recycle-tree/basic/tree-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAc,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAGtD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAiB,MAAM,oBAAoB,CAAC;AAE1F,qBAAa,gBAAiB,SAAQ,IAAI;IAoBtC,OAAO,CAAC,SAAS,CAAC;IAClB,OAAO,CAAC,gBAAgB,CAAC;IACzB,OAAO,CAAC,eAAe,CAAC;IArB1B,OAAO,CAAC,kBAAkB,CAAoD;IAC9E,OAAO,CAAC,iBAAiB,CAAmD;IAC5E,OAAO,CAAC,qBAAqB,CAAmD;IAChF,OAAO,CAAC,iBAAiB,CAAmD;IAE5E,OAAO,CAAC,YAAY,CAAqD;IAEzE,OAAO,CAAC,cAAc,CAAkD;IAExE,OAAO,CAAC,gBAAgB,CAAqD;IAE7E,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,YAAY,CAAqB;IAEzC,OAAO,CAAC,oBAAoB,CAAoD;IAEhF,OAAO,CAAC,2BAA2B,CAA0C;gBAGnE,SAAS,CAAC,8BAAkB,EAC5B,gBAAgB,CAAC,4CAA+B,cAAc,EAAE,GAAG,IAAI,aAAA,EACvE,eAAe,CAAC,OAAM,cAAc,KAAK,cAAc,KAAK,MAAM,aAAA;IAW5E,IAAI,oBAAoB,gDAEvB;IAED,IAAI,KAAK,mBAER;IAED,IAAI,IAAI,oDAEP;IAED,IAAI,WAAW,uBAEd;IAED,OAAO,CAAC,eAAe;IAejB,eAAe,CAAC,MAAM,CAAC,EAAE,sBAAsB;IAQrD,cAAc,MAAO,sBAAsB,KAAK,sBAAsB,YAKrE;IAED,OAAO,CAAC,iBAAiB;IAezB,IAAI,aAAa,+CAEhB;IAED,IAAI,WAAW,uDAEd;IAED,IAAI,eAAe,uDAElB;IAGD,uBAAuB,WAAY,sBAAsB,GAAG,aAAa,UA2BxE;IAED,2BAA2B,WAAY,sBAAsB,GAAG,aAAa,UAW5E;IAGD,yBAAyB,aAMxB;IAED,OAAO;CAGR;AAED,qBAAa,cAAe,SAAQ,SAAS;CAAG"}