[update]

boke0 · Dec 8, 2020 · 80e4ff7 · 80e4ff7
1 parent 82afde2
commit 80e4ff7
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/examples/src/main.js b/examples/src/main.js
@@ -16,15 +16,25 @@ class TestComponent extends Component {
       <div id='he' @click=${e => this.dispatch('update')}>hhhhh</div>
       <ul>
         ${state.arr.map((_, i) => html`
-          <li>${
+          <li class=${
             i%15 == 0
               ?'fizzbuzz'
               : i%5 == 0
                 ? 'buzz'
                 : i%3 == 0
                   ? 'fizz'
                   : i
-          }</li>
+            } data-id=${i%2==0?'even':'odd'}>
+          ${
+            i%15 == 0
+              ?'fizzbuzz'
+              : i%5 == 0
+                ? 'buzz'
+                : i%3 == 0
+                  ? 'fizz'
+                  : i
+            }
+          </li>
         `)}
       </ul>
     `;

diff --git a/main.js b/main.js
@@ -329,16 +329,8 @@ class Template extends RenderPart {
     for(const i in this.placeholder){
       const placeholder = this.placeholder[i];
       const {type, hash} = placeholder;
-      while(walker.nextNode()){
-        if(walker.currentNode instanceof Text) continue;
-        if(walker.currentNode instanceof Comment && walker.currentNode.data.trim() == 'node-'+hash+'-start'){
-          break;
-        }else if(type == 'attr' && walker.currentNode instanceof HTMLElement && walker.currentNode.hasAttribute('data-attr'+hash)) {
-          break;
-        }
-      }
       if(type == 'attr'){
-        const element = walker.currentNode;
+        const element = this.fragment.querySelector('[data-attr'+hash+']');
         const a = placeholder.attr;
         switch(a[0]) {
             case "@":
@@ -360,7 +352,12 @@ class Template extends RenderPart {
                 break;
         }
       }else{
-        walker.nextNode();
+        do{
+          if(walker.currentNode instanceof Text) continue;
+          if(walker.currentNode instanceof Comment && walker.currentNode.data.trim() == 'node-'+hash+'-start'){
+            break;
+          }
+        } while(walker.nextNode());
         const range = document.createRange();
         let current = walker.currentNode;
         let container = current.parentNode ? current.parentNode : this.fragment;

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,5 +1,3 @@
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
-
 module.exports = {
   mode: 'production',
   entry: './main.js',