ui: 优化系统设置页面

packages/ui-default/components/editor/cmeditor.page.js

@@ -3,10 +3,12 @@ import delay from 'vj/utils/delay';
 import CmEditor from '.';
 
 function runSubstitute($container) {
-  const selector = ['textarea[data-markdown]'];
-  $container.find(selector.join(', ')).get().forEach((element) => {
+  $container.find('textarea[data-markdown]').get().forEach((element) => {
     CmEditor.getOrConstruct($(element));
   });
+  $container.find('textarea[data-yaml]').get().forEach((element) => {
+    CmEditor.getOrConstruct($(element), { language: 'yaml' });
+  });
 }
 
 const cmEditorPage = new AutoloadPage('cmEditorPage', () => {

packages/ui-default/components/editor/index.js

@@ -58,10 +58,16 @@ export default class Editor extends DOMAttachedObject {
       lightbulb: { enabled: true },
       model: this.model,
       automaticLayout: true,
+      wordWarp: 'bounded',
+      minimap: { enabled: false },
+      hideCursorInOverviewRuler: true,
+      overviewRulerLanes: 0,
+      overviewRulerBorder: false,
     };
     if (autoResize) {
       cfg.scrollbar = {
         vertical: 'hidden',
+        horizontal: 'hidden',
         handleMouseWheel: false,
       };
       cfg.scrollBeyondLastLine = false;

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.8.2",
+  "version": "4.8.3",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",

packages/ui-default/templates/components/form.html

@@ -183,7 +183,7 @@
 {% endmacro %}
 
 {% macro form_textarea(args) %}
-{{ form_begin({columns:8}|assign(args)) }}
+{{ form_begin({columns:10}|assign(args)) }}
 {{ textarea(args) }}
 {{ form_end(args) }}
 {% endmacro %}

packages/ui-default/templates/partials/setting.html

@@ -52,7 +52,8 @@
           name:setting.key,
           value:'' if secret else (current[setting.key]|default(setting.value)),
           disabled:setting.disabled,
-          placeholder:_('(Not changed)') if secret else ''
+          placeholder:_('(Not changed)') if secret else '',
+          extra_attr: 'data-yaml' if setting.subType == 'yaml' else ''
         }) }}
   {% elif setting.type == 'markdown' %}
     {{ form.form_textarea({