@ovine/craft
Version:
Ovine json editor.
25 lines (24 loc) • 2.12 kB
JavaScript
import _ from 'lodash';
import React from 'react';
import * as S from "./styled";
export const Container = (props) => {
return (React.createElement(S.StyledContainer, null,
React.createElement("div", { className: "container-content" }, props.children)));
};
export const Horizontal = (props) => {
const { hasItem, showSelector, className } = props;
return (React.createElement(S.StyledHorizontal, { className: className },
React.createElement("ul", null, !hasItem ? (React.createElement("li", { className: "fa fa-plus-square-o m-r-xs", "data-tooltip": "\u6DFB\u52A0", "data-position": "top", "data-type": "add", onClick: showSelector })) : (React.createElement(React.Fragment, null,
React.createElement("li", { className: "fa fa-toggle-left m-r-xs", "data-tooltip": "\u6700\u5DE6\u65B9\u6DFB\u52A0", "data-position": "top", "data-type": "left", onClick: showSelector }),
React.createElement("li", { className: "fa fa-toggle-right", "data-tooltip": "\u6700\u53F3\u65B9\u6DFB\u52A0", "data-position": "top", "data-type": "right", onClick: showSelector }))))));
};
export const Vertical = (props) => {
const { hasItem, showSelector, className } = props;
return (React.createElement(S.StyledVertical, { className: className },
React.createElement("ul", null, !hasItem ? (React.createElement("li", { className: "fa fa-plus-square-o m-r-xs", "data-tooltip": "\u6DFB\u52A0", "data-position": "top", "data-type": "add", onClick: showSelector })) : (React.createElement(React.Fragment, null,
React.createElement("li", { className: "fa fa-toggle-up m-t-xs", "data-tooltip": "\u6700\u4E0A\u65B9\u6DFB\u52A0", "data-position": "right", "data-type": "top", onClick: showSelector }),
React.createElement("li", { className: "fa fa-toggle-down", "data-tooltip": "\u6700\u4E0B\u65B9\u6DFB\u52A0", "data-position": "right", "data-type": "bottom", onClick: showSelector }))))));
};
export const Corner = (props) => {
return React.createElement(S.StyledCorner, Object.assign({}, _.pick(props, ['t', 'r', 'b', 'l'])), props.children);
};