easy-layout 5.1.32 → 5.1.33
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 +193 -3
- package/lib/example/div/column/middle.js +135 -0
- package/lib/example/div/sizeable/bottom.js +2 -2
- package/lib/example/section/text.js +44 -0
- package/lib/example/view.js +4 -2
- package/package.json +1 -1
- package/src/example/div/column/middle.js +17 -0
- package/src/example/div/sizeable/bottom.js +0 -1
- package/src/example/section/text.js +38 -0
- package/src/example/view.js +5 -1
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return _default;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _easyWithStyle = /*#__PURE__*/ _interopRequireDefault(require("easy-with-style"));
|
|
12
|
+
var _index = require("../../../index");
|
|
13
|
+
function _assertThisInitialized(self) {
|
|
14
|
+
if (self === void 0) {
|
|
15
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
16
|
+
}
|
|
17
|
+
return self;
|
|
18
|
+
}
|
|
19
|
+
function _classCallCheck(instance, Constructor) {
|
|
20
|
+
if (!(instance instanceof Constructor)) {
|
|
21
|
+
throw new TypeError("Cannot call a class as a function");
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
function _defineProperty(obj, key, value) {
|
|
25
|
+
if (key in obj) {
|
|
26
|
+
Object.defineProperty(obj, key, {
|
|
27
|
+
value: value,
|
|
28
|
+
enumerable: true,
|
|
29
|
+
configurable: true,
|
|
30
|
+
writable: true
|
|
31
|
+
});
|
|
32
|
+
} else {
|
|
33
|
+
obj[key] = value;
|
|
34
|
+
}
|
|
35
|
+
return obj;
|
|
36
|
+
}
|
|
37
|
+
function _getPrototypeOf(o) {
|
|
38
|
+
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
|
39
|
+
return o.__proto__ || Object.getPrototypeOf(o);
|
|
40
|
+
};
|
|
41
|
+
return _getPrototypeOf(o);
|
|
42
|
+
}
|
|
43
|
+
function _inherits(subClass, superClass) {
|
|
44
|
+
if (typeof superClass !== "function" && superClass !== null) {
|
|
45
|
+
throw new TypeError("Super expression must either be null or a function");
|
|
46
|
+
}
|
|
47
|
+
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
48
|
+
constructor: {
|
|
49
|
+
value: subClass,
|
|
50
|
+
writable: true,
|
|
51
|
+
configurable: true
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
55
|
+
}
|
|
56
|
+
function _interopRequireDefault(obj) {
|
|
57
|
+
return obj && obj.__esModule ? obj : {
|
|
58
|
+
default: obj
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
function _possibleConstructorReturn(self, call) {
|
|
62
|
+
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
|
63
|
+
return call;
|
|
64
|
+
}
|
|
65
|
+
return _assertThisInitialized(self);
|
|
66
|
+
}
|
|
67
|
+
function _setPrototypeOf(o, p) {
|
|
68
|
+
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
|
69
|
+
o.__proto__ = p;
|
|
70
|
+
return o;
|
|
71
|
+
};
|
|
72
|
+
return _setPrototypeOf(o, p);
|
|
73
|
+
}
|
|
74
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
75
|
+
if (!raw) {
|
|
76
|
+
raw = strings.slice(0);
|
|
77
|
+
}
|
|
78
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
79
|
+
raw: {
|
|
80
|
+
value: Object.freeze(raw)
|
|
81
|
+
}
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
var _typeof = function(obj) {
|
|
85
|
+
"@swc/helpers - typeof";
|
|
86
|
+
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
87
|
+
};
|
|
88
|
+
function _isNativeReflectConstruct() {
|
|
89
|
+
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
90
|
+
if (Reflect.construct.sham) return false;
|
|
91
|
+
if (typeof Proxy === "function") return true;
|
|
92
|
+
try {
|
|
93
|
+
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
|
|
94
|
+
return true;
|
|
95
|
+
} catch (e) {
|
|
96
|
+
return false;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
function _createSuper(Derived) {
|
|
100
|
+
var hasNativeReflectConstruct = _isNativeReflectConstruct();
|
|
101
|
+
return function _createSuperInternal() {
|
|
102
|
+
var Super = _getPrototypeOf(Derived), result;
|
|
103
|
+
if (hasNativeReflectConstruct) {
|
|
104
|
+
var NewTarget = _getPrototypeOf(this).constructor;
|
|
105
|
+
result = Reflect.construct(Super, arguments, NewTarget);
|
|
106
|
+
} else {
|
|
107
|
+
result = Super.apply(this, arguments);
|
|
108
|
+
}
|
|
109
|
+
return _possibleConstructorReturn(this, result);
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
function _templateObject() {
|
|
113
|
+
var data = _taggedTemplateLiteral([
|
|
114
|
+
"\n\n position: relative;\n \n"
|
|
115
|
+
]);
|
|
116
|
+
_templateObject = function _templateObject() {
|
|
117
|
+
return data;
|
|
118
|
+
};
|
|
119
|
+
return data;
|
|
120
|
+
}
|
|
121
|
+
var MiddleColumnDiv = /*#__PURE__*/ function(ColumnDiv) {
|
|
122
|
+
_inherits(MiddleColumnDiv, ColumnDiv);
|
|
123
|
+
var _super = _createSuper(MiddleColumnDiv);
|
|
124
|
+
function MiddleColumnDiv() {
|
|
125
|
+
_classCallCheck(this, MiddleColumnDiv);
|
|
126
|
+
return _super.apply(this, arguments);
|
|
127
|
+
}
|
|
128
|
+
return MiddleColumnDiv;
|
|
129
|
+
}(_index.ColumnDiv);
|
|
130
|
+
_defineProperty(MiddleColumnDiv, "defaultProperties", {
|
|
131
|
+
className: "middle"
|
|
132
|
+
});
|
|
133
|
+
var _default = (0, _easyWithStyle.default)(MiddleColumnDiv)(_templateObject());
|
|
134
|
+
|
|
135
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9jb2x1bW4vbWlkZGxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBDb2x1bW5EaXYgfSBmcm9tIFwiLi4vLi4vLi4vaW5kZXhcIjsgLy8vXG5cbmNsYXNzIE1pZGRsZUNvbHVtbkRpdiBleHRlbmRzIENvbHVtbkRpdiB7XG4gIHN0YXRpYyBkZWZhdWx0UHJvcGVydGllcyA9IHtcbiAgICBjbGFzc05hbWU6IFwibWlkZGxlXCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKE1pZGRsZUNvbHVtbkRpdilgXG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBcbmA7XG4iXSwibmFtZXMiOlsiTWlkZGxlQ29sdW1uRGl2IiwiQ29sdW1uRGl2IiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7OzsrQkFZYixTQUlFOzs7ZUFKRixRQUlFOzs7a0VBZG9CLGlCQUFpQjtxQkFFYixnQkFBZ0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFMUMsSUFBQSxBQUFNQSxlQUFlLGlCQU1sQixBQU5IO2NBQU1BLGVBQWU7OEJBQWZBLGVBQWU7YUFBZkEsZUFBZTs4QkFBZkEsZUFBZTs7O1dBQWZBLGVBQWU7Q0FJcEIsQ0FKNkJDLE1BQVMsVUFBQSxDQUl0QztBQUhDLGdCQURJRCxlQUFlLEVBQ1pFLG1CQUFpQixFQUFHO0lBQ3pCQyxTQUFTLEVBQUUsUUFBUTtDQUNwQixDQUFDO0lBR0osUUFJRSxHQUphQyxJQUFBQSxjQUFTLFFBQUEsRUFBQ0osZUFBZSxDQUFDIn0=
|
|
@@ -111,7 +111,7 @@ function _createSuper(Derived) {
|
|
|
111
111
|
}
|
|
112
112
|
function _templateObject() {
|
|
113
113
|
var data = _taggedTemplateLiteral([
|
|
114
|
-
"\n\n height: 24rem;\n
|
|
114
|
+
"\n\n height: 24rem;\n\n"
|
|
115
115
|
]);
|
|
116
116
|
_templateObject = function _templateObject() {
|
|
117
117
|
return data;
|
|
@@ -132,4 +132,4 @@ _defineProperty(BottomSizeableDiv, "defaultProperties", {
|
|
|
132
132
|
});
|
|
133
133
|
var _default = (0, _easyWithStyle.default)(BottomSizeableDiv)(_templateObject());
|
|
134
134
|
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
135
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zaXplYWJsZS9ib3R0b20uanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFNpemVhYmxlRGl2IH0gZnJvbSBcIi4uLy4uLy4uL2luZGV4XCI7IC8vL1xuXG5jbGFzcyBCb3R0b21TaXplYWJsZURpdiBleHRlbmRzIFNpemVhYmxlRGl2IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJib3R0b21cIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoQm90dG9tU2l6ZWFibGVEaXYpYFxuXG4gIGhlaWdodDogMjRyZW07XG5cbmA7XG4iXSwibmFtZXMiOlsiQm90dG9tU2l6ZWFibGVEaXYiLCJTaXplYWJsZURpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7K0JBWWIsU0FJRTs7O2VBSkYsUUFJRTs7O2tFQWRvQixpQkFBaUI7cUJBRVgsZ0JBQWdCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRTVDLElBQUEsQUFBTUEsaUJBQWlCLGlCQU1wQixBQU5IO2NBQU1BLGlCQUFpQjs4QkFBakJBLGlCQUFpQjthQUFqQkEsaUJBQWlCOzhCQUFqQkEsaUJBQWlCOzs7V0FBakJBLGlCQUFpQjtDQUl0QixDQUorQkMsTUFBVyxZQUFBLENBSTFDO0FBSEMsZ0JBRElELGlCQUFpQixFQUNkRSxtQkFBaUIsRUFBRztJQUN6QkMsU0FBUyxFQUFFLFFBQVE7Q0FDcEIsQ0FBQztJQUdKLFFBSUUsR0FKYUMsSUFBQUEsY0FBUyxRQUFBLEVBQUNKLGlCQUFpQixDQUFDIn0=
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return _default;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _easyWithStyle = /*#__PURE__*/ _interopRequireDefault(require("easy-with-style"));
|
|
12
|
+
function _interopRequireDefault(obj) {
|
|
13
|
+
return obj && obj.__esModule ? obj : {
|
|
14
|
+
default: obj
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
18
|
+
if (!raw) {
|
|
19
|
+
raw = strings.slice(0);
|
|
20
|
+
}
|
|
21
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
22
|
+
raw: {
|
|
23
|
+
value: Object.freeze(raw)
|
|
24
|
+
}
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
function _templateObject() {
|
|
28
|
+
var data = _taggedTemplateLiteral([
|
|
29
|
+
"\n\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: absolute;\n \n"
|
|
30
|
+
]);
|
|
31
|
+
_templateObject = function _templateObject() {
|
|
32
|
+
return data;
|
|
33
|
+
};
|
|
34
|
+
return data;
|
|
35
|
+
}
|
|
36
|
+
var TextSection = function(properties) {
|
|
37
|
+
var className = properties.className;
|
|
38
|
+
return /*#__PURE__*/ React.createElement("section", {
|
|
39
|
+
className: "".concat(className, " text")
|
|
40
|
+
}, /*#__PURE__*/ React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum mauris vitae sem ultrices commodo. Pellentesque dui justo, fermentum quis vestibulum id, molestie vel leo. Maecenas vel consequat sem. Sed a maximus enim. Aenean quis mi sit amet quam sodales consequat. Aliquam justo arcu, lacinia et ultrices sit amet, rutrum id nisi. Suspendisse nec consectetur ante, sed hendrerit augue. Morbi viverra metus id turpis porttitor pellentesque. Donec pretium ex eget urna molestie, eget semper lacus dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam pharetra nunc ac mauris tristique sagittis."), /*#__PURE__*/ React.createElement("p", null, "Curabitur blandit interdum dolor sed ultrices. Nunc pellentesque aliquet maximus. Suspendisse pellentesque dapibus accumsan. Sed at ipsum eget dolor consectetur vehicula. Quisque ornare eros id tincidunt interdum. Sed pulvinar, turpis sodales volutpat gravida, purus magna hendrerit purus, nec maximus arcu dui ac nisl. Quisque ac pellentesque risus."), /*#__PURE__*/ React.createElement("p", null, "Nulla ut justo ut nunc eleifend ultricies volutpat vel ex. Fusce quis velit lacus. Proin sagittis semper erat. Duis ut magna eget justo vulputate facilisis. Phasellus ultrices eleifend justo, ut faucibus lectus rutrum id. In pretium porta faucibus. Praesent vehicula ornare justo, sed mattis risus cursus at."), /*#__PURE__*/ React.createElement("p", null, "Fusce at bibendum nunc, eleifend consectetur sem. Fusce at elit augue. Sed lectus odio, pulvinar sed pharetra et, pharetra sed dolor. Morbi sodales sem odio, a venenatis odio commodo aliquam. Cras id volutpat metus, a maximus orci. Nullam ac rhoncus lorem. Nam scelerisque risus et elit egestas elementum. Fusce nec arcu at enim porttitor aliquam vel vitae est. Maecenas gravida, quam iaculis pellentesque vehicula, risus diam interdum nunc, vitae lobortis elit ante vitae turpis. Nam viverra, felis et faucibus luctus, ex sapien egestas lectus, vestibulum pulvinar turpis risus et nisi. Sed vitae suscipit libero, eu ultricies metus. Proin nibh arcu, blandit in sem vel, scelerisque vulputate arcu. Duis ultrices orci felis, maximus vulputate neque rutrum sit amet."), /*#__PURE__*/ React.createElement("p", null, "Ut lectus lacus, tempor ut pharetra eget, tempus eget dui. Nunc purus nisl, malesuada vel malesuada a, faucibus in dolor. Integer dictum lobortis est sed maximus. Aliquam ut lorem elementum velit consectetur commodo. Cras et est quis augue pellentesque iaculis. In tincidunt, arcu lobortis hendrerit ultricies, turpis orci vestibulum lacus, id dapibus sapien nibh vel urna. Nam blandit tellus id massa semper pharetra."));
|
|
41
|
+
};
|
|
42
|
+
var _default = (0, _easyWithStyle.default)(TextSection)(_templateObject());
|
|
43
|
+
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9leGFtcGxlL3NlY3Rpb24vdGV4dC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuY29uc3QgVGV4dFNlY3Rpb24gPSAocHJvcGVydGllcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSB9ID0gcHJvcGVydGllcztcblxuICByZXR1cm4gKFxuXG4gICAgPHNlY3Rpb24gY2xhc3NOYW1lPXtgJHtjbGFzc05hbWV9IHRleHRgfT5cbiAgICAgIDxwPlxuICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBFdGlhbSBmZXJtZW50dW0gbWF1cmlzIHZpdGFlIHNlbSB1bHRyaWNlcyBjb21tb2RvLiBQZWxsZW50ZXNxdWUgZHVpIGp1c3RvLCBmZXJtZW50dW0gcXVpcyB2ZXN0aWJ1bHVtIGlkLCBtb2xlc3RpZSB2ZWwgbGVvLiBNYWVjZW5hcyB2ZWwgY29uc2VxdWF0IHNlbS4gU2VkIGEgbWF4aW11cyBlbmltLiBBZW5lYW4gcXVpcyBtaSBzaXQgYW1ldCBxdWFtIHNvZGFsZXMgY29uc2VxdWF0LiBBbGlxdWFtIGp1c3RvIGFyY3UsIGxhY2luaWEgZXQgdWx0cmljZXMgc2l0IGFtZXQsIHJ1dHJ1bSBpZCBuaXNpLiBTdXNwZW5kaXNzZSBuZWMgY29uc2VjdGV0dXIgYW50ZSwgc2VkIGhlbmRyZXJpdCBhdWd1ZS4gTW9yYmkgdml2ZXJyYSBtZXR1cyBpZCB0dXJwaXMgcG9ydHRpdG9yIHBlbGxlbnRlc3F1ZS4gRG9uZWMgcHJldGl1bSBleCBlZ2V0IHVybmEgbW9sZXN0aWUsIGVnZXQgc2VtcGVyIGxhY3VzIGRpZ25pc3NpbS4gQ2xhc3MgYXB0ZW50IHRhY2l0aSBzb2Npb3NxdSBhZCBsaXRvcmEgdG9ycXVlbnQgcGVyIGNvbnViaWEgbm9zdHJhLCBwZXIgaW5jZXB0b3MgaGltZW5hZW9zLiBOdWxsYW0gcGhhcmV0cmEgbnVuYyBhYyBtYXVyaXMgdHJpc3RpcXVlIHNhZ2l0dGlzLlxuICAgICAgPC9wPlxuICAgICAgPHA+XG4gICAgICAgIEN1cmFiaXR1ciBibGFuZGl0IGludGVyZHVtIGRvbG9yIHNlZCB1bHRyaWNlcy4gTnVuYyBwZWxsZW50ZXNxdWUgYWxpcXVldCBtYXhpbXVzLiBTdXNwZW5kaXNzZSBwZWxsZW50ZXNxdWUgZGFwaWJ1cyBhY2N1bXNhbi4gU2VkIGF0IGlwc3VtIGVnZXQgZG9sb3IgY29uc2VjdGV0dXIgdmVoaWN1bGEuIFF1aXNxdWUgb3JuYXJlIGVyb3MgaWQgdGluY2lkdW50IGludGVyZHVtLiBTZWQgcHVsdmluYXIsIHR1cnBpcyBzb2RhbGVzIHZvbHV0cGF0IGdyYXZpZGEsIHB1cnVzIG1hZ25hIGhlbmRyZXJpdCBwdXJ1cywgbmVjIG1heGltdXMgYXJjdSBkdWkgYWMgbmlzbC4gUXVpc3F1ZSBhYyBwZWxsZW50ZXNxdWUgcmlzdXMuXG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgTnVsbGEgdXQganVzdG8gdXQgbnVuYyBlbGVpZmVuZCB1bHRyaWNpZXMgdm9sdXRwYXQgdmVsIGV4LiBGdXNjZSBxdWlzIHZlbGl0IGxhY3VzLiBQcm9pbiBzYWdpdHRpcyBzZW1wZXIgZXJhdC4gRHVpcyB1dCBtYWduYSBlZ2V0IGp1c3RvIHZ1bHB1dGF0ZSBmYWNpbGlzaXMuIFBoYXNlbGx1cyB1bHRyaWNlcyBlbGVpZmVuZCBqdXN0bywgdXQgZmF1Y2lidXMgbGVjdHVzIHJ1dHJ1bSBpZC4gSW4gcHJldGl1bSBwb3J0YSBmYXVjaWJ1cy4gUHJhZXNlbnQgdmVoaWN1bGEgb3JuYXJlIGp1c3RvLCBzZWQgbWF0dGlzIHJpc3VzIGN1cnN1cyBhdC5cbiAgICAgIDwvcD5cbiAgICAgIDxwPlxuICAgICAgICBGdXNjZSBhdCBiaWJlbmR1bSBudW5jLCBlbGVpZmVuZCBjb25zZWN0ZXR1ciBzZW0uIEZ1c2NlIGF0IGVsaXQgYXVndWUuIFNlZCBsZWN0dXMgb2RpbywgcHVsdmluYXIgc2VkIHBoYXJldHJhIGV0LCBwaGFyZXRyYSBzZWQgZG9sb3IuIE1vcmJpIHNvZGFsZXMgc2VtIG9kaW8sIGEgdmVuZW5hdGlzIG9kaW8gY29tbW9kbyBhbGlxdWFtLiBDcmFzIGlkIHZvbHV0cGF0IG1ldHVzLCBhIG1heGltdXMgb3JjaS4gTnVsbGFtIGFjIHJob25jdXMgbG9yZW0uIE5hbSBzY2VsZXJpc3F1ZSByaXN1cyBldCBlbGl0IGVnZXN0YXMgZWxlbWVudHVtLiBGdXNjZSBuZWMgYXJjdSBhdCBlbmltIHBvcnR0aXRvciBhbGlxdWFtIHZlbCB2aXRhZSBlc3QuIE1hZWNlbmFzIGdyYXZpZGEsIHF1YW0gaWFjdWxpcyBwZWxsZW50ZXNxdWUgdmVoaWN1bGEsIHJpc3VzIGRpYW0gaW50ZXJkdW0gbnVuYywgdml0YWUgbG9ib3J0aXMgZWxpdCBhbnRlIHZpdGFlIHR1cnBpcy4gTmFtIHZpdmVycmEsIGZlbGlzIGV0IGZhdWNpYnVzIGx1Y3R1cywgZXggc2FwaWVuIGVnZXN0YXMgbGVjdHVzLCB2ZXN0aWJ1bHVtIHB1bHZpbmFyIHR1cnBpcyByaXN1cyBldCBuaXNpLiBTZWQgdml0YWUgc3VzY2lwaXQgbGliZXJvLCBldSB1bHRyaWNpZXMgbWV0dXMuIFByb2luIG5pYmggYXJjdSwgYmxhbmRpdCBpbiBzZW0gdmVsLCBzY2VsZXJpc3F1ZSB2dWxwdXRhdGUgYXJjdS4gRHVpcyB1bHRyaWNlcyBvcmNpIGZlbGlzLCBtYXhpbXVzIHZ1bHB1dGF0ZSBuZXF1ZSBydXRydW0gc2l0IGFtZXQuXG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgVXQgbGVjdHVzIGxhY3VzLCB0ZW1wb3IgdXQgcGhhcmV0cmEgZWdldCwgdGVtcHVzIGVnZXQgZHVpLiBOdW5jIHB1cnVzIG5pc2wsIG1hbGVzdWFkYSB2ZWwgbWFsZXN1YWRhIGEsIGZhdWNpYnVzIGluIGRvbG9yLiBJbnRlZ2VyIGRpY3R1bSBsb2JvcnRpcyBlc3Qgc2VkIG1heGltdXMuIEFsaXF1YW0gdXQgbG9yZW0gZWxlbWVudHVtIHZlbGl0IGNvbnNlY3RldHVyIGNvbW1vZG8uIENyYXMgZXQgZXN0IHF1aXMgYXVndWUgcGVsbGVudGVzcXVlIGlhY3VsaXMuIEluIHRpbmNpZHVudCwgYXJjdSBsb2JvcnRpcyBoZW5kcmVyaXQgdWx0cmljaWVzLCB0dXJwaXMgb3JjaSB2ZXN0aWJ1bHVtIGxhY3VzLCBpZCBkYXBpYnVzIHNhcGllbiBuaWJoIHZlbCB1cm5hLiBOYW0gYmxhbmRpdCB0ZWxsdXMgaWQgbWFzc2Egc2VtcGVyIHBoYXJldHJhLlxuICAgICAgPC9wPlxuICAgIDwvc2VjdGlvbj5cblxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFRleHRTZWN0aW9uKWBcblxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIFxuYDtcbiJdLCJuYW1lcyI6WyJUZXh0U2VjdGlvbiIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJzZWN0aW9uIiwicCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OytCQThCYixTQU9FOzs7ZUFQRixRQU9FOzs7a0VBbkNvQixpQkFBaUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFdkMsSUFBTUEsV0FBVyxHQUFHLFNBQUNDLFVBQVUsRUFBSztJQUNsQyxJQUFNLEFBQUVDLFNBQVMsR0FBS0QsVUFBVSxDQUF4QkMsU0FBUyxBQUFlLEFBQUM7SUFFakMscUJBRUUsb0JBQUNDLFNBQU87UUFBQ0QsU0FBUyxFQUFFLEFBQUMsRUFBQSxDQUFZLE1BQUssQ0FBZkEsU0FBUyxFQUFDLE9BQUssQ0FBQztxQkFDckMsb0JBQUNFLEdBQUMsUUFBQyxxcEJBRUgsQ0FBSSxnQkFDSixvQkFBQ0EsR0FBQyxRQUFDLGdXQUVILENBQUksZ0JBQ0osb0JBQUNBLEdBQUMsUUFBQyxzVEFFSCxDQUFJLGdCQUNKLG9CQUFDQSxHQUFDLFFBQUMsZ3dCQUVILENBQUksZ0JBQ0osb0JBQUNBLEdBQUMsUUFBQyxvYUFFSCxDQUFJLENBQ0ksQ0FFVjtBQUNKLENBQUMsQUFBQztJQUVGLFFBT0UsR0FQYUMsSUFBQUEsY0FBUyxRQUFBLEVBQUNMLFdBQVcsQ0FBQyJ9
|
package/lib/example/view.js
CHANGED
|
@@ -11,8 +11,10 @@ Object.defineProperty(exports, "default", {
|
|
|
11
11
|
var _easyWithStyle = /*#__PURE__*/ _interopRequireDefault(require("easy-with-style"));
|
|
12
12
|
var _index = require("../index");
|
|
13
13
|
var _blue = /*#__PURE__*/ _interopRequireDefault(require("./div/row/blue"));
|
|
14
|
+
var _text = /*#__PURE__*/ _interopRequireDefault(require("./section/text"));
|
|
14
15
|
var _yellow = /*#__PURE__*/ _interopRequireDefault(require("./div/row/yellow"));
|
|
15
16
|
var _bottomLeft = /*#__PURE__*/ _interopRequireDefault(require("./div/bottomLeft"));
|
|
17
|
+
var _middle = /*#__PURE__*/ _interopRequireDefault(require("./div/column/middle"));
|
|
16
18
|
var _left = /*#__PURE__*/ _interopRequireDefault(require("./div/sizeable/left"));
|
|
17
19
|
var _right = /*#__PURE__*/ _interopRequireDefault(require("./div/sizeable/right"));
|
|
18
20
|
var _pseudo = /*#__PURE__*/ _interopRequireDefault(require("./div/splitter/pseudo"));
|
|
@@ -49,7 +51,7 @@ var View = function(properties) {
|
|
|
49
51
|
var bottomSizeableDivHeight;
|
|
50
52
|
return /*#__PURE__*/ React.createElement("div", {
|
|
51
53
|
className: "".concat(className, " view")
|
|
52
|
-
}, /*#__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(
|
|
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, null), /*#__PURE__*/ React.createElement(_right.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_blue.default, null))))), /*#__PURE__*/ React.createElement(_main.default, {
|
|
53
55
|
onStartDrag: function(element) {
|
|
54
56
|
bottomSizeableDivHeight = bottomSizeableDiv.getHeight();
|
|
55
57
|
},
|
|
@@ -61,4 +63,4 @@ var View = function(properties) {
|
|
|
61
63
|
};
|
|
62
64
|
var _default = (0, _easyWithStyle.default)(View)(_templateObject());
|
|
63
65
|
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBUZXh0U2VjdGlvbiBmcm9tIFwiLi9zZWN0aW9uL3RleHRcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTWlkZGxlQ29sdW1uRGl2IGZyb20gXCIuL2Rpdi9jb2x1bW4vbWlkZGxlXCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8Um93RGl2PlxuICAgICAgICAgICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgICAgICAgICA8TWlkZGxlQ29sdW1uRGl2PlxuICAgICAgICAgICAgICAgICAgPFRleHRTZWN0aW9uLz5cbiAgICAgICAgICAgICAgICA8L01pZGRsZUNvbHVtbkRpdj5cbiAgICAgICAgICAgICAgICA8UmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgICAgICA8UmlnaHRTaXplYWJsZURpdj5cbiAgICAgICAgICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgICAgICAgICA8Qmx1ZVJvd0Rpdi8+XG4gICAgICAgICAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgICAgICAgICAgPC9SaWdodFNpemVhYmxlRGl2PlxuICAgICAgICAgICAgICA8L0NvbHVtbnNEaXY+XG4gICAgICAgICAgICA8L1Jvd0Rpdj5cbiAgICAgICAgICAgIDxNYWluSG9yaXpvbnRhbFNwbGl0dGVyRGl2IG9uU3RhcnREcmFnPXsoZWxlbWVudCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0ID0gYm90dG9tU2l6ZWFibGVEaXYuZ2V0SGVpZ2h0KCk7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkRyYWc9eyhyZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0IC0gcmVsYXRpdmVNb3VzZVRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b21MZWZ0RGl2LnNldEhlaWdodChoZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtib3R0b21TaXplYWJsZURpdn1cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuICAgIDwvZGl2PlxuXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgd2lkdGg6IDY0cmVtO1xuICBoZWlnaHQ6IDY0cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBcbmA7XG4iXSwibmFtZXMiOlsiVmlldyIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJib3R0b21MZWZ0RGl2IiwiQm90dG9tTGVmdERpdiIsImJvdHRvbVNpemVhYmxlRGl2IiwiQm90dG9tU2l6ZWFibGVEaXYiLCJib3R0b21TaXplYWJsZURpdkhlaWdodCIsImRpdiIsIkNvbHVtbnNEaXYiLCJMZWZ0U2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiWWVsbG93Um93RGl2IiwiUHNldWRvU3BsaXR0ZXJEaXYiLCJMZWZ0VmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIlJvd0RpdiIsIk1pZGRsZUNvbHVtbkRpdiIsIlRleHRTZWN0aW9uIiwiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiUmlnaHRTaXplYWJsZURpdiIsIkJsdWVSb3dEaXYiLCJNYWluSG9yaXpvbnRhbFNwbGl0dGVyRGl2Iiwib25TdGFydERyYWciLCJlbGVtZW50IiwiZ2V0SGVpZ2h0Iiwib25EcmFnIiwicmVsYXRpdmVNb3VzZVRvcCIsInJlbGF0aXZlTW91c2VMZWZ0IiwiaGVpZ2h0Iiwic2V0SGVpZ2h0Iiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7K0JBbUZiLFNBTUU7OztlQU5GLFFBTUU7OztrRUF2Rm9CLGlCQUFpQjtxQkFFZ0IsVUFBVTt5REFFMUMsZ0JBQWdCO3lEQUNmLGdCQUFnQjsyREFDZixrQkFBa0I7K0RBQ2pCLGtCQUFrQjsyREFDaEIscUJBQXFCO3lEQUNyQixxQkFBcUI7MERBQ3BCLHNCQUFzQjsyREFDckIsdUJBQXVCOzJEQUN2Qix1QkFBdUI7MERBQ2pCLDhCQUE4QjsyREFDN0IsK0JBQStCO3lEQUM5QixnQ0FBZ0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFdEUsSUFBTUEsSUFBSSxHQUFHLFNBQUNDLFVBQVUsRUFBSztJQUMzQixJQUFNLEFBQUVDLFNBQVMsR0FBS0QsVUFBVSxDQUF4QkMsU0FBUyxBQUFlLEVBQzFCQyxhQUFhLGlCQUVYLG9CQUFDQyxXQUFhLFFBQUEsT0FBRSxFQUdsQkMsaUJBQWlCLGlCQUVmLG9CQUFDQyxPQUFpQixRQUFBLE9BQUUsQUFFckI7SUFFUCxJQUFJQyx1QkFBdUIsQUFBQztJQUU1QixxQkFFRSxvQkFBQ0MsS0FBRztRQUFDTixTQUFTLEVBQUUsQUFBQyxFQUFBLENBQVksTUFBSyxDQUFmQSxTQUFTLEVBQUMsT0FBSyxDQUFDO3FCQUNqQyxvQkFBQ08sTUFBVSxXQUFBLHNCQUNULG9CQUFDQyxLQUFlLFFBQUEsc0JBQ2Qsb0JBQUNDLE1BQU8sUUFBQSxzQkFDTixvQkFBQ0MsT0FBWSxRQUFBLE9BQUUsZ0JBQ2Ysb0JBQUNDLE9BQWlCLFFBQUEsT0FBRSxFQUNuQlYsYUFBYSxDQUNOLENBQ00sZ0JBQ2xCLG9CQUFDVyxNQUF1QixRQUFBLE9BQUUsZ0JBQzFCLG9CQUFDQyxNQUFTLFVBQUEsc0JBQ1Isb0JBQUNKLE1BQU8sUUFBQSxzQkFDTixvQkFBQ0ssTUFBTSxPQUFBLHNCQUNMLG9CQUFDUCxNQUFVLFdBQUEsc0JBQ1Qsb0JBQUNRLE9BQWUsUUFBQSxzQkFDZCxvQkFBQ0MsS0FBVyxRQUFBLE9BQUUsQ0FDRSxnQkFDbEIsb0JBQUNDLE9BQXdCLFFBQUEsT0FBRSxnQkFDM0Isb0JBQUNDLE1BQWdCLFFBQUEsc0JBQ2Ysb0JBQUNULE1BQU8sUUFBQSxzQkFDTixvQkFBQ1UsS0FBVSxRQUFBLE9BQUUsQ0FDTCxDQUNPLENBQ1IsQ0FDTixnQkFDVCxvQkFBQ0MsS0FBeUIsUUFBQTtRQUFDQyxXQUFXLEVBQUUsU0FBQ0MsT0FBTyxFQUFLO1lBRXhCakIsdUJBQXVCLEdBQUdGLGlCQUFpQixDQUFDb0IsU0FBUyxFQUFFLENBQUM7UUFFMUQsQ0FBQztRQUNEQyxNQUFNLEVBQUUsU0FBQ0MsZ0JBQWdCLEVBQUVDLGlCQUFpQixFQUFLO1lBRS9DLElBQU1DLE1BQU0sR0FBR3RCLHVCQUF1QixHQUFHb0IsZ0JBQWdCLEFBQUM7WUFFMUR4QixhQUFhLENBQUMyQixTQUFTLENBQUNELE1BQU0sQ0FBQyxDQUFDO1FBRWxDLENBQUM7TUFDMUIsRUFDRHhCLGlCQUFpQixDQUNWLENBQ0EsQ0FDRCxDQUNULENBRU47QUFDSixDQUFDLEFBQUM7SUFFRixRQU1FLEdBTmEwQixJQUFBQSxjQUFTLFFBQUEsRUFBQy9CLElBQUksQ0FBQyJ9
|
package/package.json
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import withStyle from "easy-with-style"; ///
|
|
4
|
+
|
|
5
|
+
import { ColumnDiv } from "../../../index"; ///
|
|
6
|
+
|
|
7
|
+
class MiddleColumnDiv extends ColumnDiv {
|
|
8
|
+
static defaultProperties = {
|
|
9
|
+
className: "middle"
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export default withStyle(MiddleColumnDiv)`
|
|
14
|
+
|
|
15
|
+
position: relative;
|
|
16
|
+
|
|
17
|
+
`;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import withStyle from "easy-with-style"; ///
|
|
4
|
+
|
|
5
|
+
const TextSection = (properties) => {
|
|
6
|
+
const { className } = properties;
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
|
|
10
|
+
<section className={`${className} text`}>
|
|
11
|
+
<p>
|
|
12
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum mauris vitae sem ultrices commodo. Pellentesque dui justo, fermentum quis vestibulum id, molestie vel leo. Maecenas vel consequat sem. Sed a maximus enim. Aenean quis mi sit amet quam sodales consequat. Aliquam justo arcu, lacinia et ultrices sit amet, rutrum id nisi. Suspendisse nec consectetur ante, sed hendrerit augue. Morbi viverra metus id turpis porttitor pellentesque. Donec pretium ex eget urna molestie, eget semper lacus dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam pharetra nunc ac mauris tristique sagittis.
|
|
13
|
+
</p>
|
|
14
|
+
<p>
|
|
15
|
+
Curabitur blandit interdum dolor sed ultrices. Nunc pellentesque aliquet maximus. Suspendisse pellentesque dapibus accumsan. Sed at ipsum eget dolor consectetur vehicula. Quisque ornare eros id tincidunt interdum. Sed pulvinar, turpis sodales volutpat gravida, purus magna hendrerit purus, nec maximus arcu dui ac nisl. Quisque ac pellentesque risus.
|
|
16
|
+
</p>
|
|
17
|
+
<p>
|
|
18
|
+
Nulla ut justo ut nunc eleifend ultricies volutpat vel ex. Fusce quis velit lacus. Proin sagittis semper erat. Duis ut magna eget justo vulputate facilisis. Phasellus ultrices eleifend justo, ut faucibus lectus rutrum id. In pretium porta faucibus. Praesent vehicula ornare justo, sed mattis risus cursus at.
|
|
19
|
+
</p>
|
|
20
|
+
<p>
|
|
21
|
+
Fusce at bibendum nunc, eleifend consectetur sem. Fusce at elit augue. Sed lectus odio, pulvinar sed pharetra et, pharetra sed dolor. Morbi sodales sem odio, a venenatis odio commodo aliquam. Cras id volutpat metus, a maximus orci. Nullam ac rhoncus lorem. Nam scelerisque risus et elit egestas elementum. Fusce nec arcu at enim porttitor aliquam vel vitae est. Maecenas gravida, quam iaculis pellentesque vehicula, risus diam interdum nunc, vitae lobortis elit ante vitae turpis. Nam viverra, felis et faucibus luctus, ex sapien egestas lectus, vestibulum pulvinar turpis risus et nisi. Sed vitae suscipit libero, eu ultricies metus. Proin nibh arcu, blandit in sem vel, scelerisque vulputate arcu. Duis ultrices orci felis, maximus vulputate neque rutrum sit amet.
|
|
22
|
+
</p>
|
|
23
|
+
<p>
|
|
24
|
+
Ut lectus lacus, tempor ut pharetra eget, tempus eget dui. Nunc purus nisl, malesuada vel malesuada a, faucibus in dolor. Integer dictum lobortis est sed maximus. Aliquam ut lorem elementum velit consectetur commodo. Cras et est quis augue pellentesque iaculis. In tincidunt, arcu lobortis hendrerit ultricies, turpis orci vestibulum lacus, id dapibus sapien nibh vel urna. Nam blandit tellus id massa semper pharetra.
|
|
25
|
+
</p>
|
|
26
|
+
</section>
|
|
27
|
+
|
|
28
|
+
);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export default withStyle(TextSection)`
|
|
32
|
+
|
|
33
|
+
width: 100%;
|
|
34
|
+
height: 100%;
|
|
35
|
+
overflow: hidden;
|
|
36
|
+
position: absolute;
|
|
37
|
+
|
|
38
|
+
`;
|
package/src/example/view.js
CHANGED
|
@@ -5,8 +5,10 @@ import withStyle from "easy-with-style"; ///
|
|
|
5
5
|
import { RowDiv, RowsDiv, ColumnDiv, ColumnsDiv } from "../index"; ///
|
|
6
6
|
|
|
7
7
|
import BlueRowDiv from "./div/row/blue";
|
|
8
|
+
import TextSection from "./section/text";
|
|
8
9
|
import YellowRowDiv from "./div/row/yellow";
|
|
9
10
|
import BottomLeftDiv from "./div/bottomLeft";
|
|
11
|
+
import MiddleColumnDiv from "./div/column/middle";
|
|
10
12
|
import LeftSizeableDiv from "./div/sizeable/left";
|
|
11
13
|
import RightSizeableDiv from "./div/sizeable/right";
|
|
12
14
|
import PseudoSplitterDiv from "./div/splitter/pseudo";
|
|
@@ -46,7 +48,9 @@ const View = (properties) => {
|
|
|
46
48
|
<RowsDiv>
|
|
47
49
|
<RowDiv>
|
|
48
50
|
<ColumnsDiv>
|
|
49
|
-
<
|
|
51
|
+
<MiddleColumnDiv>
|
|
52
|
+
<TextSection/>
|
|
53
|
+
</MiddleColumnDiv>
|
|
50
54
|
<RightVerticalSplitterDiv/>
|
|
51
55
|
<RightSizeableDiv>
|
|
52
56
|
<RowsDiv>
|