fenextjs-component
Version:
56 lines • 3.99 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DesignBoxBorderRadius = void 0;
const tslib_1 = require("tslib");
const fenextjs_hook_1 = require("fenextjs-hook");
const SelectT_1 = require("../../../Input/SelectT");
const Checkbox_1 = require("../../../Input/Checkbox");
const NumberCount_1 = require("../../../Input/NumberCount");
const react_1 = tslib_1.__importDefault(require("react"));
const Text_1 = require("../../../Text");
const boxUnit_1 = require("../boxUnit");
const Link_1 = require("fenextjs-svg/cjs/Link");
const DesignBoxBorderRadius = ({ textBorderRadius = "Border Radius", textBorderRadiusTopLeft = "Top Left", textBorderRadiusTopRight = "Top Right", textBorderRadiusBottomLeft = "Bottom Left", textBorderRadiusBottomRight = "Bottom Right", data, onChangeData, setDataFunction, ...props }) => {
const { _t } = (0, fenextjs_hook_1.use_T)({ ...props });
const _p = (e) => ({ id: `${e}`, text: `${e}`, data: e });
const onChangeBorderRadius = (borderRadius) => (e) => {
setDataFunction((old) => {
const n = { ...old };
const v = e == "" ? undefined : e;
n[borderRadius] = v;
if (n.borderRadiusTogether) {
n.borderTopLeftRadius = v;
n.borderTopRightRadius = v;
n.borderBottomLeftRadius = v;
n.borderBottomRightRadius = v;
}
return n;
});
};
const onChangeBorderRadiusTogether = (e) => {
setDataFunction((old) => {
const n = { ...old };
n.borderRadiusTogether = e;
if (e) {
n.borderTopLeftRadius = 0;
n.borderTopRightRadius = 0;
n.borderBottomLeftRadius = 0;
n.borderBottomRightRadius = 0;
}
return n;
});
};
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: `fenext-design-box-item` },
react_1.default.createElement(Text_1.Text, null, _t(textBorderRadius)),
react_1.default.createElement(SelectT_1.InputSelectT, { onParse: _p, options: [...boxUnit_1.ConstDesignBoxBorderRadiusUnit], defaultValue: data.borderUnitRadius, onChange: onChangeData("borderUnitRadius"), placeholder: "Unit" }),
react_1.default.createElement(Checkbox_1.InputCheckbox, { defaultValue: data.borderRadiusTogether, onChange: onChangeBorderRadiusTogether, label: react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Link_1.SvgLink, null)), classNameLabel: "fenext-design-box-item-together" }),
react_1.default.createElement("div", { className: `fenext-design-box-item fenext-design-box-item-4` },
react_1.default.createElement(NumberCount_1.InputNumberCount, { placeholder: textBorderRadiusTopLeft, onChange: onChangeBorderRadius("borderTopLeftRadius"), value: data.borderTopLeftRadius, symbolInit: "", symbolFinal: data.borderUnitRadius }),
react_1.default.createElement(NumberCount_1.InputNumberCount, { placeholder: textBorderRadiusTopRight, onChange: onChangeBorderRadius("borderTopRightRadius"), value: data.borderTopRightRadius, symbolInit: "", symbolFinal: data.borderUnitRadius }),
react_1.default.createElement(NumberCount_1.InputNumberCount, { placeholder: textBorderRadiusBottomLeft, onChange: onChangeBorderRadius("borderBottomLeftRadius"), value: data.borderBottomLeftRadius, symbolInit: "", symbolFinal: data.borderUnitRadius }),
react_1.default.createElement(NumberCount_1.InputNumberCount, { placeholder: textBorderRadiusBottomRight, onChange: onChangeBorderRadius("borderBottomRightRadius"), value: data.borderBottomRightRadius, symbolInit: "", symbolFinal: data.borderUnitRadius })))));
};
exports.DesignBoxBorderRadius = DesignBoxBorderRadius;
//# sourceMappingURL=index.js.map