From b2448461be07d0bfc8ddf6c861a80c7928b65bae Mon Sep 17 00:00:00 2001
From: rxliuli <rxliuli@gmail.com>
Date: Mon, 14 Jan 2019 23:37:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=8E=89=E6=97=A0=E7=94=A8?=
 =?UTF-8?q?=E7=9A=84=E5=88=9D=E5=A7=8B=E6=95=B0=E6=8D=AE=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=B9=B6=E8=BF=9B=E8=A1=8C=E4=BF=9D=E5=AD=98=E4=B8=8A=E6=AC=A1?=
 =?UTF-8?q?=E5=AF=B9=E6=AF=94=E7=BB=93=E6=9E=9C=E5=88=B0=E6=B5=8F=E8=A7=88?=
 =?UTF-8?q?=E5=99=A8=E7=BC=93=E5=AD=98=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue        | 52 +++++++++++++++++++++++++++++++++++++---------
 src/date/newStr.js | 24 ---------------------
 src/date/oldStr.js | 24 ---------------------
 3 files changed, 42 insertions(+), 58 deletions(-)
 delete mode 100644 src/date/newStr.js
 delete mode 100644 src/date/oldStr.js

diff --git a/src/App.vue b/src/App.vue
index a7a5591..59624a2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,34 +4,54 @@
       <el-row :gutter="10">
         <el-col :span="12">
           <el-form-item label="旧数据：">
-            <el-input v-model="oldStr" type="textarea" :autosize="{minRows: 2, maxRows: 15}" placeholder="请输入旧数据"></el-input>
+            <el-input
+              v-model="oldStr"
+              type="textarea"
+              :autosize="{minRows: 2, maxRows: 15}"
+              placeholder="请输入旧数据"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="新数据：">
-            <el-input v-model="newStr" type="textarea" :autosize="{minRows: 2, maxRows: 15}" placeholder="请输入新数据"></el-input>
+            <el-input
+              v-model="newStr"
+              type="textarea"
+              :autosize="{minRows: 2, maxRows: 15}"
+              placeholder="请输入新数据"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="展示效果：">
-            <el-switch v-model="fotmat" active-text="line-by-line" inactive-text="side-by-side"></el-switch>
+            <el-switch
+              v-model="fotmat"
+              active-text="line-by-line"
+              inactive-text="side-by-side"
+            ></el-switch>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="差异化范围：">
-            <el-input-number v-model="context" placeholder=""></el-input-number>
+            <el-input-number
+              v-model="context"
+              placeholder=""
+            ></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
-    <code-diff :old-string="oldStr" :new-string="newStr" :context="context" :output-format="outputFormat" />
+    <code-diff
+      :old-string="oldStr"
+      :new-string="newStr"
+      :context="context"
+      :output-format="outputFormat"
+    />
   </div>
 </template>
 
 <script>
 import codeDiff from './lib/index.js'
-import oldStr from './date/oldStr'
-import newStr from './date/newStr'
 export default {
   name: 'App',
   components: {
@@ -39,16 +59,28 @@ export default {
   },
   data () {
     return {
-      oldStr,
-      newStr,
+      oldStr: '',
+      newStr: '',
       fotmat: false,
-      context: 5
+      context: 10
     }
   },
   computed: {
     outputFormat () {
       return this.fotmat ? 'line-by-line' : 'side-by-side'
     }
+  },
+  watch: {
+    oldStr (v) {
+      localStorage.setItem('oldStr', v)
+    },
+    newStr (v) {
+      localStorage.setItem('newStr', v)
+    }
+  },
+  mounted () {
+    this.oldStr = localStorage.getItem('oldStr')
+    this.newStr = localStorage.getItem('newStr')
   }
 }
 </script>
diff --git a/src/date/newStr.js b/src/date/newStr.js
deleted file mode 100644
index 8233c38..0000000
--- a/src/date/newStr.js
+++ /dev/null
@@ -1,24 +0,0 @@
-export default `
-'use strict'
-const utils = require('./utils')
-const config = require('../config')
-const isProduction = process.env.NODE_ENV === 'production'
-const sourceMapEnabled = isProduction
-  ? config.build.productionSourceMap
-  : config.dev.cssSourceMap
-
-module.exports = {
-  loaders: utils.cssLoaders({
-    sourceMap: sourceMapEnabled,
-    extract: isProduction
-  }),
-  cssSourceMap: sourceMapEnabled,
-  cacheBusting: config.dev.cacheBusting,
-  transformToRequire: {
-    video: 'src',
-    source: 'src',
-    img: 'src',
-    image: 'xlink:href'
-  }
-}
-`
diff --git a/src/date/oldStr.js b/src/date/oldStr.js
deleted file mode 100644
index f8a5a26..0000000
--- a/src/date/oldStr.js
+++ /dev/null
@@ -1,24 +0,0 @@
-export default `
-'use strict'
-const utils = require('./utils')
-const config = require('../config')
-const isProduction = process.env.NODE_ENV === 'production'
-const sourceMapEnabled = isProduction
-  ? config.build.productionSourceMap
-  : config.dev.cssSourceMap
-
-module.exports = {
-  loaders: utils.cssLoaders({
-    sourceMap: sourceMapEnabled,
-    extract: isProductionSSSS
-  }),
-  cssSourceMap: sourceMapEnabled,
-  cacheBusting: config.dev.cacheBusting,
-  transformToRequire: {
-    video: 'src',
-    source: 'src',
-    img: 'src',
-    image: 'xlink:href'
-  }
-}
-`