react-form-ui-y/lib/form/textarea/textareaStyle.js

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.textareaSty = undefined;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _reactUtilsY = require("react-utils-y");

var _formStyle = require("../formStyle");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var textareaSty = function textareaSty(_theme, _this) {
    var publicSty = (0, _formStyle.defaultPublic)(_theme, _this);
    var sty = {
        textarea: {
            display: "flex",
            alignItems: "center",
            width: "100%",
            border: "0",
            outline: "none",
            resize: "none",
            overflow: "hidden",
            position: "relative",
            background: "rgba(0, 0, 0, 0)",
            color: "" + (_theme.publicForm.valueColor || '#666666'),
            // padding: "0.2rem",
            // paddingLeft: "0.4rem",
            padding: "0.375rem",
            boxSizing: "border-box",
            fontWeight: "initial",
            fontFamily: "Microsoft YaHei",
            textAlign: _this.props.valueAlign,
            fontSize: "" + (_theme.publicForm.textFontSize || "")
        },
        textareaFocus: {
            display: "flex",
            alignItems: "center",
            width: "100%",
            border: "0",
            outline: "none",
            resize: "none",
            overflow: "hidden",
            position: "relative",
            background: "rgba(0, 0, 0, 0)",
            color: "" + (_theme.publicForm.focusColor || '#666666'),
            // padding: "0.2rem",
            // paddingLeft: "0.4rem",
            padding: "0.375rem",
            boxSizing: "border-box",
            fontWeight: "initial",
            fontFamily: "Microsoft YaHei",
            textAlign: _this.props.valueAlign,
            fontSize: "" + (_theme.publicForm.textFontSize || "")
        },
        textareaDis: {
            width: "100%",
            color: "" + (_theme.publicForm.disValueColor || '#000'),
            display: "flex",
            alignItems: "center",
            minHeight: "2.5rem",
            overflow: "auto",
            // padding: "0.2rem",
            // paddingLeft: "0.4rem",
            padding: "0.375rem",
            boxSizing: "border-box",
            fontWeight: "initial",
            fontFamily: "Microsoft YaHei",
            wordBreak: "break-all",
            textAlign: _this.props.valueAlign,
            fontSize: "" + (_theme.publicForm.textFontSize || "")
        },
        tiptext: {
            display: "flex",
            justifyContent: "flex-end",
            fontSize: "0.75rem",
            position: "absolute",
            zIndex: "1",
            width: "100%",
            marginTop: "0.1rem",
            right: "0.4rem"
        }
    };
    return _reactUtilsY._Object.merge(publicSty, sty);
};

exports.textareaSty = textareaSty;
//# sourceMappingURL=textareaStyle.js.map