@fe-free/core 1.4.14 → 1.4.15

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @fe-free/core
 
+## 1.4.15
+
+### Patch Changes
+
+- feat: editor
+  - @fe-free/tool@1.4.15
+
 ## 1.4.14
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/core",
-  "version": "1.4.14",
+  "version": "1.4.15",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -36,7 +36,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "vanilla-jsoneditor": "^0.23.1",
     "zustand": "^4.5.4",
-    "@fe-free/tool": "1.4.14"
+    "@fe-free/tool": "1.4.15"
   },
   "peerDependencies": {
     "@ant-design/pro-components": "^2.8.7",

package/src/editor/editor.stories.tsx

@@ -39,6 +39,14 @@ export const ReadOnly: Story = {
   render: (props) => <BasicDemo {...props} />,
 };
 
+export const Wrap: Story = {
+  args: {
+    value:
+      'hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!hello world!',
+  },
+  render: (props) => <BasicDemo {...props} />,
+};
+
 // 不可编辑模式
 export const Editable: Story = {
   args: {

package/src/editor/index.tsx

@@ -2,6 +2,7 @@ import { javascript } from '@codemirror/lang-javascript';
 import { json } from '@codemirror/lang-json';
 import { markdown } from '@codemirror/lang-markdown';
 import { python } from '@codemirror/lang-python';
+import { EditorView } from '@codemirror/view';
 import { basicDarkInit } from '@uiw/codemirror-theme-basic/dark';
 import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
 import CodeMirror from '@uiw/react-codemirror';
@@ -47,7 +48,7 @@ function Editor(props: EditorProps) {
   } = props;
 
   const extensions = useMemo(() => {
-    const result: ReactCodeMirrorProps['extensions'] = [];
+    const result: ReactCodeMirrorProps['extensions'] = [EditorView.lineWrapping];
 
     if (originExtensions) {
       result.push(...originExtensions);