easy-file-system 2.1.101 → 2.1.104
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.
- package/example.js +44 -44
- package/lib/eventTypes.js +8 -8
- package/lib/example/view.js +11 -11
- package/lib/explorer.js +10 -10
- package/lib/item/entry/drag.js +5 -5
- package/lib/mixins/explorer.js +14 -14
- package/package.json +1 -1
- package/src/eventTypes.js +4 -4
- package/src/example/view.js +12 -12
- package/src/explorer.js +6 -6
- package/src/item/entry/drag.js +4 -4
- package/src/mixins/explorer.js +20 -20
package/src/eventTypes.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
export const OPEN_EVENT_TYPE = "open";
|
|
4
4
|
export const MOVE_EVENT_TYPE = "move";
|
|
5
|
-
export const EDIT_EVENT_TYPE = "edit";
|
|
6
5
|
export const CHANGE_EVENT_TYPE = "change";
|
|
7
6
|
export const CANCEL_EVENT_TYPE = "cancel";
|
|
8
|
-
export const REMOVE_EVENT_TYPE = "remove";
|
|
9
7
|
export const SELECT_EVENT_TYPE = "select";
|
|
8
|
+
export const RENAME_EVENT_TYPE = "rename";
|
|
9
|
+
export const REMOVE_EVENT_TYPE = "remove";
|
|
10
10
|
export const CREATE_EVENT_TYPE = "create";
|
|
11
11
|
|
|
12
12
|
export default {
|
|
@@ -14,8 +14,8 @@ export default {
|
|
|
14
14
|
MOVE_EVENT_TYPE,
|
|
15
15
|
CHANGE_EVENT_TYPE,
|
|
16
16
|
CANCEL_EVENT_TYPE,
|
|
17
|
-
EDIT_EVENT_TYPE,
|
|
18
|
-
REMOVE_EVENT_TYPE,
|
|
19
17
|
SELECT_EVENT_TYPE,
|
|
18
|
+
REMOVE_EVENT_TYPE,
|
|
19
|
+
RENAME_EVENT_TYPE,
|
|
20
20
|
CREATE_EVENT_TYPE
|
|
21
21
|
};
|
package/src/example/view.js
CHANGED
|
@@ -17,10 +17,10 @@ export default class View extends Element {
|
|
|
17
17
|
Explorer.createDirectoryPath();
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
renameSelectedPathButtonClickHandler = (event, element) => {
|
|
21
21
|
const firstExplorer = this.getFirstExplorer();
|
|
22
22
|
|
|
23
|
-
firstExplorer.
|
|
23
|
+
firstExplorer.renameSelectedPath();
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
createFilePathButtonClickHandler = (event, element) => {
|
|
@@ -33,12 +33,6 @@ export default class View extends Element {
|
|
|
33
33
|
console.log("open", filePath)
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
editHandler = (pathMaps, explorer, done) => {
|
|
37
|
-
console.log("edit", JSON.stringify(pathMaps, null, " "))
|
|
38
|
-
|
|
39
|
-
done();
|
|
40
|
-
}
|
|
41
|
-
|
|
42
36
|
moveHandler = (pathMaps, explorer, done) => {
|
|
43
37
|
console.log("move", JSON.stringify(pathMaps, null, " "))
|
|
44
38
|
|
|
@@ -51,6 +45,12 @@ export default class View extends Element {
|
|
|
51
45
|
done();
|
|
52
46
|
}
|
|
53
47
|
|
|
48
|
+
renameHandler = (pathMaps, explorer, done) => {
|
|
49
|
+
console.log("rename", JSON.stringify(pathMaps, null, " "))
|
|
50
|
+
|
|
51
|
+
done();
|
|
52
|
+
}
|
|
53
|
+
|
|
54
54
|
createHandler = (pathMaps, explorer, done) => {
|
|
55
55
|
console.log("create", JSON.stringify(pathMaps, null, " "))
|
|
56
56
|
|
|
@@ -88,14 +88,14 @@ export default class View extends Element {
|
|
|
88
88
|
<RubbishBin onRemove={this.removeHandler} />,
|
|
89
89
|
<FirstExplorer onOpen={this.openHandler}
|
|
90
90
|
onMove={this.moveHandler}
|
|
91
|
-
onEdit={this.editHandler}
|
|
92
91
|
onRemove={this.removeHandler}
|
|
92
|
+
onRename={this.renameHandler}
|
|
93
93
|
onCreate={this.createHandler}
|
|
94
94
|
onSelect={this.selectHandler}
|
|
95
95
|
/>,
|
|
96
96
|
<SecondExplorer onOpen={this.openHandler}
|
|
97
97
|
onMove={this.moveHandler}
|
|
98
|
-
|
|
98
|
+
onRename={this.renameHandler}
|
|
99
99
|
onRemove={this.removeHandler}
|
|
100
100
|
onCreate={this.createHandler}
|
|
101
101
|
/>,
|
|
@@ -105,8 +105,8 @@ export default class View extends Element {
|
|
|
105
105
|
<Button onClick={this.createDirectoryPathButtonClickHandler}>
|
|
106
106
|
Create directory path
|
|
107
107
|
</Button>,
|
|
108
|
-
<Button onClick={this.
|
|
109
|
-
|
|
108
|
+
<Button onClick={this.renameSelectedPathButtonClickHandler}>
|
|
109
|
+
Rename selected path
|
|
110
110
|
</Button>
|
|
111
111
|
|
|
112
112
|
]);
|
package/src/explorer.js
CHANGED
|
@@ -231,11 +231,11 @@ class Explorer extends Element {
|
|
|
231
231
|
directoryNameDragEntryItem.create();
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
|
|
234
|
+
renameSelectedPath() {
|
|
235
235
|
const selectedDragEntryItem = this.retrieveSelectedDragEntryItem();
|
|
236
236
|
|
|
237
237
|
if (selectedDragEntryItem !== null) {
|
|
238
|
-
selectedDragEntryItem.
|
|
238
|
+
selectedDragEntryItem.rename();
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
241
|
|
|
@@ -294,13 +294,13 @@ class Explorer extends Element {
|
|
|
294
294
|
this.callSelectHandlers(path, selected, readOnly, explorer);
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
|
|
297
|
+
renameDragEntryItem(dragEntryItem, done) {
|
|
298
298
|
const sourceEntryPath = sourceEntryPathFromEntryItem(dragEntryItem),
|
|
299
299
|
targetEntryPath = targetEntryPathFromEntryItem(dragEntryItem),
|
|
300
300
|
pathMaps = dragEntryItem.getPathMaps(sourceEntryPath, targetEntryPath),
|
|
301
301
|
explorer = this; ///
|
|
302
302
|
|
|
303
|
-
this.
|
|
303
|
+
this.renameDragEntryItems(pathMaps, explorer, () => {
|
|
304
304
|
done();
|
|
305
305
|
});
|
|
306
306
|
}
|
|
@@ -331,8 +331,8 @@ class Explorer extends Element {
|
|
|
331
331
|
});
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
-
|
|
335
|
-
this.
|
|
334
|
+
renameDragEntryItems(pathMaps, explorer, done) {
|
|
335
|
+
this.callRenameHandlersAsync(pathMaps, explorer, () => {
|
|
336
336
|
pathMaps.forEach((pathMap) => {
|
|
337
337
|
this.removeDragEntryItem(pathMap, explorer);
|
|
338
338
|
});
|
package/src/item/entry/drag.js
CHANGED
|
@@ -21,12 +21,12 @@ class DragEntryItem extends EntryItem {
|
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
this.reset();
|
|
25
|
-
|
|
26
24
|
const created = this.isCreated(),
|
|
27
25
|
explorer = this.getExplorer(),
|
|
28
26
|
dragEntryItem = this; ///
|
|
29
27
|
|
|
28
|
+
this.reset();
|
|
29
|
+
|
|
30
30
|
if (created) {
|
|
31
31
|
explorer.createDragEntryItem(dragEntryItem, () => {
|
|
32
32
|
///
|
|
@@ -35,7 +35,7 @@ class DragEntryItem extends EntryItem {
|
|
|
35
35
|
return;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
explorer.
|
|
38
|
+
explorer.renameDragEntryItem(dragEntryItem, () => {
|
|
39
39
|
///
|
|
40
40
|
});
|
|
41
41
|
}
|
|
@@ -186,7 +186,7 @@ class DragEntryItem extends EntryItem {
|
|
|
186
186
|
explorer.disable();
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
-
|
|
189
|
+
rename() {
|
|
190
190
|
const name = this.getName(),
|
|
191
191
|
created = false,
|
|
192
192
|
explorer = this.getExplorer(),
|
package/src/mixins/explorer.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { asynchronousUtilities } from "necessary";
|
|
4
4
|
|
|
5
|
-
import { MOVE_EVENT_TYPE, OPEN_EVENT_TYPE, REMOVE_EVENT_TYPE,
|
|
5
|
+
import { MOVE_EVENT_TYPE, OPEN_EVENT_TYPE, REMOVE_EVENT_TYPE, RENAME_EVENT_TYPE, SELECT_EVENT_TYPE, CREATE_EVENT_TYPE } from "../eventTypes";
|
|
6
6
|
|
|
7
7
|
const { forEach } = asynchronousUtilities;
|
|
8
8
|
|
|
@@ -20,20 +20,6 @@ function offOpen(openHandler, element) {
|
|
|
20
20
|
this.removeEventListener(eventType, handler, element);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
function onEdit(renameHandler, element) {
|
|
24
|
-
const eventType = EDIT_EVENT_TYPE,
|
|
25
|
-
handler = renameHandler; ///
|
|
26
|
-
|
|
27
|
-
this.addEventListener(eventType, handler, element);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
function offEdit(renameHandler, element) {
|
|
31
|
-
const eventType = EDIT_EVENT_TYPE,
|
|
32
|
-
handler = renameHandler; ///
|
|
33
|
-
|
|
34
|
-
this.removeEventListener(eventType, handler, element);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
23
|
function onMove(moveHandler, element) {
|
|
38
24
|
const eventType = MOVE_EVENT_TYPE,
|
|
39
25
|
handler = moveHandler; ///
|
|
@@ -62,6 +48,20 @@ function offRemove(removeHandler, element) {
|
|
|
62
48
|
this.removeEventListener(eventType, handler, element);
|
|
63
49
|
}
|
|
64
50
|
|
|
51
|
+
function onRename(renameHandler, element) {
|
|
52
|
+
const eventType = RENAME_EVENT_TYPE,
|
|
53
|
+
handler = renameHandler; ///
|
|
54
|
+
|
|
55
|
+
this.addEventListener(eventType, handler, element);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
function offRename(renameHandler, element) {
|
|
59
|
+
const eventType = RENAME_EVENT_TYPE,
|
|
60
|
+
handler = renameHandler; ///
|
|
61
|
+
|
|
62
|
+
this.removeEventListener(eventType, handler, element);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
65
|
function onCreate(createHandler, element) {
|
|
66
66
|
const eventType = CREATE_EVENT_TYPE,
|
|
67
67
|
handler = createHandler; ///
|
|
@@ -114,8 +114,8 @@ function callSelectHandlers(path, selected, readOnly, explorer) {
|
|
|
114
114
|
});
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
function
|
|
118
|
-
const eventType =
|
|
117
|
+
function callRenameHandlersAsync(pathMaps, explorer, done) {
|
|
118
|
+
const eventType = RENAME_EVENT_TYPE,
|
|
119
119
|
eventListeners = this.findEventListeners(eventType);
|
|
120
120
|
|
|
121
121
|
forEach(eventListeners, (eventListener, next) => {
|
|
@@ -171,19 +171,19 @@ const explorerMixins = {
|
|
|
171
171
|
offOpen,
|
|
172
172
|
onMove,
|
|
173
173
|
offMove,
|
|
174
|
-
onEdit,
|
|
175
|
-
offEdit,
|
|
176
174
|
onRemove,
|
|
177
175
|
offRemove,
|
|
176
|
+
onRename,
|
|
177
|
+
offRename,
|
|
178
178
|
onCreate,
|
|
179
179
|
offCreate,
|
|
180
180
|
onSelect,
|
|
181
181
|
offSelect,
|
|
182
182
|
callOpenHandlers,
|
|
183
183
|
callSelectHandlers,
|
|
184
|
-
callEditHandlersAsync,
|
|
185
184
|
callMoveHandlersAsync,
|
|
186
185
|
callRemoveHandlersAsync,
|
|
186
|
+
callRenameHandlersAsync,
|
|
187
187
|
callCreateHandlersAsync
|
|
188
188
|
};
|
|
189
189
|
|