ui: add option for autoFormat

.eslintrc.yaml

@@ -7,24 +7,24 @@ globals:
   Atomics: readonly
   SharedArrayBuffer: readonly
   BigInt: readonly
-parser: "@typescript-eslint/parser"
+parser: '@typescript-eslint/parser'
 plugins:
-  - "@typescript-eslint"
+  - '@typescript-eslint'
 rules:
-  "@typescript-eslint/dot-notation": 0
-  "@typescript-eslint/no-implied-eval": 0
-  "@typescript-eslint/no-throw-literal": 0
-  "@typescript-eslint/return-await": 0
+  '@typescript-eslint/dot-notation': 0
+  '@typescript-eslint/no-implied-eval': 0
+  '@typescript-eslint/no-throw-literal': 0
+  '@typescript-eslint/return-await': 0
 
-  "@typescript-eslint/indent":
+  '@typescript-eslint/indent':
     - warn
     - 4
-  "@typescript-eslint/lines-between-class-members":
+  '@typescript-eslint/lines-between-class-members':
     - error
     - always
     - exceptAfterSingleLine: true
-  "@typescript-eslint/naming-convention": 0
-  "@typescript-eslint/no-redeclare": 0
+  '@typescript-eslint/naming-convention': 0
+  '@typescript-eslint/no-redeclare': 0
 
   class-methods-use-this: 0
   global-require: 0
@@ -55,7 +55,7 @@ rules:
   prefer-destructuring: 0
 settings:
   import/parsers:
-    "@typescript-eslint/parser":
+    '@typescript-eslint/parser':
       - .ts
       - .js
       - .jsx

packages/ui-default/components/highlighter/highlighter.page.js

@@ -5,7 +5,7 @@ import Notification from 'vj/components/notification/index';
 const highlighterPage = new AutoloadPage('highlighterPage', async () => {
   const [{ default: prismjs }, [success, format]] = await Promise.all([
     import('./prismjs'),
-    load(),
+    UserContext.formatCode ? load() : [true, null],
   ]);
   if (!success) Notification.error(`Astyle load fail: ${format}`);
   function runHighlight($container) {

packages/ui-default/setting.yaml

@@ -86,6 +86,12 @@ showInvisibleChar:
   family: highlight
   desc: show invisible characters when formatting code
   category: preference
+formatCode:
+  type: boolean
+  family: highlight
+  desc: Auto format code
+  category: preference
+  value: true
 astyleOptions:
   type: text
   family: highlight