微调组件slot机制

package.json

@@ -1,6 +1,6 @@
 {
   "name": "anot",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Anot - 迷你mvvm框架",
   "main": "dist/anot.js",
   "files": [

src/00-generate.js

@@ -12,7 +12,7 @@ var DOC = window.document
 var head = DOC.head //HEAD元素
 head.insertAdjacentHTML(
   'afterBegin',
-  '<anot skip class="anot-hide"><style id="anot-style">.anot-hide{ display: none!important }</style></anot>'
+  '<anot skip class="anot-hide"><style id="anot-style">.anot-hide{ display: none!important } slot{visibility:hidden;}</style></anot>'
 )
 var ifGroup = head.firstChild
 

src/15-component.js

@@ -17,12 +17,24 @@ function parseSlot(collections, vms) {
   arr.forEach(function(elem) {
     switch (elem.nodeType) {
       case 1:
-        var slot = elem.getAttribute('slot')
+        var isSlotTag = elem.tagName === 'SLOT'
+        var slotKey = null
+        var isSlotAttr = elem.getAttribute('slot')
 
-        if (slot) {
+        if (isSlotTag) {
-          obj[slot] = obj[slot] || []
+          slotKey = elem.name || elem.getAttribute('name')
+        } else if (isSlotAttr) {
+          slotKey = isSlotAttr
+        }
+
+        if (slotKey) {
+          obj[slotKey] = obj[slotKey] || []
           elem.removeAttribute('slot')
-          obj[slot].push(elem.outerHTML)
+          if (isSlotTag) {
+            obj[slotKey].push(elem.innerHTML)
+          } else {
+            obj[slotKey].push(elem.outerHTML)
+          }
         } else {
           var txt = elem.outerHTML
           if (isWidget(elem) || /:[\w-]*=".*"/.test(txt)) {