@lobehub/ui/es/CodeEditor/style.js

Lobe UI is an open-source UI component library for building AIGC web apps

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
import { isNumber } from 'lodash-es';
export var useStyles = createStyles(function (_ref, _ref2) {
  var cx = _ref.cx,
    css = _ref.css,
    token = _ref.token;
  var variant = _ref2.variant,
    fontSize = _ref2.fontSize;
  var size = isNumber(fontSize) ? "".concat(fontSize, "px") : fontSize;
  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n    "])), variant === 'block' ? token.colorFillTertiary : 'transparent', variant === 'block' ? 'transparent' : token.colorBorderSecondary, token.borderRadius);
  return {
    container: cx(variant !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden auto;\n          width: 100%;\n        "])))),
    editor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n        width: 100%;\n        height: fit-content;\n\n        * {\n          font-family: ", " !important;\n          font-size: ", " !important;\n          line-height: 1.5 !important;\n          word-break: break-all !important;\n          word-wrap: break-word !important;\n          white-space: pre-wrap !important;\n        }\n      "])), token.fontFamilyCode, size),
    highlight: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        pointer-events: none;\n\n        pre,\n        code {\n          overflow: hidden;\n        }\n      "]))),
    textarea: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        resize: none;\n\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n\n        overflow: hidden;\n\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n\n        color: transparent !important;\n        text-align: start;\n\n        background: transparent;\n        border: none;\n        outline: none;\n        caret-color: ", ";\n\n        &::placeholder {\n          color: ", ";\n        }\n\n        &:focus {\n          border: none !important;\n          outline: none !important;\n          box-shadow: none !important;\n        }\n      "])), token.colorText, token.colorTextQuaternary)
  };
});