1.8

Author: ydtg1993

resources/assets/component.js

@@ -100,6 +100,7 @@ class ComponentDot {
         for (let element of this.CONTENT_DOM.getElementsByClassName("dlp-label")) {
             element.addEventListener('click', this.tagSelect.bind(this, element), false);
         }
+
         let search = document.querySelector(`#${this.name} .dot-search`);
         search.addEventListener('input', () => this.search(search));
     }
@@ -177,9 +178,11 @@ class ComponentDot {
     search(search) {
         if (search.value === '') {
             if (this.SELECT_COVER_DOM instanceof HTMLElement) {
+                let elements = [];
                 this.SELECT_COVER_DOM.childNodes.forEach((D) => {
-                    this.CONTENT_DOM.appendChild(D);
+                    elements.push(D);
                 });
+                this.CONTENT_DOM.append(...elements);
                 this.SELECT_COVER_DOM.remove();
                 this.SELECT_COVER_DOM = null;
             }
@@ -190,15 +193,16 @@ class ComponentDot {
             this.SELECT_COVER_DOM.className = 'dot-select dlp-scroll dot-select-cover';
             this.CONTENT_DOM.appendChild(this.SELECT_COVER_DOM);
         }
+        let elements = [];
         for (let element of this.CONTENT_DOM.childNodes) {
             if (element.className.indexOf('dlp-label') === -1) {
                 continue;
             }
             if (element.innerText.indexOf(search.value) !== -1) {
-                this.SELECT_COVER_DOM.appendChild(element);
+                elements.push(element);
             }
         }
-
+        this.SELECT_COVER_DOM.append(...elements);
     }
 }
 

test/index.html

@@ -16,7 +16,7 @@
 <div id="test2" style="width: 500px;height: 320px"></div>
 </body>
 <script>
-    new ComponentDot('test',[1,2,3],{1:'a',2:'b',3:'c',4:'d',5:'e',6:'f',7:'g',8:'h321321312312313',9:'i',10:'a1',11:'A5',12:'c00'});
+    new ComponentDot('test',[1,2,3],{1:'a',2:'b',3:'c',4:'d',5:'e',6:'f',7:'g',8:'h321321312312313',9:'i',10:'a1',11:'A5',12:'c1',13:'c2'});
 
     new ComponentLine("test2",JSON.parse('{"name":{"name":"名称","type":"input"},"meta":{"name":"信息","type":"input"},"url":{"name":"链接","type":"input"},"time":{"name":"更新时间","type":"text"},"is-small":{"name":"高清[1是 2否]","type":"input","style":"width:60px"},"is-warning":{"name":"含字幕[1是 2否]","type":"input","style":"width:60px"},"tooltip":{"name":"可下载[1是 2否]","type":"input","style":"width:60px"}}'),JSON.parse('[{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.SD.MP4-KLEENEX","url":"magnet?xt=urnbtih1b771980c465052d1c96eade30be1297e1f73cff&dn=HDouban.comTushyRaw.21.04.28.Penelope.Kay.XXX.SD.MP4-KLEENEX","meta":"(246MB,3個文件)","tooltip":"2","time":"2021-05-14 000000","is-small":"2","is-warning":"2"},{"name":"T1080","url":"magnet?xt=urn tih20244eea8bafa94c27699ada817638f0a01fdbea&dn=HDouban.com TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","meta":"","tooltip":"2","time":"2021-05-15 000000","is-small":"1","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.720p.HEVC.x265.PRT","url":"magnet?xt=urnbtih0c647fd1acb9e6c3bf617c117e60c86b29fa233c&dn=HDouban.com TushyRaw.21.04.28.Penelope.Kay.XXX.720p.HEVC.x265.PRT","meta":"(236MB,2個文件)","tooltip":"2","time":"2021-05-14 000000","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.480p.MP4-XXX","url":"magnet?xt=urnbtih7DE13EF7EE22D9780F7DE6C459D6DD33F64D126C","meta":"251.82M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","url":"magnet?xt=urnbtih20244EEA8BAFA94C27699ADA817638F0A01FDBEA","meta":"2.65G","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.SD.MP4-KLEENEX","url":"magnet?xt=urnbtih1B771980C465052D1C96EADE30BE1297E1F73CFF","meta":"246.64M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.720p.HEVC.x265.PRT","url":"magnet?xt=urnbtih0C647FD1ACB9E6C3BF617C117E60C86B29FA233C","meta":"236.12M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.HEVC.x265.PRT","url":"magnet?xt=urnbtihA4B92AFFB6A39E2B3F69064EF174598CA2D6C630","meta":"412.77M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","url":"magnet?xt=urnbtih20244eea8bafa94c27699ada817638f0a01fdbea&dn=TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","meta":"","tooltip":"2","time":"2022-02-08 102237","is-small":"2","is-warning":"2"}]'),JSON.parse('[]'));