@ncodedcode/ncode_react_lib
Version:
ncode react application context library
83 lines • 3.16 kB
JavaScript
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Center = exports.Spacer = exports.ZStack = exports.HStack = exports.VStack = exports.StyleSheet = void 0;
var react_1 = __importDefault(require("react"));
var StyleSheet = (function () {
function StyleSheet() {
}
StyleSheet.create = function (css) {
return css;
};
return StyleSheet;
}());
exports.StyleSheet = StyleSheet;
var flexStyle = StyleSheet.create({
vstack: {
display: "flex",
flexDirection: "column",
},
hstack: {
display: "flex",
flexDirection: "row",
},
zstack: {
position: "absolute",
},
spacer: {
display: "flex",
flexGrow: 1,
},
center: {
display: "flex",
alignItems: "center",
justifyContent: "center",
},
});
var VStack = function (props) {
var s = __assign({ marginTop: props.mt, marginRight: props.mr, marginBottom: props.mb, marginLeft: props.ml, paddingTop: props.pt, paddingRight: props.pr, paddingBottom: props.pb, paddingLeft: props.pl }, props.style);
return react_1.default.createElement("div", { style: __assign(__assign({}, flexStyle.vstack), s) }, props.children);
};
exports.VStack = VStack;
var HStack = function (props) {
var s = __assign({ marginTop: props.mt, marginRight: props.mr, marginBottom: props.mb, marginLeft: props.ml, paddingTop: props.pt, paddingRight: props.pr, paddingBottom: props.pb, paddingLeft: props.pl }, props.style);
return react_1.default.createElement("div", { style: __assign(__assign({}, flexStyle.hstack), s) }, props.children);
};
exports.HStack = HStack;
var ZStack = function (_a) {
var style = _a.style, children = _a.children;
return (react_1.default.createElement("div", { style: __assign({}, style) },
Array.isArray(children) &&
children.map(function (c, i) {
return (react_1.default.createElement("div", { key: i, style: {
zIndex: i / 100.0,
position: "absolute",
display: "flex",
} }, c));
}),
!Array.isArray(children) && children));
};
exports.ZStack = ZStack;
var Spacer = function () {
return react_1.default.createElement("div", { style: flexStyle.spacer });
};
exports.Spacer = Spacer;
var Center = function (_a) {
var style = _a.style, children = _a.children;
return react_1.default.createElement("div", { style: __assign(__assign({}, flexStyle.center), style) }, children);
};
exports.Center = Center;
//# sourceMappingURL=DesignSupports.js.map