base64 添加Url Safe 支持 #34

package.json

 {
     "name": "c-tool",
-    "version": "1.3.0",
+    "version": "1.3.1",
     "private": true,
     "scripts": {
         "serve": "vue-cli-service serve --port 8081",

src/tool.vue

@@ -49,7 +49,7 @@
                 <template slot-scope="{ row }" slot="_value">
                     <div>{{ historyValue(row.value) }}}</div>
                 </template>
-                <template slot-scope="{ index,row }" slot="_op">
+                <template slot-scope="{ index }" slot="_op">
                     <Button type="primary" size="small" @click="historyView(index)">查看</Button>
                     <Button type="primary" style="margin-left: 5px" @click="historyLoad(index)" size="small">加载</Button>
                 </template>
@@ -85,7 +85,7 @@ export default {
                 {
                     title: '数据',
                     slot: '_value',
-                    ellipsis:true
+                    ellipsis:true,
                 },
                 {
                     title: '操作',

src/views/tool/base64.vue

@@ -8,35 +8,44 @@
                     <Button type="primary" @click="handle('decode')">解密</Button>
                 </ButtonGroup>
             </FormItem>
+            <FormItem>
+                <Checkbox v-model="current.isUriSafe">Url Safe</Checkbox>
+            </FormItem>
         </option-block>
         <Input v-model="current.output" :rows="7" type="textarea" placeholder="结果"></Input>
     </div>
 </template>
 <script>
-    import { Base64 } from 'js-base64';
+import { Base64 } from 'js-base64'
 
-    export default {
-        created() {
-            this.current = Object.assign(this.current,this.$getToolData("input"))
-        },
-        methods: {
-            handle(v) {
-                if (this.current.input) {
-                    this.current.output = Base64[v](this.current.input);
-                    this.current.operation = v;
-                    this.$clipboardCopy(this.current.output);
-                    this.$saveToolData(this.current);
+export default {
+    created () {
+        this.current = Object.assign(this.current, this.$getToolData('input'))
+    },
+    methods: {
+        handle (v) {
+            if (this.current.input) {
+                if (v === "encode"){
+                    this.current.output = Base64.encode(this.current.input,this.current.isUriSafe)
                 }
-            }
-        },
-        data() {
-            return {
-                current:{
-                    input: "",
-                    output: "",
-                    operation:""
+                else{
+                    this.current.output = Base64.decode(this.current.input)
                 }
+                this.current.operation = v
+                this.$clipboardCopy(this.current.output)
+                this.$saveToolData(this.current)
             }
         },
-    }
+    },
+    data () {
+        return {
+            current: {
+                input: '',
+                output: '',
+                operation: '',
+                isUriSafe: false,
+            },
+        }
+    },
+}
 </script>
\ No newline at end of file