beyond-rails 0.0.251 → 0.0.256

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e7c25c8becf8350b03ce7b3be5e10d7aa6a5e7c748609be8c6004066dfb1b4e2
-  data.tar.gz: 60db926a555eecbd5ab96f3d7018909eb071c35e5415da248c0b8265812fb6f9
+  metadata.gz: c3e85d9b4c8f791f8ed1eb1bac8a68f71ca189301734451410d1da2628cf49e9
+  data.tar.gz: fb6e1b6de1b7703918a39e5f426bcfad2cc743fbb5c9534878e86ba3f635586d
 SHA512:
-  metadata.gz: f1d4b5d3497fb25c8fe860f73d8cc0428253d05621e110acbbe4a5099ecb96c17c96ba5628d31f272056c336d86db5fa28622efd2ca0d549cdf55509b271d4f1
-  data.tar.gz: d84d78e047382a8c69af7fa8f8826103ae1a3b4bc8705b5ca070015e0b90fbd408a61d2fc8e558bd4629bb36584f74e1d62352bd2bde6e4dd2ed78e776da3d48
+  metadata.gz: 7408a3297619f390240197b29e768e9a37ad7c3377072470edafdbc29762d8bbd3b146f14808417ea1f16258c79e0cf30d2b09f0581ff4f755beb2c20422a5b0
+  data.tar.gz: 90c1d93650ecdfa61be3ea6e4d37c8bbe81804748fb9233cb5bf48fbfa6fde4ff555f2a5ffcd2f9d5409c3dd0f142dd2a944fa2ddede8cb5780400bd75eaa029

data/src/js/components/TagInput.js

@@ -75,26 +75,41 @@ export default class TagInput {
     }, 500)
   }
 
-  setTag(id, options = {}) {
+  setTagAttrs(id, rows = [], options = {}) {
     const tag = this.tags.find(tag => tag.id === id)
     if (! tag) {
       return
     }
-    if (options.classname) {
-      const originalClassname = tag.elem.className
-      tag.elem.className = options.classname
-      if (options.classnameTimeout) {
-        setTimeout(() => {
-          if (document.body.contains(tag.elem)) {
-            tag.elem.className = originalClassname
-          }
-        }, options.classnameTimeout)
-      }
+    const { elem } = tag
+    const { timeout } = options
+
+    if (this.timer) {
+      clearTimeout(this.timer)
+      this.timer = null
+    }
+    else {
+      this.oldAttrs = rows.map(row => elem.getAttribute(row.name))
+    }
+
+    rows.forEach(row => {
+      elem.setAttribute(row.name, row.value)
+    })
+
+    if (timeout) {
+      this.timer = setTimeout(() => {
+        if (document.body.contains(elem)) {
+          const { oldAttrs } = this
+          rows.forEach((row, i) => {
+            elem.setAttribute(row.name, oldAttrs[i])
+          })
+        }
+      }, timeout)
     }
   }
 
-  addTag(inputValue, res) {
-    const classname = res.classname ? ` ${res.classname}` : ''
+  getTag(inputValue, options = {}) {
+
+    const classname = options.classname ? ` ${options.classname}` : ''
     const tag = document.createElement('div')
 
     tag.className = 'tag' + classname
@@ -113,10 +128,25 @@ export default class TagInput {
     }
     btn.addEventListener('click', handleBtnClick)
     tag.appendChild(btn)
-
     this.id += 1
-    this.tags.push({ id: this.id, 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() {
@@ -126,12 +156,9 @@ export default class TagInput {
     if (! res.isTag) {
       return this.shake()
     }
-    this.addTag(inputValue, res)
-
     input.value = ''
     suggestInput.value = ''
-
-    this.change(this.tags.slice())
+    this.addTag(inputValue, res)
   }
 
   removeTagIfNeeded() {

metadata

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