easy-file-system 1.5.23 → 1.5.25
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 +116 -62
- package/lib/constants.js +5 -1
- package/lib/explorer.js +42 -1
- package/lib/input/name.js +7 -28
- package/lib/item/entry/drag.js +8 -1
- package/lib/keyCodes.js +9 -1
- package/lib/list/entries.js +17 -17
- package/lib/mixins/explorer.js +35 -17
- package/package.json +1 -1
- package/src/constants.js +1 -0
- package/src/explorer.js +49 -0
- package/src/input/name.js +9 -6
- package/src/item/entry/drag.js +7 -0
- package/src/keyCodes.js +2 -0
- package/src/list/entries.js +17 -18
- package/src/mixins/explorer.js +53 -23
package/src/list/entries.js
CHANGED
|
@@ -183,20 +183,6 @@ class EntriesList extends Element {
|
|
|
183
183
|
});
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
editSelectedPath() {
|
|
187
|
-
const dragEntryItems = this.retrieveDragEntryItems();
|
|
188
|
-
|
|
189
|
-
dragEntryItems.some((dragEntryItem) => {
|
|
190
|
-
const selected = dragEntryItem.isSelected();
|
|
191
|
-
|
|
192
|
-
if (selected) {
|
|
193
|
-
dragEntryItem.edit();
|
|
194
|
-
|
|
195
|
-
return true;
|
|
196
|
-
}
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
|
|
200
186
|
addDirectoryPath(directoryPath, collapsed = true) {
|
|
201
187
|
let directoryNameDragEntryItem;
|
|
202
188
|
|
|
@@ -533,6 +519,19 @@ class EntriesList extends Element {
|
|
|
533
519
|
return directoryNameDragEntryItem;
|
|
534
520
|
}
|
|
535
521
|
|
|
522
|
+
retrieveSelectedDragEntryItem() {
|
|
523
|
+
const dragEntryItems = this.retrieveDragEntryItems(),
|
|
524
|
+
selectedDragEntryItem = dragEntryItems.find((dragEntryItem) => {
|
|
525
|
+
const selected = dragEntryItem.isSelected();
|
|
526
|
+
|
|
527
|
+
if (selected) {
|
|
528
|
+
return true;
|
|
529
|
+
}
|
|
530
|
+
}) || null;
|
|
531
|
+
|
|
532
|
+
return selectedDragEntryItem;
|
|
533
|
+
}
|
|
534
|
+
|
|
536
535
|
retrieveMarkerEntryItem() {
|
|
537
536
|
const { markerEntryItem } = globalThis;
|
|
538
537
|
|
|
@@ -590,11 +589,11 @@ class EntriesList extends Element {
|
|
|
590
589
|
removeAllPaths = this.removeAllPaths.bind(this),
|
|
591
590
|
deselectAllPaths = this.deselectAllPaths.bind(this),
|
|
592
591
|
addDirectoryPath = this.addDirectoryPath.bind(this),
|
|
593
|
-
editSelectedPath = this.editSelectedPath.bind(this),
|
|
594
592
|
removeDirectoryPath = this.removeDirectoryPath.bind(this),
|
|
595
593
|
forEachDragEntryItem = this.forEachDragEntryItem.bind(this),
|
|
596
594
|
retrieveDragEntryItems = this.retrieveDragEntryItems.bind(this),
|
|
597
|
-
retrieveMarkerEntryItem = this.retrieveMarkerEntryItem.bind(this)
|
|
595
|
+
retrieveMarkerEntryItem = this.retrieveMarkerEntryItem.bind(this),
|
|
596
|
+
retrieveSelectedDragEntryItem = this.retrieveSelectedDragEntryItem.bind(this);;
|
|
598
597
|
|
|
599
598
|
return ({
|
|
600
599
|
expandEntriesList,
|
|
@@ -609,11 +608,11 @@ class EntriesList extends Element {
|
|
|
609
608
|
removeAllPaths,
|
|
610
609
|
deselectAllPaths,
|
|
611
610
|
addDirectoryPath,
|
|
612
|
-
editSelectedPath,
|
|
613
611
|
removeDirectoryPath,
|
|
614
612
|
forEachDragEntryItem,
|
|
615
613
|
retrieveDragEntryItems,
|
|
616
|
-
retrieveMarkerEntryItem
|
|
614
|
+
retrieveMarkerEntryItem,
|
|
615
|
+
retrieveSelectedDragEntryItem
|
|
617
616
|
});
|
|
618
617
|
}
|
|
619
618
|
|
package/src/mixins/explorer.js
CHANGED
|
@@ -2,10 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
import { asynchronousUtilities } from "necessary";
|
|
4
4
|
|
|
5
|
-
import { MOVE_EVENT_TYPE, OPEN_EVENT_TYPE, RENAME_EVENT_TYPE, SELECT_EVENT_TYPE } from "../eventTypes";
|
|
5
|
+
import { MOVE_EVENT_TYPE, OPEN_EVENT_TYPE, REMOVE_EVENT_TYPE, RENAME_EVENT_TYPE, SELECT_EVENT_TYPE } from "../eventTypes";
|
|
6
6
|
|
|
7
7
|
const { forEach } = asynchronousUtilities;
|
|
8
8
|
|
|
9
|
+
function onOpen(openHandler, element) {
|
|
10
|
+
const eventType = OPEN_EVENT_TYPE,
|
|
11
|
+
handler = openHandler; ///
|
|
12
|
+
|
|
13
|
+
this.addEventListener(eventType, handler, element);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
function offOpen(openHandler, element) {
|
|
17
|
+
const eventType = OPEN_EVENT_TYPE,
|
|
18
|
+
handler = openHandler; ///
|
|
19
|
+
|
|
20
|
+
this.removeEventListener(eventType, handler, element);
|
|
21
|
+
}
|
|
22
|
+
|
|
9
23
|
function onMove(moveHandler, element) {
|
|
10
24
|
const eventType = MOVE_EVENT_TYPE,
|
|
11
25
|
handler = moveHandler; ///
|
|
@@ -20,44 +34,44 @@ function offMove(moveHandler, element) {
|
|
|
20
34
|
this.removeEventListener(eventType, handler, element);
|
|
21
35
|
}
|
|
22
36
|
|
|
23
|
-
function
|
|
24
|
-
const eventType =
|
|
25
|
-
handler =
|
|
37
|
+
function onRemove(removeHandler, element) {
|
|
38
|
+
const eventType = REMOVE_EVENT_TYPE,
|
|
39
|
+
handler = removeHandler; ///
|
|
26
40
|
|
|
27
41
|
this.addEventListener(eventType, handler, element);
|
|
28
42
|
}
|
|
29
43
|
|
|
30
|
-
function
|
|
31
|
-
const eventType =
|
|
32
|
-
handler =
|
|
44
|
+
function offRemove(removeHandler, element) {
|
|
45
|
+
const eventType = REMOVE_EVENT_TYPE,
|
|
46
|
+
handler = removeHandler; ///
|
|
33
47
|
|
|
34
48
|
this.removeEventListener(eventType, handler, element);
|
|
35
49
|
}
|
|
36
50
|
|
|
37
|
-
function
|
|
38
|
-
const eventType =
|
|
39
|
-
|
|
51
|
+
function onRename(renameHandler, element) {
|
|
52
|
+
const eventType = RENAME_EVENT_TYPE,
|
|
53
|
+
handler = renameHandler; ///
|
|
40
54
|
|
|
41
55
|
this.addEventListener(eventType, handler, element);
|
|
42
56
|
}
|
|
43
57
|
|
|
44
|
-
function
|
|
45
|
-
const eventType =
|
|
46
|
-
|
|
58
|
+
function offRename(renameHandler, element) {
|
|
59
|
+
const eventType = RENAME_EVENT_TYPE,
|
|
60
|
+
handler = renameHandler; ///
|
|
47
61
|
|
|
48
62
|
this.removeEventListener(eventType, handler, element);
|
|
49
63
|
}
|
|
50
64
|
|
|
51
|
-
function
|
|
52
|
-
const eventType =
|
|
53
|
-
handler =
|
|
65
|
+
function onSelect(selectHandler, element) {
|
|
66
|
+
const eventType = SELECT_EVENT_TYPE,
|
|
67
|
+
handler = selectHandler; ///
|
|
54
68
|
|
|
55
69
|
this.addEventListener(eventType, handler, element);
|
|
56
70
|
}
|
|
57
71
|
|
|
58
|
-
function
|
|
59
|
-
const eventType =
|
|
60
|
-
handler =
|
|
72
|
+
function offSelect(selectHandler, element) {
|
|
73
|
+
const eventType = SELECT_EVENT_TYPE,
|
|
74
|
+
handler = selectHandler; ///
|
|
61
75
|
|
|
62
76
|
this.removeEventListener(eventType, handler, element);
|
|
63
77
|
}
|
|
@@ -99,6 +113,19 @@ function callMoveHandlersAsync(pathMaps, done) {
|
|
|
99
113
|
}, done);
|
|
100
114
|
}
|
|
101
115
|
|
|
116
|
+
function callRemoveHandlersAsync(pathMaps, done) {
|
|
117
|
+
const eventType = REMOVE_EVENT_TYPE,
|
|
118
|
+
eventListeners = this.findEventListeners(eventType);
|
|
119
|
+
|
|
120
|
+
forEach(eventListeners, (eventListener, next) => {
|
|
121
|
+
const { handler, element } = eventListener,
|
|
122
|
+
removeHandler = handler, ///
|
|
123
|
+
done = next; ///
|
|
124
|
+
|
|
125
|
+
removeHandler.call(element, pathMaps, done);
|
|
126
|
+
}, done);
|
|
127
|
+
}
|
|
128
|
+
|
|
102
129
|
function callRenameHandlersAsync(pathMaps, done) {
|
|
103
130
|
const eventType = RENAME_EVENT_TYPE,
|
|
104
131
|
eventListeners = this.findEventListeners(eventType);
|
|
@@ -113,17 +140,20 @@ function callRenameHandlersAsync(pathMaps, done) {
|
|
|
113
140
|
}
|
|
114
141
|
|
|
115
142
|
const eventMixins = {
|
|
116
|
-
onMove,
|
|
117
|
-
offMove,
|
|
118
143
|
onOpen,
|
|
119
144
|
offOpen,
|
|
120
|
-
|
|
121
|
-
|
|
145
|
+
onMove,
|
|
146
|
+
offMove,
|
|
147
|
+
onRemove,
|
|
148
|
+
offRemove,
|
|
122
149
|
onRename,
|
|
123
150
|
offRename,
|
|
151
|
+
onSelect,
|
|
152
|
+
offSelect,
|
|
124
153
|
callOpenHandlers,
|
|
125
154
|
callSelectHandlers,
|
|
126
155
|
callMoveHandlersAsync,
|
|
156
|
+
callRemoveHandlersAsync,
|
|
127
157
|
callRenameHandlersAsync
|
|
128
158
|
};
|
|
129
159
|
|