瀏覽代碼

Merge pull request #99 from ryangjchandler/feature/toggle

feature: add new toggle() method
Ryan Chandler 4 年之前
父節點
當前提交
7de9a6d248
共有 8 個文件被更改,包括 13 次插入0 次删除
  1. 0 0
      dist/spruce.js
  2. 0 0
      dist/spruce.js.map
  3. 0 0
      dist/spruce.module.js
  4. 0 0
      dist/spruce.module.js.map
  5. 0 0
      dist/spruce.umd.js
  6. 0 0
      dist/spruce.umd.js.map
  7. 9 0
      examples/index.html
  8. 4 0
      src/index.js

文件差異過大導致無法顯示
+ 0 - 0
dist/spruce.js


文件差異過大導致無法顯示
+ 0 - 0
dist/spruce.js.map


文件差異過大導致無法顯示
+ 0 - 0
dist/spruce.module.js


文件差異過大導致無法顯示
+ 0 - 0
dist/spruce.module.js.map


文件差異過大導致無法顯示
+ 0 - 0
dist/spruce.umd.js


文件差異過大導致無法顯示
+ 0 - 0
dist/spruce.umd.js.map


+ 9 - 0
examples/index.html

@@ -43,6 +43,11 @@
             <input type="text" x-model="$store.user.name">
         </div>
 
+        <div x-data>
+            <input type="checkbox" x-model="$store.toggled.on">
+            <button @click="Spruce.toggle('toggled.on')">Toggle checkbox</button>
+        </div>
+
         <script src="../dist/spruce.umd.js"></script>
 
         <script>
@@ -60,6 +65,10 @@
                 }
             }, true)
 
+            Spruce.store('toggled', {
+                on: true
+            })
+
             Spruce.store('colorScheme', 'light', true)
 
             Spruce.store('todo', {

+ 4 - 0
src/index.js

@@ -176,6 +176,10 @@ const Spruce = {
         }
     },
 
+    toggle(name) {
+        return this.set(name, ! this.get(name))
+    },
+
     watch(name, callback) {
         if (! this.hasStarted) {
             this.watchers[name] || (this.watchers[name] = [])

部分文件因文件數量過多而無法顯示