easy-file-system 1.5.1 → 1.5.3
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 +88 -91
- package/lib/button/name.js +2 -2
- package/lib/div/item/entry/directoryName.js +1 -8
- package/lib/div/item/entry/fileName.js +1 -8
- package/lib/div/item/entry.js +6 -60
- package/lib/example/view.js +3 -3
- package/lib/explorer.js +7 -3
- package/lib/item/entry/drag/directoryName.js +1 -8
- package/lib/item/entry/drag.js +74 -6
- package/package.json +1 -1
- package/src/button/name.js +1 -0
- package/src/div/item/entry/directoryName.js +1 -7
- package/src/div/item/entry/fileName.js +1 -7
- package/src/div/item/entry.js +3 -21
- package/src/example/view.js +2 -2
- package/src/explorer.js +9 -2
- package/src/item/entry/drag/directoryName.js +0 -6
- package/src/item/entry/drag.js +38 -6
package/lib/item/entry/drag.js
CHANGED
|
@@ -75,6 +75,45 @@ function _interopRequireDefault(obj) {
|
|
|
75
75
|
default: obj
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
|
+
function _objectSpread(target) {
|
|
79
|
+
for(var i = 1; i < arguments.length; i++){
|
|
80
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
81
|
+
var ownKeys = Object.keys(source);
|
|
82
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
83
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
84
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
85
|
+
}));
|
|
86
|
+
}
|
|
87
|
+
ownKeys.forEach(function(key) {
|
|
88
|
+
_defineProperty(target, key, source[key]);
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
return target;
|
|
92
|
+
}
|
|
93
|
+
function ownKeys(object, enumerableOnly) {
|
|
94
|
+
var keys = Object.keys(object);
|
|
95
|
+
if (Object.getOwnPropertySymbols) {
|
|
96
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
97
|
+
if (enumerableOnly) {
|
|
98
|
+
symbols = symbols.filter(function(sym) {
|
|
99
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
keys.push.apply(keys, symbols);
|
|
103
|
+
}
|
|
104
|
+
return keys;
|
|
105
|
+
}
|
|
106
|
+
function _objectSpreadProps(target, source) {
|
|
107
|
+
source = source != null ? source : {};
|
|
108
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
109
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
110
|
+
} else {
|
|
111
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
112
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
return target;
|
|
116
|
+
}
|
|
78
117
|
function _possibleConstructorReturn(self, call) {
|
|
79
118
|
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
|
80
119
|
return call;
|
|
@@ -129,7 +168,7 @@ function _createSuper(Derived) {
|
|
|
129
168
|
function _templateObject() {
|
|
130
169
|
var data = _taggedTemplateLiteral([
|
|
131
170
|
"\n\n font-size: ",
|
|
132
|
-
";\n user-select: none;\n\n .dragging {\n z-index: 1;\n position: fixed;\n pointer-events: none;\n }\n \n"
|
|
171
|
+
";\n user-select: none;\n \n font-weight: normal;\n \n .selected {\n font-weight: bold;\n }\n\n .dragging {\n z-index: 1;\n position: fixed;\n pointer-events: none;\n }\n \n"
|
|
133
172
|
]);
|
|
134
173
|
_templateObject = function _templateObject() {
|
|
135
174
|
return data;
|
|
@@ -164,6 +203,20 @@ var DragEntryItem = /*#__PURE__*/ function(EntryItem) {
|
|
|
164
203
|
return _this;
|
|
165
204
|
}
|
|
166
205
|
_createClass(DragEntryItem, [
|
|
206
|
+
{
|
|
207
|
+
key: "retrieveMarkerEntryItem",
|
|
208
|
+
value: function retrieveMarkerEntryItem() {
|
|
209
|
+
var markerEntryItem = globalThis.markerEntryItem;
|
|
210
|
+
return markerEntryItem;
|
|
211
|
+
}
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
key: "isSelected",
|
|
215
|
+
value: function isSelected() {
|
|
216
|
+
var selected = this.hasClass("selected"); ///
|
|
217
|
+
return selected;
|
|
218
|
+
}
|
|
219
|
+
},
|
|
167
220
|
{
|
|
168
221
|
key: "getPathMap",
|
|
169
222
|
value: function getPathMap(sourceEntryPath, targetEntryPath) {
|
|
@@ -187,10 +240,15 @@ var DragEntryItem = /*#__PURE__*/ function(EntryItem) {
|
|
|
187
240
|
}
|
|
188
241
|
},
|
|
189
242
|
{
|
|
190
|
-
key: "
|
|
191
|
-
value: function
|
|
192
|
-
|
|
193
|
-
|
|
243
|
+
key: "deselect",
|
|
244
|
+
value: function deselect() {
|
|
245
|
+
this.removeClass("selected");
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
key: "select",
|
|
250
|
+
value: function select() {
|
|
251
|
+
this.addClass("selected");
|
|
194
252
|
}
|
|
195
253
|
},
|
|
196
254
|
{
|
|
@@ -209,6 +267,16 @@ var DragEntryItem = /*#__PURE__*/ function(EntryItem) {
|
|
|
209
267
|
this.disableDrag();
|
|
210
268
|
}
|
|
211
269
|
},
|
|
270
|
+
{
|
|
271
|
+
key: "parentContext",
|
|
272
|
+
value: function parentContext() {
|
|
273
|
+
var context = this.getContext(), select = this.select.bind(this), deselect = this.deselect.bind(this);
|
|
274
|
+
return _objectSpreadProps(_objectSpread({}, context), {
|
|
275
|
+
select: select,
|
|
276
|
+
deselect: deselect
|
|
277
|
+
});
|
|
278
|
+
}
|
|
279
|
+
},
|
|
212
280
|
{
|
|
213
281
|
key: "initialise",
|
|
214
282
|
value: function initialise() {
|
|
@@ -224,4 +292,4 @@ _defineProperty(DragEntryItem, "defaultProperties", {
|
|
|
224
292
|
Object.assign(_entry.default.prototype, _easyDragAndDrop.dragMixins);
|
|
225
293
|
var _default = (0, _easyWithStyle.default)(DragEntryItem)(_templateObject(), _styles.dragEntryItemFontSize);
|
|
226
294
|
|
|
227
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pdGVtL2VudHJ5L2RyYWcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IGRyYWdNaXhpbnMgfSBmcm9tIFwiZWFzeS1kcmFnLWFuZC1kcm9wXCI7XG5cbmltcG9ydCBFbnRyeUl0ZW0gZnJvbSBcIi4uLy4uL2l0ZW0vZW50cnlcIjtcblxuaW1wb3J0IHsgZHJhZ0VudHJ5SXRlbUZvbnRTaXplIH0gZnJvbSBcIi4uLy4uL3N0eWxlc1wiO1xuaW1wb3J0IHsgYWRqdXN0U291cmNlRW50cnlQYXRoLCBhZGp1c3RUYXJnZXRFbnRyeVBhdGggfSBmcm9tIFwiLi4vLi4vdXRpbGl0aWVzL3BhdGhNYXBcIjtcblxuY2xhc3MgRHJhZ0VudHJ5SXRlbSBleHRlbmRzIEVudHJ5SXRlbSB7XG4gIHN0YXJ0RHJhZ0hhbmRsZXIgPSAoZWxlbWVudCkgPT4ge1xuICAgIGNvbnN0IHBhdGggPSB0aGlzLmdldFBhdGgoKSxcbiAgICAgICAgICB0eXBlID0gdGhpcy5nZXRUeXBlKCksXG4gICAgICAgICAgZXhwbG9yZXIgPSB0aGlzLmdldEV4cGxvcmVyKCksXG4gICAgICAgICAgZHJhZ0VudHJ5SXRlbVR5cGUgPSB0eXBlLCAgLy8vXG4gICAgICAgICAgbWFya2VyRW50cnlJdGVtUGF0aCA9IHBhdGg7ICAvLy9cblxuICAgIGV4cGxvcmVyLmFkZE1hcmtlcihtYXJrZXJFbnRyeUl0ZW1QYXRoLCBkcmFnRW50cnlJdGVtVHlwZSk7XG4gIH1cblxuICBzdG9wRHJhZ0hhbmRsZXIgPSAoZHJvcEVsZW1lbnQsIGFib3J0ZWQsIGVsZW1lbnQsIGRvbmUpID0+
|
|
295
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pdGVtL2VudHJ5L2RyYWcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IGRyYWdNaXhpbnMgfSBmcm9tIFwiZWFzeS1kcmFnLWFuZC1kcm9wXCI7XG5cbmltcG9ydCBFbnRyeUl0ZW0gZnJvbSBcIi4uLy4uL2l0ZW0vZW50cnlcIjtcblxuaW1wb3J0IHsgZHJhZ0VudHJ5SXRlbUZvbnRTaXplIH0gZnJvbSBcIi4uLy4uL3N0eWxlc1wiO1xuaW1wb3J0IHsgYWRqdXN0U291cmNlRW50cnlQYXRoLCBhZGp1c3RUYXJnZXRFbnRyeVBhdGggfSBmcm9tIFwiLi4vLi4vdXRpbGl0aWVzL3BhdGhNYXBcIjtcblxuY2xhc3MgRHJhZ0VudHJ5SXRlbSBleHRlbmRzIEVudHJ5SXRlbSB7XG4gIHN0YXJ0RHJhZ0hhbmRsZXIgPSAoZWxlbWVudCkgPT4ge1xuICAgIGNvbnN0IHBhdGggPSB0aGlzLmdldFBhdGgoKSxcbiAgICAgICAgICB0eXBlID0gdGhpcy5nZXRUeXBlKCksXG4gICAgICAgICAgZXhwbG9yZXIgPSB0aGlzLmdldEV4cGxvcmVyKCksXG4gICAgICAgICAgZHJhZ0VudHJ5SXRlbVR5cGUgPSB0eXBlLCAgLy8vXG4gICAgICAgICAgbWFya2VyRW50cnlJdGVtUGF0aCA9IHBhdGg7ICAvLy9cblxuICAgIGV4cGxvcmVyLmFkZE1hcmtlcihtYXJrZXJFbnRyeUl0ZW1QYXRoLCBkcmFnRW50cnlJdGVtVHlwZSk7XG4gIH1cblxuICBzdG9wRHJhZ0hhbmRsZXIgPSAoZHJvcEVsZW1lbnQsIGFib3J0ZWQsIGVsZW1lbnQsIGRvbmUpID0+IHtcbiAgICBpZiAoZHJvcEVsZW1lbnQgIT09IG51bGwpIHtcbiAgICAgIGRvbmUoKTtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG1hcmtlckVudHJ5SXRlbSA9IHRoaXMucmV0cmlldmVNYXJrZXJFbnRyeUl0ZW0oKSxcbiAgICAgICAgICBtYXJrZXJFbnRyeUl0ZW1FeHBsb3JlciA9IG1hcmtlckVudHJ5SXRlbS5nZXRFeHBsb3JlcigpO1xuXG4gICAgaWYgKGFib3J0ZWQpIHtcbiAgICAgIG1hcmtlckVudHJ5SXRlbUV4cGxvcmVyLnJlbW92ZU1hcmtlcigpO1xuXG4gICAgICBkb25lKCk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBkcmFnRW50cnlJdGVtID0gZWxlbWVudDsgIC8vL1xuXG4gICAgbWFya2VyRW50cnlJdGVtRXhwbG9yZXIuZHJvcERyYWdFbnRyeUl0ZW0oZHJhZ0VudHJ5SXRlbSwgZG9uZSk7XG4gIH1cblxuICByZXRyaWV2ZU1hcmtlckVudHJ5SXRlbSgpIHtcbiAgICBjb25zdCB7IG1hcmtlckVudHJ5SXRlbSB9ID0gZ2xvYmFsVGhpcztcblxuICAgIHJldHVybiBtYXJrZXJFbnRyeUl0ZW07XG4gIH1cblxuICBpc1NlbGVjdGVkKCkge1xuICAgIGNvbnN0IHNlbGVjdGVkID0gdGhpcy5oYXNDbGFzcyhcInNlbGVjdGVkXCIpOyAvLy9cblxuICAgIHJldHVybiBzZWxlY3RlZDtcbiAgfVxuXG4gIGdldFBhdGhNYXAoc291cmNlRW50cnlQYXRoLCB0YXJnZXRFbnRyeVBhdGgpIHtcblx0XHRjb25zdCBuYW1lID0gdGhpcy5nZXROYW1lKCk7XG5cblx0XHRzb3VyY2VFbnRyeVBhdGggPSBhZGp1c3RTb3VyY2VFbnRyeVBhdGgoc291cmNlRW50cnlQYXRoLCBuYW1lKTtcdC8vL1xuXHRcdHRhcmdldEVudHJ5UGF0aCA9IGFkanVzdFRhcmdldEVudHJ5UGF0aCh0YXJnZXRFbnRyeVBhdGgsIG5hbWUpO1x0Ly8vXG5cblx0XHRjb25zdCBwYXRoTWFwID0ge1xuXHRcdFx0c291cmNlRW50cnlQYXRoLFxuXHRcdFx0dGFyZ2V0RW50cnlQYXRoXG5cdFx0fTtcblxuXHRcdHJldHVybiBwYXRoTWFwO1xuXHR9XG5cblx0Z2V0UGF0aE1hcHMoc291cmNlRW50cnlQYXRoLCB0YXJnZXRFbnRyeVBhdGgpIHtcblx0XHRsZXQgcGF0aE1hcHMgPSBbXTtcblxuXHRcdHRoaXMucmV0cmlldmVQYXRoTWFwcyhzb3VyY2VFbnRyeVBhdGgsIHRhcmdldEVudHJ5UGF0aCwgcGF0aE1hcHMpO1xuXG5cdFx0cGF0aE1hcHMucmV2ZXJzZSgpO1xuXG5cdFx0cmV0dXJuIHBhdGhNYXBzO1xuXHR9XG5cbiAgZGVzZWxlY3QoKSB7XG4gICAgdGhpcy5yZW1vdmVDbGFzcyhcInNlbGVjdGVkXCIpO1xuICB9XG5cbiAgc2VsZWN0KCkge1xuICAgIHRoaXMuYWRkQ2xhc3MoXCJzZWxlY3RlZFwiKTtcbiAgfVxuXG4gIGRpZE1vdW50KCkge1xuXHQgIHRoaXMub25TdGFydERyYWcodGhpcy5zdGFydERyYWdIYW5kbGVyKTtcblxuICAgIHRoaXMub25TdG9wRHJhZyh0aGlzLnN0b3BEcmFnSGFuZGxlcik7XG5cbiAgICB0aGlzLmVuYWJsZURyYWcoKTtcblx0fVxuXG5cdHdpbGxVbm1vdW50KCkge1xuICAgIHRoaXMub2ZmU3RhcnREcmFnKHRoaXMuc3RhcnREcmFnSGFuZGxlcik7XG5cbiAgICB0aGlzLm9mZlN0b3BEcmFnKHRoaXMuc3RvcERyYWdIYW5kbGVyKTtcblxuICAgIHRoaXMuZGlzYWJsZURyYWcoKTtcblx0fVxuXG4gIHBhcmVudENvbnRleHQoKSB7XG4gICAgY29uc3QgY29udGV4dCA9IHRoaXMuZ2V0Q29udGV4dCgpLFxuICAgICAgICAgIHNlbGVjdCA9IHRoaXMuc2VsZWN0LmJpbmQodGhpcyksXG4gICAgICAgICAgZGVzZWxlY3QgPSB0aGlzLmRlc2VsZWN0LmJpbmQodGhpcyk7XG5cbiAgICByZXR1cm4gKHtcbiAgICAgIC4uLmNvbnRleHQsXG4gICAgICBzZWxlY3QsXG4gICAgICBkZXNlbGVjdFxuICAgIH0pO1xuICB9XG5cbiAgaW5pdGlhbGlzZSgpIHtcblx0XHR0aGlzLmFzc2lnbkNvbnRleHQoKTtcblx0fVxuXG5cdHN0YXRpYyBkZWZhdWx0UHJvcGVydGllcyA9IHtcblx0XHRjbGFzc05hbWU6IFwiZHJhZ1wiXG5cdH07XG59XG5cbk9iamVjdC5hc3NpZ24oRW50cnlJdGVtLnByb3RvdHlwZSwgZHJhZ01peGlucyk7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShEcmFnRW50cnlJdGVtKWBcblxuXHRmb250LXNpemU6ICR7ZHJhZ0VudHJ5SXRlbUZvbnRTaXplfTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuICBcbiAgLnNlbGVjdGVkIHtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgfVxuXG4gIC5kcmFnZ2luZyB7XG4gICAgei1pbmRleDogMTtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbiAgXG5gO1xuIl0sIm5hbWVzIjpbIkRyYWdFbnRyeUl0ZW0iLCJzdGFydERyYWdIYW5kbGVyIiwiZWxlbWVudCIsInBhdGgiLCJnZXRQYXRoIiwidHlwZSIsImdldFR5cGUiLCJleHBsb3JlciIsImdldEV4cGxvcmVyIiwiZHJhZ0VudHJ5SXRlbVR5cGUiLCJtYXJrZXJFbnRyeUl0ZW1QYXRoIiwiYWRkTWFya2VyIiwic3RvcERyYWdIYW5kbGVyIiwiZHJvcEVsZW1lbnQiLCJhYm9ydGVkIiwiZG9uZSIsIm1hcmtlckVudHJ5SXRlbSIsInJldHJpZXZlTWFya2VyRW50cnlJdGVtIiwibWFya2VyRW50cnlJdGVtRXhwbG9yZXIiLCJyZW1vdmVNYXJrZXIiLCJkcmFnRW50cnlJdGVtIiwiZHJvcERyYWdFbnRyeUl0ZW0iLCJnbG9iYWxUaGlzIiwiaXNTZWxlY3RlZCIsInNlbGVjdGVkIiwiaGFzQ2xhc3MiLCJnZXRQYXRoTWFwIiwic291cmNlRW50cnlQYXRoIiwidGFyZ2V0RW50cnlQYXRoIiwibmFtZSIsImdldE5hbWUiLCJhZGp1c3RTb3VyY2VFbnRyeVBhdGgiLCJhZGp1c3RUYXJnZXRFbnRyeVBhdGgiLCJwYXRoTWFwIiwiZ2V0UGF0aE1hcHMiLCJwYXRoTWFwcyIsInJldHJpZXZlUGF0aE1hcHMiLCJyZXZlcnNlIiwiZGVzZWxlY3QiLCJyZW1vdmVDbGFzcyIsInNlbGVjdCIsImFkZENsYXNzIiwiZGlkTW91bnQiLCJvblN0YXJ0RHJhZyIsIm9uU3RvcERyYWciLCJlbmFibGVEcmFnIiwid2lsbFVubW91bnQiLCJvZmZTdGFydERyYWciLCJvZmZTdG9wRHJhZyIsImRpc2FibGVEcmFnIiwicGFyZW50Q29udGV4dCIsImNvbnRleHQiLCJnZXRDb250ZXh0IiwiYmluZCIsImluaXRpYWxpc2UiLCJhc3NpZ25Db250ZXh0IiwiRW50cnlJdGVtIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJPYmplY3QiLCJhc3NpZ24iLCJwcm90b3R5cGUiLCJkcmFnTWl4aW5zIiwid2l0aFN0eWxlIiwiZHJhZ0VudHJ5SXRlbUZvbnRTaXplIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFnSUE7OztlQUFBOzs7a0VBOUhzQjsrQkFFSzswREFFTDtzQkFFZ0I7dUJBQ3VCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRTdELElBQUEsQUFBTUEsOEJBbUhILEFBbkhIO2NBQU1BOzhCQUFBQTthQUFBQTs4QkFBQUE7OztRQUNKQywrQ0FBQUEsb0JBQW1CLFNBQUNDLFNBQVk7WUFDOUIsSUFBTUMsT0FBTyxNQUFLQyxPQUFPLElBQ25CQyxPQUFPLE1BQUtDLE9BQU8sSUFDbkJDLFdBQVcsTUFBS0MsV0FBVyxJQUMzQkMsb0JBQW9CSixNQUNwQkssc0JBQXNCUCxNQUFPLEdBQUc7WUFFdENJLFNBQVNJLFNBQVMsQ0FBQ0QscUJBQXFCRDtRQUMxQztRQUVBRywr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
|
package/package.json
CHANGED
package/src/button/name.js
CHANGED
|
@@ -26,19 +26,13 @@ export default class DirectoryNameEntryItemDiv extends EntryItemDiv {
|
|
|
26
26
|
svgButtonClickHandler = (event, element) => {
|
|
27
27
|
const explorer = this.getExplorer(),
|
|
28
28
|
parentElement = this.getParentElement(),
|
|
29
|
-
dragEntryItem = parentElement;
|
|
29
|
+
dragEntryItem = parentElement; ///
|
|
30
30
|
|
|
31
31
|
explorer.selectDragEntryItem(dragEntryItem);
|
|
32
32
|
|
|
33
33
|
event.stopPropagation();
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
getExplorer() {
|
|
37
|
-
const { explorer } = this.properties;
|
|
38
|
-
|
|
39
|
-
return explorer;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
36
|
childElements() {
|
|
43
37
|
const { name, NameButton, ToggleButton, DirectoryNameSVG } = this.properties;
|
|
44
38
|
|
|
@@ -18,19 +18,13 @@ export default class FileNameEntryItemDiv extends EntryItemDiv {
|
|
|
18
18
|
svgButtonClickHandler = (event, element) => {
|
|
19
19
|
const explorer = this.getExplorer(),
|
|
20
20
|
parentElement = this.getParentElement(),
|
|
21
|
-
dragEntryItem = parentElement;
|
|
21
|
+
dragEntryItem = parentElement; ///
|
|
22
22
|
|
|
23
23
|
explorer.selectDragEntryItem(dragEntryItem);
|
|
24
24
|
|
|
25
25
|
event.stopPropagation();
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
getExplorer() {
|
|
29
|
-
const { explorer } = this.properties;
|
|
30
|
-
|
|
31
|
-
return explorer;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
28
|
childElements() {
|
|
35
29
|
const { name, NameButton, FileNameSVG } = this.properties;
|
|
36
30
|
|
package/src/div/item/entry.js
CHANGED
|
@@ -7,24 +7,10 @@ import { Element } from "easy";
|
|
|
7
7
|
import { entryItemDivMinHeight, entryItemDivPaddingTop } from "../../styles";
|
|
8
8
|
|
|
9
9
|
class EntryItemDiv extends Element {
|
|
10
|
-
|
|
11
|
-
this.
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
select() {
|
|
15
|
-
this.addClass("selected");
|
|
16
|
-
}
|
|
10
|
+
getExplorer() {
|
|
11
|
+
const { explorer } = this.properties;
|
|
17
12
|
|
|
18
|
-
|
|
19
|
-
const context = this.getContext(),
|
|
20
|
-
select = this.select.bind(this),
|
|
21
|
-
deselect = this.deselect.bind(this);
|
|
22
|
-
|
|
23
|
-
return ({
|
|
24
|
-
...context,
|
|
25
|
-
select,
|
|
26
|
-
deselect
|
|
27
|
-
});
|
|
13
|
+
return explorer;
|
|
28
14
|
}
|
|
29
15
|
|
|
30
16
|
static tagName = "div";
|
|
@@ -44,8 +30,4 @@ export default withStyle(EntryItemDiv)`
|
|
|
44
30
|
min-height: ${entryItemDivMinHeight};
|
|
45
31
|
padding-top: ${entryItemDivPaddingTop};
|
|
46
32
|
|
|
47
|
-
.selected {
|
|
48
|
-
background-color: #c0c0c0;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
33
|
`;
|
package/src/example/view.js
CHANGED
|
@@ -26,11 +26,11 @@ export default class View extends Element {
|
|
|
26
26
|
|
|
27
27
|
explorer2.removeFilePath("directory2/directory3/file4.txt", true);
|
|
28
28
|
|
|
29
|
-
explorer1.onSelect((path) => {
|
|
29
|
+
explorer1.onSelect((path, selected) => {
|
|
30
30
|
explorer2.deselectAllPaths();
|
|
31
31
|
});
|
|
32
32
|
|
|
33
|
-
explorer2.onSelect((path) => {
|
|
33
|
+
explorer2.onSelect((path, selected) => {
|
|
34
34
|
explorer1.deselectAllPaths();
|
|
35
35
|
});
|
|
36
36
|
|
package/src/explorer.js
CHANGED
|
@@ -241,9 +241,16 @@ class Explorer extends Element {
|
|
|
241
241
|
}
|
|
242
242
|
|
|
243
243
|
selectDragEntryItem(dragEntryItem) {
|
|
244
|
-
const path = dragEntryItem.getPath()
|
|
244
|
+
const path = dragEntryItem.getPath(),
|
|
245
|
+
selected = dragEntryItem.isSelected();
|
|
245
246
|
|
|
246
|
-
this.callSelectHandlers(path);
|
|
247
|
+
this.callSelectHandlers(path, selected);
|
|
248
|
+
|
|
249
|
+
if (selected) {
|
|
250
|
+
dragEntryItem.deselect();
|
|
251
|
+
|
|
252
|
+
return;
|
|
253
|
+
}
|
|
247
254
|
|
|
248
255
|
this.deselectAllPaths();
|
|
249
256
|
|
|
@@ -118,12 +118,6 @@ export default class DirectoryNameDragEntryItem extends DragEntryItem {
|
|
|
118
118
|
return pathMap;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
getExplorer() {
|
|
122
|
-
const { explorer } = this.properties;
|
|
123
|
-
|
|
124
|
-
return explorer;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
121
|
isCollapsed() {
|
|
128
122
|
const entriesListCollapsed = this.isEntriesListCollapsed(),
|
|
129
123
|
collapsed = entriesListCollapsed; ///
|
package/src/item/entry/drag.js
CHANGED
|
@@ -43,6 +43,18 @@ class DragEntryItem extends EntryItem {
|
|
|
43
43
|
markerEntryItemExplorer.dropDragEntryItem(dragEntryItem, done);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
+
retrieveMarkerEntryItem() {
|
|
47
|
+
const { markerEntryItem } = globalThis;
|
|
48
|
+
|
|
49
|
+
return markerEntryItem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
isSelected() {
|
|
53
|
+
const selected = this.hasClass("selected"); ///
|
|
54
|
+
|
|
55
|
+
return selected;
|
|
56
|
+
}
|
|
57
|
+
|
|
46
58
|
getPathMap(sourceEntryPath, targetEntryPath) {
|
|
47
59
|
const name = this.getName();
|
|
48
60
|
|
|
@@ -67,13 +79,15 @@ class DragEntryItem extends EntryItem {
|
|
|
67
79
|
return pathMaps;
|
|
68
80
|
}
|
|
69
81
|
|
|
70
|
-
|
|
71
|
-
|
|
82
|
+
deselect() {
|
|
83
|
+
this.removeClass("selected");
|
|
84
|
+
}
|
|
72
85
|
|
|
73
|
-
|
|
74
|
-
|
|
86
|
+
select() {
|
|
87
|
+
this.addClass("selected");
|
|
88
|
+
}
|
|
75
89
|
|
|
76
|
-
|
|
90
|
+
didMount() {
|
|
77
91
|
this.onStartDrag(this.startDragHandler);
|
|
78
92
|
|
|
79
93
|
this.onStopDrag(this.stopDragHandler);
|
|
@@ -89,7 +103,19 @@ class DragEntryItem extends EntryItem {
|
|
|
89
103
|
this.disableDrag();
|
|
90
104
|
}
|
|
91
105
|
|
|
92
|
-
|
|
106
|
+
parentContext() {
|
|
107
|
+
const context = this.getContext(),
|
|
108
|
+
select = this.select.bind(this),
|
|
109
|
+
deselect = this.deselect.bind(this);
|
|
110
|
+
|
|
111
|
+
return ({
|
|
112
|
+
...context,
|
|
113
|
+
select,
|
|
114
|
+
deselect
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
initialise() {
|
|
93
119
|
this.assignContext();
|
|
94
120
|
}
|
|
95
121
|
|
|
@@ -104,6 +130,12 @@ export default withStyle(DragEntryItem)`
|
|
|
104
130
|
|
|
105
131
|
font-size: ${dragEntryItemFontSize};
|
|
106
132
|
user-select: none;
|
|
133
|
+
|
|
134
|
+
font-weight: normal;
|
|
135
|
+
|
|
136
|
+
.selected {
|
|
137
|
+
font-weight: bold;
|
|
138
|
+
}
|
|
107
139
|
|
|
108
140
|
.dragging {
|
|
109
141
|
z-index: 1;
|