beyond-rails 0.0.250 → 0.0.255

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 322787a4c8946f84a187c1d8a6f61ae484e197a5295c872f63aa5cbc7ed43f91
-  data.tar.gz: 64d4fd67dd0c18f3441e3bc09d5d57c4ccb518e2368c5318a7654a025c97a7e9
+  metadata.gz: 68c18389bc3fc3c322900aa4f5fb6883b68cb5255fc26bf3ed8ab257f55b22b6
+  data.tar.gz: d52ea6b4f1d3aee55fdf7e3d1b539c2128187158116af66eabca5dc3d40b328a
 SHA512:
-  metadata.gz: 787409b5d76b822cc1cb20494c71892c48a4277edc0de48f70ccaba4180ccb473f4c88d09cb988015cf3355c9a0e3f48e48f09a439edeb76f5266c104e6f7e11
-  data.tar.gz: db95d7c2437ddebab2e7da69ce48c88fc612b4fc72784ec83cc800ed138339fff8db27a54cc7b8743d2c3175066748b6c069b41832d063dd30bb0feec98a1b3d
+  metadata.gz: 6af46b3f2c22d2aa4f2ba797071df8b0216923ec5943983293b68d3d6b5f393e7882a73ead03045add7489ca8caaf48a6460f8ea9e84287153c4f02cfb7a3602
+  data.tar.gz: bdacd91a41fd9cb6739253ae8639ef1340425822191287203896ccb4fb30b80215799cf36e98cbcb631cd72e057dacd89560d89789c3fc60423c7f5109cb0f07

data/src/js/components/TagInput.js

@@ -14,6 +14,7 @@ export default class TagInput {
     this.change = options.change || noop
     this.isComposing = false
     this.raf = raf
+    this.id = 0
     this.tags = []
     this.init()
   }
@@ -74,8 +75,33 @@ export default class TagInput {
     }, 500)
   }
 
-  addTag(inputValue, res) {
-    const classname = res.classname ? ` ${res.classname}` : ''
+  setTagAttrs(id, rows = [], options = {}) {
+    const tag = this.tags.find(tag => tag.id === id)
+    if (! tag) {
+      return
+    }
+    const { elem } = tag
+    const { timeout } = options
+    const oldAttrs = rows.map(row => elem.getAttribute(row.name))
+
+    rows.forEach(row => {
+      elem.setAttribute(row.name, row.value)
+    })
+
+    if (timeout) {
+      setTimeout(() => {
+        if (document.body.contains(elem)) {
+          rows.forEach((row, i) => {
+            elem.setAttribute(row.name, oldAttrs[i])
+          })
+        }
+      }, timeout)
+    }
+  }
+
+  getTag(inputValue, options = {}) {
+
+    const classname = options.classname ? ` ${options.classname}` : ''
     const tag = document.createElement('div')
 
     tag.className = 'tag' + classname
@@ -94,9 +120,25 @@ export default class TagInput {
     }
     btn.addEventListener('click', handleBtnClick)
     tag.appendChild(btn)
+    this.id += 1
 
-    this.tags.push({ elem: tag, remove: handleBtnClick, res })
-    this.dom.insertBefore(tag, this.inputDiv)
+    return { id: this.id, elem: tag, remove: handleBtnClick, options }
+  }
+
+  setTags(rows) {
+    const { dom, inputDiv } = this
+    const tags = rows.map(row => this.getTag(row.text, row))
+    tags.forEach(tag => {
+      dom.insertBefore(tag.elem, inputDiv)
+    })
+    this.tags = tags
+  }
+
+  addTag(inputValue, options = {}) {
+    const tag = this.getTag(inputValue, options)
+    this.tags.push(tag)
+    this.dom.insertBefore(tag.elem, this.inputDiv)
+    this.change(this.tags.slice())
   }
 
   async addTagIfNeeded() {
@@ -110,8 +152,6 @@ export default class TagInput {
 
     input.value = ''
     suggestInput.value = ''
-
-    this.change(this.tags.slice())
   }
 
   removeTagIfNeeded() {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.250
+  version: 0.0.255
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-19 00:00:00.000000000 Z
+date: 2020-11-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc