@ucloud-pccl/react-components
Version:
UCloud pccl react components
24 lines (23 loc) • 7.32 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TextareaWrap = void 0;
var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
var _core = require("@emotion/core");
var _withProps = _interopRequireDefault(require("../../../utils/withProps"));
var _this = void 0;
var themeMixin = function themeMixin(props) {
(0, _newArrowCheck2.default)(this, _this);
var _props$theme = props.theme,
DT = _props$theme.designTokens,
fontSize = _props$theme.fontSize,
isShadowInput = props.isShadowInput;
return /*#__PURE__*/(0, _core.css)("font-size:", fontSize, ";color:", DT.T_COLOR_TEXT_DEFAULT_DARK, ";border:1px solid ", DT.T_COLOR_LINE_DEFAULT_LIGHT, ";background:", isShadowInput ? DT.T_INPUT_COLOR_BG_DEFAULT : DT.T_COLOR_BG_DEFAULT_BRIGHT, ";box-shadow:", isShadowInput ? DT.T_SHADOW_INSET_DEFAULT : 'none', ";border-radius:", DT.T_CORNER_MD, ";&:hover,&:focus{border-color:", isShadowInput ? DT.T_COLOR_LINE_DEFAULT_DARK : DT.T_COLOR_LINE_PRIMARY_DEFAULT, ";background:", isShadowInput ? DT.T_INPUT_COLOR_BG_ACTIVE : DT.T_COLOR_BG_DEFAULT_BRIGHT, ";}&:focus{border-color:", DT.T_COLOR_LINE_PRIMARY_DEFAULT, ";}&::placeholder{opacity:1;color:", DT.T_COLOR_TEXT_REMARK_LIGHT, ";}&[disabled]{color:", DT.T_COLOR_TEXT_DISABLED, ";border-color:", DT.T_COLOR_LINE_DISABLED_DARK, ";background:", DT.T_COLOR_BG_DISABLED_LIGHT, ";box-shadow:", isShadowInput ? "0 0 0 0 ".concat(DT.T_COLOR_BG_TRANSPARENT) : 'none', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCB3aXRoUHJvcHMgZnJvbSAnc3JjL3V0aWxzL3dpdGhQcm9wcyc7XG5cbmNvbnN0IHRoZW1lTWl4aW4gPSBwcm9wcyA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0aGVtZTogeyBkZXNpZ25Ub2tlbnM6IERULCBmb250U2l6ZSB9LFxuICAgICAgICBpc1NoYWRvd0lucHV0XG4gICAgfSA9IHByb3BzO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgZm9udC1zaXplOiAke2ZvbnRTaXplfTtcbiAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2lzU2hhZG93SW5wdXQgPyBEVC5UX0lOUFVUX0NPTE9SX0JHX0RFRkFVTFQgOiBEVC5UX0NPTE9SX0JHX0RFRkFVTFRfQlJJR0hUfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtpc1NoYWRvd0lucHV0ID8gRFQuVF9TSEFET1dfSU5TRVRfREVGQVVMVCA6ICdub25lJ307XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7RFQuVF9DT1JORVJfTUR9O1xuICAgICAgICAmOmhvdmVyLFxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtpc1NoYWRvd0lucHV0ID8gRFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfREFSSyA6IERULlRfQ09MT1JfTElORV9QUklNQVJZX0RFRkFVTFR9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtpc1NoYWRvd0lucHV0ID8gRFQuVF9JTlBVVF9DT0xPUl9CR19BQ1RJVkUgOiBEVC5UX0NPTE9SX0JHX0RFRkFVTFRfQlJJR0hUfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtEVC5UX0NPTE9SX0xJTkVfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgfVxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX1JFTUFSS19MSUdIVH07XG4gICAgICAgIH1cbiAgICAgICAgJltkaXNhYmxlZF0ge1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtEVC5UX0NPTE9SX0xJTkVfRElTQUJMRURfREFSS307XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfQkdfRElTQUJMRURfTElHSFR9O1xuICAgICAgICAgICAgYm94LXNoYWRvdzogJHtpc1NoYWRvd0lucHV0ID8gYDAgMCAwIDAgJHtEVC5UX0NPTE9SX0JHX1RSQU5TUEFSRU5UfWAgOiAnbm9uZSd9O1xuICAgICAgICB9XG4gICAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYVdyYXAgPSB3aXRoUHJvcHMoKShzdHlsZWQoJ3RleHRhcmVhJylgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiA0cHggOHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxLjU7XG4gICAgbWluLWhlaWdodDogJHsxMiAqIDEuNSArICg0ICsgMSkgKiAyfXB4O1xuICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICAke3RoZW1lTWl4aW59O1xuYCk7XG4iXX0= */"));
}.bind(void 0);
var TextareaWrap = exports.TextareaWrap = (0, _withProps.default)()((/*#__PURE__*/0, _styledBase.default)('textarea', {
target: "e1t3w74v0",
label: "TextareaWrap"
})("display:block;box-sizing:border-box;width:100%;padding:4px 8px;line-height:1.5;min-height:", 12 * 1.5 + (4 + 1) * 2, "px;resize:vertical;outline:none;", themeMixin, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDMEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dGFyZWEvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IHdpdGhQcm9wcyBmcm9tICdzcmMvdXRpbHMvd2l0aFByb3BzJztcblxuY29uc3QgdGhlbWVNaXhpbiA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQsIGZvbnRTaXplIH0sXG4gICAgICAgIGlzU2hhZG93SW5wdXRcbiAgICB9ID0gcHJvcHM7XG5cbiAgICByZXR1cm4gY3NzYFxuICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLfTtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgIGJhY2tncm91bmQ6ICR7aXNTaGFkb3dJbnB1dCA/IERULlRfSU5QVVRfQ09MT1JfQkdfREVGQVVMVCA6IERULlRfQ09MT1JfQkdfREVGQVVMVF9CUklHSFR9O1xuICAgICAgICBib3gtc2hhZG93OiAke2lzU2hhZG93SW5wdXQgPyBEVC5UX1NIQURPV19JTlNFVF9ERUZBVUxUIDogJ25vbmUnfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtEVC5UX0NPUk5FUl9NRH07XG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2lzU2hhZG93SW5wdXQgPyBEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9EQVJLIDogRFQuVF9DT0xPUl9MSU5FX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke2lzU2hhZG93SW5wdXQgPyBEVC5UX0lOUFVUX0NPTE9SX0JHX0FDVElWRSA6IERULlRfQ09MT1JfQkdfREVGQVVMVF9CUklHSFR9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke0RULlRfQ09MT1JfTElORV9QUklNQVJZX0RFRkFVTFR9O1xuICAgICAgICB9XG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfUkVNQVJLX0xJR0hUfTtcbiAgICAgICAgfVxuICAgICAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfRElTQUJMRUR9O1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke0RULlRfQ09MT1JfTElORV9ESVNBQkxFRF9EQVJLfTtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICR7RFQuVF9DT0xPUl9CR19ESVNBQkxFRF9MSUdIVH07XG4gICAgICAgICAgICBib3gtc2hhZG93OiAke2lzU2hhZG93SW5wdXQgPyBgMCAwIDAgMCAke0RULlRfQ09MT1JfQkdfVFJBTlNQQVJFTlR9YCA6ICdub25lJ307XG4gICAgICAgIH1cbiAgICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhV3JhcCA9IHdpdGhQcm9wcygpKHN0eWxlZCgndGV4dGFyZWEnKWBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICBtaW4taGVpZ2h0OiAkezEyICogMS41ICsgKDQgKyAxKSAqIDJ9cHg7XG4gICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgICR7dGhlbWVNaXhpbn07XG5gKTtcbiJdfQ== */")));