From 1937c0d33e1a7ba0cd1e5bb61342aa96676f236a Mon Sep 17 00:00:00 2001
From: surunzi <redhoodsu@tencent.com>
Date: Thu, 2 Jan 2020 21:54:43 +0800
Subject: [PATCH] feat(sources): indent size configuration

---
 doc/TOOL_API.md        |  1 +
 src/Sources/Sources.js | 17 +++++++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/doc/TOOL_API.md b/doc/TOOL_API.md
index b82ba4e..bbdb0fc 100644
--- a/doc/TOOL_API.md
+++ b/doc/TOOL_API.md
@@ -134,6 +134,7 @@ View object, html, js, and css.
 |-----------|-------|-----------------|
 |showLineNum|boolean|Show Line Numbers|
 |formatCode |boolean|Beautify Code    |
+|indentSize |string |Indent Size      |
 
 ## Info
 
diff --git a/src/Sources/Sources.js b/src/Sources/Sources.js
index abb4696..774812c 100644
--- a/src/Sources/Sources.js
+++ b/src/Sources/Sources.js
@@ -14,6 +14,7 @@ export default class Sources extends Tool {
     this.name = 'sources'
     this._showLineNum = true
     this._formatCode = true
+    this._indentSize = 4
 
     this._loadTpl()
   }
@@ -123,16 +124,19 @@ export default class Sources extends Tool {
     settings
       .remove(cfg, 'showLineNum')
       .remove(cfg, 'formatCode')
+      .remove(cfg, 'indentSize')
       .remove('Sources')
   }
   _initCfg() {
     const cfg = (this.config = Settings.createCfg('sources', {
       showLineNum: true,
-      formatCode: true
+      formatCode: true,
+      indentSize: 4
     }))
 
     if (!cfg.get('showLineNum')) this._showLineNum = false
     if (!cfg.get('formatCode')) this._formatCode = false
+    this._indentSize = cfg.get('indentSize')
 
     cfg.on('change', (key, val) => {
       switch (key) {
@@ -142,6 +146,9 @@ export default class Sources extends Tool {
         case 'formatCode':
           this._formatCode = val
           return
+        case 'indentSize':
+          this._indentSize = +val
+          return
       }
     })
 
@@ -150,6 +157,7 @@ export default class Sources extends Tool {
       .text('Sources')
       .switch(cfg, 'showLineNum', 'Show Line Numbers')
       .switch(cfg, 'formatCode', 'Beautify Code')
+      .select(cfg, 'indentSize', 'Indent Size', ['2', '4'])
       .separator()
   }
   _render() {
@@ -177,6 +185,7 @@ export default class Sources extends Tool {
   }
   _renderCode() {
     const data = this._data
+    const indent_size = this._indentSize
 
     let code = data.val
     const len = data.val.length
@@ -185,13 +194,13 @@ export default class Sources extends Tool {
     if (len < MAX_BEAUTIFY_LEN && this._formatCode) {
       switch (data.type) {
         case 'html':
-          code = beautify.html(code, { unformatted: [], indent_size: 2 })
+          code = beautify.html(code, { unformatted: [], indent_size })
           break
         case 'css':
-          code = beautify.css(code, { indent_size: 2 })
+          code = beautify.css(code, { indent_size })
           break
         case 'js':
-          code = beautify(code, { indent_size: 2 })
+          code = beautify(code, { indent_size })
           break
       }