easy-layout 6.0.179 → 6.0.182
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 +543 -926
- package/lib/div/column.js +11 -24
- package/lib/div/columns.js +11 -24
- package/lib/div/row.js +11 -24
- package/lib/div/rows.js +11 -24
- package/lib/div/sizeable.js +11 -24
- package/lib/div/splitter/horizontal.js +17 -39
- package/lib/div/splitter/vertical.js +17 -39
- package/lib/div/splitter.js +33 -40
- package/lib/example/div/column/middle.js +11 -24
- package/lib/example/div/row/blue.js +11 -24
- package/lib/example/div/row/yellow.js +11 -24
- package/lib/example/div/sizeable/bottom.js +11 -24
- package/lib/example/div/sizeable/left.js +11 -24
- package/lib/example/div/sizeable/right.js +11 -24
- package/lib/example/div/splitter/horizontal/main.js +11 -24
- package/lib/example/div/splitter/vertical/left.js +11 -24
- package/lib/example/div/splitter/vertical/right.js +11 -24
- package/lib/example/view.js +4 -2
- package/package.json +4 -4
- package/src/div/splitter/horizontal.js +10 -18
- package/src/div/splitter/vertical.js +10 -18
- package/src/div/splitter.js +31 -20
- package/src/example/view.js +1 -1
|
@@ -16,6 +16,10 @@ function _assert_this_initialized(self) {
|
|
|
16
16
|
}
|
|
17
17
|
return self;
|
|
18
18
|
}
|
|
19
|
+
function _call_super(_this, derived, args) {
|
|
20
|
+
derived = _get_prototype_of(derived);
|
|
21
|
+
return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
|
|
22
|
+
}
|
|
19
23
|
function _class_call_check(instance, Constructor) {
|
|
20
24
|
if (!(instance instanceof Constructor)) {
|
|
21
25
|
throw new TypeError("Cannot call a class as a function");
|
|
@@ -86,28 +90,12 @@ function _type_of(obj) {
|
|
|
86
90
|
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
87
91
|
}
|
|
88
92
|
function _is_native_reflect_construct() {
|
|
89
|
-
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
90
|
-
if (Reflect.construct.sham) return false;
|
|
91
|
-
if (typeof Proxy === "function") return true;
|
|
92
93
|
try {
|
|
93
|
-
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
return
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
function _create_super(Derived) {
|
|
100
|
-
var hasNativeReflectConstruct = _is_native_reflect_construct();
|
|
101
|
-
return function _createSuperInternal() {
|
|
102
|
-
var Super = _get_prototype_of(Derived), result;
|
|
103
|
-
if (hasNativeReflectConstruct) {
|
|
104
|
-
var NewTarget = _get_prototype_of(this).constructor;
|
|
105
|
-
result = Reflect.construct(Super, arguments, NewTarget);
|
|
106
|
-
} else {
|
|
107
|
-
result = Super.apply(this, arguments);
|
|
108
|
-
}
|
|
109
|
-
return _possible_constructor_return(this, result);
|
|
110
|
-
};
|
|
94
|
+
var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
|
|
95
|
+
} catch (_) {}
|
|
96
|
+
return (_is_native_reflect_construct = function() {
|
|
97
|
+
return !!result;
|
|
98
|
+
})();
|
|
111
99
|
}
|
|
112
100
|
function _templateObject() {
|
|
113
101
|
var data = _tagged_template_literal([
|
|
@@ -120,10 +108,9 @@ function _templateObject() {
|
|
|
120
108
|
}
|
|
121
109
|
var LeftVerticalSplitterDiv = /*#__PURE__*/ function(VerticalSplitterDiv) {
|
|
122
110
|
_inherits(LeftVerticalSplitterDiv, VerticalSplitterDiv);
|
|
123
|
-
var _super = _create_super(LeftVerticalSplitterDiv);
|
|
124
111
|
function LeftVerticalSplitterDiv() {
|
|
125
112
|
_class_call_check(this, LeftVerticalSplitterDiv);
|
|
126
|
-
return
|
|
113
|
+
return _call_super(this, LeftVerticalSplitterDiv, arguments);
|
|
127
114
|
}
|
|
128
115
|
return LeftVerticalSplitterDiv;
|
|
129
116
|
}(_index.VerticalSplitterDiv);
|
|
@@ -132,4 +119,4 @@ _define_property(LeftVerticalSplitterDiv, "defaultProperties", {
|
|
|
132
119
|
});
|
|
133
120
|
var _default = (0, _easywithstyle.default)(LeftVerticalSplitterDiv)(_templateObject());
|
|
134
121
|
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2luZGV4XCI7IC8vL1xuXG5jbGFzcyBMZWZ0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcImxlZnRcIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoTGVmdFZlcnRpY2FsU3BsaXR0ZXJEaXYpYFxuXG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuXG5gO1xuIl0sIm5hbWVzIjpbIkxlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFZQTs7O2VBQUE7OztvRUFWc0I7cUJBRWM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFcEMsSUFBQSxBQUFNQSx3Q0FBTjtjQUFNQTthQUFBQTtnQ0FBQUE7aUNBQUFBOztXQUFBQTtFQUFnQ0MsMEJBQW1CO0FBQ3ZELGlCQURJRCx5QkFDR0UscUJBQW9CO0lBQ3pCQyxXQUFXO0FBQ2I7SUFHRixXQUFlQyxJQUFBQSxzQkFBUyxFQUFDSiJ9
|
|
@@ -16,6 +16,10 @@ function _assert_this_initialized(self) {
|
|
|
16
16
|
}
|
|
17
17
|
return self;
|
|
18
18
|
}
|
|
19
|
+
function _call_super(_this, derived, args) {
|
|
20
|
+
derived = _get_prototype_of(derived);
|
|
21
|
+
return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
|
|
22
|
+
}
|
|
19
23
|
function _class_call_check(instance, Constructor) {
|
|
20
24
|
if (!(instance instanceof Constructor)) {
|
|
21
25
|
throw new TypeError("Cannot call a class as a function");
|
|
@@ -86,28 +90,12 @@ function _type_of(obj) {
|
|
|
86
90
|
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
87
91
|
}
|
|
88
92
|
function _is_native_reflect_construct() {
|
|
89
|
-
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
90
|
-
if (Reflect.construct.sham) return false;
|
|
91
|
-
if (typeof Proxy === "function") return true;
|
|
92
93
|
try {
|
|
93
|
-
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
return
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
function _create_super(Derived) {
|
|
100
|
-
var hasNativeReflectConstruct = _is_native_reflect_construct();
|
|
101
|
-
return function _createSuperInternal() {
|
|
102
|
-
var Super = _get_prototype_of(Derived), result;
|
|
103
|
-
if (hasNativeReflectConstruct) {
|
|
104
|
-
var NewTarget = _get_prototype_of(this).constructor;
|
|
105
|
-
result = Reflect.construct(Super, arguments, NewTarget);
|
|
106
|
-
} else {
|
|
107
|
-
result = Super.apply(this, arguments);
|
|
108
|
-
}
|
|
109
|
-
return _possible_constructor_return(this, result);
|
|
110
|
-
};
|
|
94
|
+
var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
|
|
95
|
+
} catch (_) {}
|
|
96
|
+
return (_is_native_reflect_construct = function() {
|
|
97
|
+
return !!result;
|
|
98
|
+
})();
|
|
111
99
|
}
|
|
112
100
|
function _templateObject() {
|
|
113
101
|
var data = _tagged_template_literal([
|
|
@@ -120,10 +108,9 @@ function _templateObject() {
|
|
|
120
108
|
}
|
|
121
109
|
var RightVerticalSplitterDiv = /*#__PURE__*/ function(VerticalSplitterDiv) {
|
|
122
110
|
_inherits(RightVerticalSplitterDiv, VerticalSplitterDiv);
|
|
123
|
-
var _super = _create_super(RightVerticalSplitterDiv);
|
|
124
111
|
function RightVerticalSplitterDiv() {
|
|
125
112
|
_class_call_check(this, RightVerticalSplitterDiv);
|
|
126
|
-
return
|
|
113
|
+
return _call_super(this, RightVerticalSplitterDiv, arguments);
|
|
127
114
|
}
|
|
128
115
|
return RightVerticalSplitterDiv;
|
|
129
116
|
}(_index.VerticalSplitterDiv);
|
|
@@ -132,4 +119,4 @@ _define_property(RightVerticalSplitterDiv, "defaultProperties", {
|
|
|
132
119
|
});
|
|
133
120
|
var _default = (0, _easywithstyle.default)(RightVerticalSplitterDiv)(_templateObject());
|
|
134
121
|
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiOyAgLy8vXG5cbmNsYXNzIFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInJpZ2h0XCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdilgXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5cbmA7XG4iXSwibmFtZXMiOlsiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFZQTs7O2VBQUE7OztvRUFWc0I7cUJBRWM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFcEMsSUFBQSxBQUFNQSx5Q0FBTjtjQUFNQTthQUFBQTtnQ0FBQUE7aUNBQUFBOztXQUFBQTtFQUFpQ0MsMEJBQW1CO0FBQ3hELGlCQURJRCwwQkFDR0UscUJBQW9CO0lBQ3pCQyxXQUFXO0FBQ2I7SUFHRixXQUFlQyxJQUFBQSxzQkFBUyxFQUFDSiJ9
|
package/lib/example/view.js
CHANGED
|
@@ -51,7 +51,9 @@ var View = function(properties) {
|
|
|
51
51
|
var bottomSizeableDivHeight;
|
|
52
52
|
return /*#__PURE__*/ React.createElement("div", {
|
|
53
53
|
className: "".concat(className, " view")
|
|
54
|
-
}, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_left.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_yellow.default, null), /*#__PURE__*/ React.createElement(_pseudo.default, null), bottomLeftDiv)), /*#__PURE__*/ React.createElement(_left1.default, null), /*#__PURE__*/ React.createElement(_index.ColumnDiv, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_index.RowDiv, null, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_middle.default, null, /*#__PURE__*/ React.createElement(_text.default, null)), /*#__PURE__*/ React.createElement(_right1.default,
|
|
54
|
+
}, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_left.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_yellow.default, null), /*#__PURE__*/ React.createElement(_pseudo.default, null), bottomLeftDiv)), /*#__PURE__*/ React.createElement(_left1.default, null), /*#__PURE__*/ React.createElement(_index.ColumnDiv, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_index.RowDiv, null, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_middle.default, null, /*#__PURE__*/ React.createElement(_text.default, null)), /*#__PURE__*/ React.createElement(_right1.default, {
|
|
55
|
+
disabled: true
|
|
56
|
+
}), /*#__PURE__*/ React.createElement(_right.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_blue.default, null))))), /*#__PURE__*/ React.createElement(_main.default, {
|
|
55
57
|
onCustomStartDrag: function(event, element) {
|
|
56
58
|
bottomSizeableDivHeight = bottomSizeableDiv.getHeight();
|
|
57
59
|
},
|
|
@@ -63,4 +65,4 @@ var View = function(properties) {
|
|
|
63
65
|
};
|
|
64
66
|
var _default = (0, _easywithstyle.default)(View)(_templateObject());
|
|
65
67
|
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBUZXh0U2VjdGlvbiBmcm9tIFwiLi9zZWN0aW9uL3RleHRcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTWlkZGxlQ29sdW1uRGl2IGZyb20gXCIuL2Rpdi9jb2x1bW4vbWlkZGxlXCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBUZXh0U2VjdGlvbiBmcm9tIFwiLi9zZWN0aW9uL3RleHRcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTWlkZGxlQ29sdW1uRGl2IGZyb20gXCIuL2Rpdi9jb2x1bW4vbWlkZGxlXCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8Um93RGl2PlxuICAgICAgICAgICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgICAgICAgICA8TWlkZGxlQ29sdW1uRGl2PlxuICAgICAgICAgICAgICAgICAgPFRleHRTZWN0aW9uLz5cbiAgICAgICAgICAgICAgICA8L01pZGRsZUNvbHVtbkRpdj5cbiAgICAgICAgICAgICAgICA8UmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGRpc2FibGVkIC8+XG4gICAgICAgICAgICAgICAgPFJpZ2h0U2l6ZWFibGVEaXY+XG4gICAgICAgICAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPEJsdWVSb3dEaXYvPlxuICAgICAgICAgICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICAgICAgICAgIDwvUmlnaHRTaXplYWJsZURpdj5cbiAgICAgICAgICAgICAgPC9Db2x1bW5zRGl2PlxuICAgICAgICAgICAgPC9Sb3dEaXY+XG4gICAgICAgICAgICA8TWFpbkhvcml6b250YWxTcGxpdHRlckRpdiBvbkN1c3RvbVN0YXJ0RHJhZz17KGV2ZW50LCBlbGVtZW50KSA9PiB7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYm90dG9tU2l6ZWFibGVEaXZIZWlnaHQgPSBib3R0b21TaXplYWJsZURpdi5nZXRIZWlnaHQoKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ3VzdG9tRHJhZz17KGV2ZW50LCBlbGVtZW50LCByZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0IC0gcmVsYXRpdmVNb3VzZVRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b21MZWZ0RGl2LnNldEhlaWdodChoZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtib3R0b21TaXplYWJsZURpdn1cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuICAgIDwvZGl2PlxuXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgd2lkdGg6IDY0cmVtO1xuICBoZWlnaHQ6IDY0cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBcbmA7XG4iXSwibmFtZXMiOlsiVmlldyIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJib3R0b21MZWZ0RGl2IiwiQm90dG9tTGVmdERpdiIsImJvdHRvbVNpemVhYmxlRGl2IiwiQm90dG9tU2l6ZWFibGVEaXYiLCJib3R0b21TaXplYWJsZURpdkhlaWdodCIsImRpdiIsIkNvbHVtbnNEaXYiLCJMZWZ0U2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiWWVsbG93Um93RGl2IiwiUHNldWRvU3BsaXR0ZXJEaXYiLCJMZWZ0VmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIlJvd0RpdiIsIk1pZGRsZUNvbHVtbkRpdiIsIlRleHRTZWN0aW9uIiwiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiZGlzYWJsZWQiLCJSaWdodFNpemVhYmxlRGl2IiwiQmx1ZVJvd0RpdiIsIk1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYiLCJvbkN1c3RvbVN0YXJ0RHJhZyIsImV2ZW50IiwiZWxlbWVudCIsImdldEhlaWdodCIsIm9uQ3VzdG9tRHJhZyIsInJlbGF0aXZlTW91c2VUb3AiLCJyZWxhdGl2ZU1vdXNlTGVmdCIsImhlaWdodCIsInNldEhlaWdodCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBbUZBOzs7ZUFBQTs7O29FQWpGc0I7cUJBRWlDOzJEQUVoQzsyREFDQzs2REFDQztpRUFDQzs2REFDRTsyREFDQTs0REFDQzs2REFDQzs2REFDQTs0REFDTTs2REFDQzsyREFDQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUV0QyxJQUFNQSxPQUFPLFNBQUNDO0lBQ1osSUFBTSxBQUFFQyxZQUFjRCxXQUFkQyxXQUNGQyw4QkFFRSxvQkFBQ0MsbUJBQWEsU0FHaEJDLGtDQUVFLG9CQUFDQyxlQUFpQjtJQUkxQixJQUFJQztJQUVKLHFCQUVFLG9CQUFDQztRQUFJTixXQUFXLEFBQUMsR0FBWSxPQUFWQSxXQUFVO3FCQUMzQixvQkFBQ08saUJBQVUsc0JBQ1Qsb0JBQUNDLGFBQWUsc0JBQ2Qsb0JBQUNDLGNBQU8sc0JBQ04sb0JBQUNDLGVBQVksdUJBQ2Isb0JBQUNDLGVBQWlCLFNBQ2pCViwrQkFHTCxvQkFBQ1csY0FBdUIsdUJBQ3hCLG9CQUFDQyxnQkFBUyxzQkFDUixvQkFBQ0osY0FBTyxzQkFDTixvQkFBQ0ssYUFBTSxzQkFDTCxvQkFBQ1AsaUJBQVUsc0JBQ1Qsb0JBQUNRLGVBQWUsc0JBQ2Qsb0JBQUNDLGFBQVcsd0JBRWQsb0JBQUNDLGVBQXdCO1FBQUNDLFVBQUFBO3NCQUMxQixvQkFBQ0MsY0FBZ0Isc0JBQ2Ysb0JBQUNWLGNBQU8sc0JBQ04sb0JBQUNXLGFBQVUsMkJBS25CLG9CQUFDQyxhQUF5QjtRQUFDQyxtQkFBbUIsU0FBQ0MsT0FBT0M7WUFFekJuQiwwQkFBMEJGLGtCQUFrQnNCLFNBQVM7UUFFdkQ7UUFDQUMsY0FBYyxTQUFDSCxPQUFPQyxTQUFTRyxrQkFBa0JDO1lBRS9DLElBQU1DLFNBQVN4QiwwQkFBMEJzQjtZQUV6QzFCLGNBQWM2QixTQUFTLENBQUNEO1FBRTFCO1FBRTFCMUI7QUFPYjtJQUVBLFdBQWU0QixJQUFBQSxzQkFBUyxFQUFDakMifQ==
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "easy-layout",
|
|
3
3
|
"author": "James Smith",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.182",
|
|
5
5
|
"license": "MIT, Anti-996",
|
|
6
6
|
"homepage": "https://github.com/djalbat/easy-layout",
|
|
7
7
|
"description": "Layout elements that work with CSS flexbox.",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"url": "https://github.com/djalbat/easy-layout"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"easy": "^19.0.
|
|
14
|
-
"easy-drag-and-drop": "^1.3.
|
|
15
|
-
"easy-with-style": "^3.0.
|
|
13
|
+
"easy": "^19.0.7",
|
|
14
|
+
"easy-drag-and-drop": "^1.3.185",
|
|
15
|
+
"easy-with-style": "^3.0.397"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
18
|
"@swc/core": "^1.5.6",
|
|
@@ -8,31 +8,23 @@ import { rowResizeCursor } from "../../cursor";
|
|
|
8
8
|
|
|
9
9
|
class HorizontalSplitter extends Splitter {
|
|
10
10
|
startDragCustomHandler = (event, element) => {
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const sizeableDiv = this.getSizeableDiv(),
|
|
15
|
-
sizeableDivHeight = sizeableDiv.getHeight(),
|
|
16
|
-
previousSizeableDivHeight = sizeableDivHeight; ///
|
|
11
|
+
const sizeableDiv = this.getSizeableDiv(),
|
|
12
|
+
sizeableDivHeight = sizeableDiv.getHeight(),
|
|
13
|
+
previousSizeableDivHeight = sizeableDivHeight; ///
|
|
17
14
|
|
|
18
|
-
|
|
19
|
-
}
|
|
15
|
+
this.setPreviousSizeableDivHeight(previousSizeableDivHeight);
|
|
20
16
|
|
|
21
17
|
this.setCursor();
|
|
22
18
|
}
|
|
23
19
|
|
|
24
20
|
dragCustomHandler = (event, element, relativeMouseTop, relativeMouseLeft) => {
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
previousSizeableDivHeight = this.getPreviousSizeableDivHeight(),
|
|
31
|
-
sizeableDivHeight = previousSizeableDivHeight - direction * relativeMouseTop,
|
|
32
|
-
height = sizeableDivHeight; ///
|
|
21
|
+
const direction = this.getDirection(),
|
|
22
|
+
sizeableDiv = this.getSizeableDiv(),
|
|
23
|
+
previousSizeableDivHeight = this.getPreviousSizeableDivHeight(),
|
|
24
|
+
sizeableDivHeight = previousSizeableDivHeight - direction * relativeMouseTop,
|
|
25
|
+
height = sizeableDivHeight; ///
|
|
33
26
|
|
|
34
|
-
|
|
35
|
-
}
|
|
27
|
+
sizeableDiv.setHeight(height);
|
|
36
28
|
}
|
|
37
29
|
|
|
38
30
|
mouseOverHandler = (event, element) => {
|
|
@@ -8,31 +8,23 @@ import { columnResizeCursor } from "../../cursor";
|
|
|
8
8
|
|
|
9
9
|
class VerticalSplitter extends Splitter {
|
|
10
10
|
startDragCustomHandler = (event, element) => {
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const sizeableDiv = this.getSizeableDiv(),
|
|
15
|
-
sizeableDivWidth = sizeableDiv.getWidth(),
|
|
16
|
-
previousSizeableDivWidth = sizeableDivWidth; ///
|
|
11
|
+
const sizeableDiv = this.getSizeableDiv(),
|
|
12
|
+
sizeableDivWidth = sizeableDiv.getWidth(),
|
|
13
|
+
previousSizeableDivWidth = sizeableDivWidth; ///
|
|
17
14
|
|
|
18
|
-
|
|
19
|
-
}
|
|
15
|
+
this.setPreviousSizeableDivWidth(previousSizeableDivWidth);
|
|
20
16
|
|
|
21
17
|
this.setCursor();
|
|
22
18
|
}
|
|
23
19
|
|
|
24
20
|
dragCustomHandler = (event, element, relativeMouseTop, relativeMouseLeft) => {
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
previousSizeableDivWidth = this.getPreviousSizeableDivWidth(),
|
|
31
|
-
sizeableDivWidth = previousSizeableDivWidth - direction * relativeMouseLeft,
|
|
32
|
-
width = sizeableDivWidth; ///
|
|
21
|
+
const direction = this.getDirection(),
|
|
22
|
+
sizeableDiv = this.getSizeableDiv(),
|
|
23
|
+
previousSizeableDivWidth = this.getPreviousSizeableDivWidth(),
|
|
24
|
+
sizeableDivWidth = previousSizeableDivWidth - direction * relativeMouseLeft,
|
|
25
|
+
width = sizeableDivWidth; ///
|
|
33
26
|
|
|
34
|
-
|
|
35
|
-
}
|
|
27
|
+
sizeableDiv.setWidth(width);
|
|
36
28
|
}
|
|
37
29
|
|
|
38
30
|
mouseOverHandler = (event, element) => {
|
package/src/div/splitter.js
CHANGED
|
@@ -65,15 +65,36 @@ class SplitterDiv extends Element {
|
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
enable() {
|
|
68
|
-
this.
|
|
68
|
+
const dragEnabled = this.isDragEnabled();
|
|
69
|
+
|
|
70
|
+
if (!dragEnabled) {
|
|
71
|
+
this.enableDrag();
|
|
72
|
+
|
|
73
|
+
this.onCustomDrag(this.dragCustomHandler);
|
|
74
|
+
|
|
75
|
+
this.onCustomStopDrag(this.stopDragCustomHandler);
|
|
76
|
+
|
|
77
|
+
this.onCustomStartDrag(this.startDragCustomHandler);
|
|
78
|
+
}
|
|
69
79
|
}
|
|
70
80
|
|
|
71
81
|
disable() {
|
|
72
|
-
this.
|
|
82
|
+
const dragEnabled = this.isDragEnabled();
|
|
83
|
+
|
|
84
|
+
if (dragEnabled) {
|
|
85
|
+
this.offCustomStartDrag(this.startDragCustomHandler);
|
|
86
|
+
|
|
87
|
+
this.offCustomStopDrag(this.stopDragCustomHandler);
|
|
88
|
+
|
|
89
|
+
this.offCustomDrag(this.dragCustomHandler);
|
|
90
|
+
|
|
91
|
+
this.disableDrag();
|
|
92
|
+
}
|
|
73
93
|
}
|
|
74
94
|
|
|
75
95
|
isDisabled() {
|
|
76
|
-
const
|
|
96
|
+
const dragEnabled = this.isDragEnabled(),
|
|
97
|
+
disabled = !dragEnabled;
|
|
77
98
|
|
|
78
99
|
return disabled;
|
|
79
100
|
}
|
|
@@ -81,35 +102,25 @@ class SplitterDiv extends Element {
|
|
|
81
102
|
didMount() {
|
|
82
103
|
const { disabled = false } = this.properties;
|
|
83
104
|
|
|
84
|
-
if (disabled) {
|
|
85
|
-
this.
|
|
105
|
+
if (!disabled) {
|
|
106
|
+
this.enable();
|
|
86
107
|
}
|
|
87
108
|
|
|
88
|
-
this.enableDrag();
|
|
89
|
-
|
|
90
|
-
this.onCustomDrag(this.dragCustomHandler);
|
|
91
|
-
|
|
92
|
-
this.onCustomStopDrag(this.stopDragCustomHandler);
|
|
93
|
-
|
|
94
|
-
this.onCustomStartDrag(this.startDragCustomHandler);
|
|
95
|
-
|
|
96
109
|
this.onMouseOver(this.mouseOverHandler);
|
|
97
110
|
|
|
98
111
|
this.onMouseOut(this.mouseOutHandler);
|
|
99
112
|
}
|
|
100
113
|
|
|
101
114
|
willUnmount() {
|
|
115
|
+
const disabled = this.isDisabled();
|
|
116
|
+
|
|
102
117
|
this.offMouseOut(this.mouseOutHandler);
|
|
103
118
|
|
|
104
119
|
this.offMouseOver(this.mouseOverHandler);
|
|
105
120
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
this.offCustomDrag(this.dragCustomHandler);
|
|
111
|
-
|
|
112
|
-
this.disableDrag();
|
|
121
|
+
if (!disabled) {
|
|
122
|
+
this.disable();
|
|
123
|
+
}
|
|
113
124
|
}
|
|
114
125
|
|
|
115
126
|
initialise() {
|