@lobehub/ui 1.156.3 → 1.156.4

package/es/CodeEditor/index.d.ts

@@ -5,6 +5,7 @@ export interface CodeEditorProps {
     autoFocus?: boolean;
     className?: string;
     disabled?: boolean;
+    fontSize?: number | string;
     form?: string;
     ignoreTabKey?: boolean;
     insertSpaces?: boolean;

package/es/CodeEditor/index.js

@@ -2,7 +2,7 @@
 
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "language", "value", "onValueChange", "resize", "className", "textareaClassName", "type"];
+var _excluded = ["style", "language", "value", "onValueChange", "resize", "className", "textareaClassName", "type", "fontSize"];
 import { forwardRef } from 'react';
 import Editor from 'react-simple-code-editor';
 import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter";
@@ -19,8 +19,11 @@ var CodeEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
     textareaClassName = _ref.textareaClassName,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'ghost' : _ref$type,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 12 : _ref$fontSize,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
+      fontSize: fontSize,
       resize: resize,
       type: type
     }),

package/es/CodeEditor/style.d.ts

@@ -1,4 +1,5 @@
 export declare const useStyles: (props?: {
+    fontSize: string | number;
     resize: boolean;
     type: 'ghost' | 'block' | 'pure';
 } | undefined) => import("antd-style").ReturnStyles<{

package/es/CodeEditor/style.js

@@ -1,15 +1,18 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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 type = _ref2.type,
-    resize = _ref2.resize;
+    resize = _ref2.resize,
+    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\n      transition:\n        background-color 100ms ", ",\n        border-color 200ms ", ";\n\n      &:hover {\n        background-color: ", ";\n        border-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary, token.borderRadius, token.motionEaseOut, token.motionEaseOut, type === 'block' ? token.colorFillSecondary : token.colorFillQuaternary, token.colorBorder);
   return {
-    container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          overflow: hidden auto;\n          width: 100%;\n          height: fit-content;\n        "])))),
+    container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          overflow: hidden auto;\n          width: 100%;\n          height: fit-content;\n\n          * {\n            font-size: ", " !important;\n            line-height: 1.5 !important;\n          }\n        "])), size)),
     editor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        resize: ", ";\n        height: fit-content;\n        min-height: 100%;\n        font-family: ", " !important;\n\n        textarea {\n          min-height: 36px !important;\n        }\n\n        pre {\n          min-height: 36px !important;\n          word-break: break-all;\n          word-wrap: break-word;\n          white-space: pre-wrap;\n\n          &.shiki {\n            margin: 0;\n          }\n        }\n      "])), resize ? 'vertical' : 'none', token.fontFamilyCode),
     textarea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        overflow: hidden auto;\n\n        height: 100% !important;\n\n        color: transparent !important;\n        word-break: break-all !important;\n        word-wrap: break-word !important;\n\n        caret-color: ", ";\n\n        -webkit-text-fill-color: unset !important;\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)
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.156.3",
+  "version": "1.156.4",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",