[Feature]support codeshow wrap-button (#2924)

* support-code-show-wrap-button * Spotless Apply --------- Co-authored-by: Zzm0809 <Zzm0809@users.noreply.github.com>
DataLinkDC · Jan 6, 2024 · 40aa410 · 40aa410
1 parent 6bfe466
commit 40aa410
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/dinky-web/src/components/CustomEditor/CodeShow/index.tsx b/dinky-web/src/components/CustomEditor/CodeShow/index.tsx
@@ -166,6 +166,10 @@ const CodeShow = (props: CodeShowFormProps) => {
     return URL.createObjectURL(blob);
   };
 
+  const handleWrap = () => {
+    editorInstance?.current?.updateOptions({ wordWrap: 'on' });
+  };
+
   /**
    *  editorDidMount
    * @param {editor.IStandaloneCodeEditor} editor
@@ -200,7 +204,8 @@ const CodeShow = (props: CodeShowFormProps) => {
     handleBackBottom,
     handleUpScroll,
     handleDownScroll,
-    handleDownloadLog
+    handleDownloadLog,
+    handleWrap
   };
 
   /**

diff --git a/dinky-web/src/components/CustomEditor/EditorFloatBtn/index.tsx b/dinky-web/src/components/CustomEditor/EditorFloatBtn/index.tsx
@@ -22,6 +22,7 @@ import { l } from '@/utils/intl';
 import {
   CloudDownloadOutlined,
   DownCircleFilled,
+  EnterOutlined,
   StopFilled,
   SyncOutlined,
   UpCircleFilled,
@@ -48,6 +49,7 @@ type EditFloatBtnProps = {
   handleUpScroll?: () => void; // up scroll callback
   handleDownScroll?: () => void; // down scroll callback
   handleDownloadLog?: () => string; // download log callback
+  handleWrap?: () => void; // wrap callback
 };
 const EditorFloatBtn: React.FC<EditFloatBtnProps> = (props) => {
   /**
@@ -65,7 +67,8 @@ const EditorFloatBtn: React.FC<EditFloatBtnProps> = (props) => {
     handleBackBottom,
     handleUpScroll,
     handleDownScroll,
-    handleDownloadLog
+    handleDownloadLog,
+    handleWrap
   } = props;
 
   /**
@@ -121,6 +124,11 @@ const EditorFloatBtn: React.FC<EditFloatBtnProps> = (props) => {
           href={handleDownloadLog ? handleDownloadLog() : '123 '}
           title={'Download'}
         />
+        <CircleBtn
+          icon={<EnterOutlined />}
+          onClick={() => handleWrap && handleWrap()}
+          title={l('button.wrap')}
+        />
       </Space>
     </>
   );

diff --git a/dinky-web/src/locales/en-US/global.ts b/dinky-web/src/locales/en-US/global.ts
@@ -79,6 +79,7 @@ export default {
   'button.backTop': 'Back Top',
   'button.backBottom': 'Back Bottom',
   'button.downScroll': 'Down Scroll',
+  'button.wrap': 'Wrap',
   'button.upScroll': 'Up Scroll',
   'button.stopRefresh': 'Stop Auto Refresh',
   'button.startRefresh': 'Start Auto Refresh(5s/e)',

diff --git a/dinky-web/src/locales/zh-CN/global.ts b/dinky-web/src/locales/zh-CN/global.ts
@@ -79,6 +79,7 @@ export default {
   'button.backTop': '返回顶部',
   'button.backBottom': '去底部',
   'button.downScroll': '向下滚动',
+  'button.wrap': '换行',
   'button.upScroll': '向上滚动',
   'button.stopRefresh': '停止自动刷新',
   'button.startRefresh': '开始自动刷新(5s/次)',