fix: dynamic component child with if

.gitignore

@@ -13,3 +13,4 @@ test/cases/*/output
 /example
 bin/output.js
 bin/component*.js
+bin/dist

bin/debug-local.js

@@ -1,28 +1,36 @@
-const { markExternalComponent, SanProject } = require('../dist/index')
+const { markExternalComponent, SanProject, cancelMarkExternalComponent } = require('../dist/index')
 const fs = require('fs')
 const path = require('path')
 
-markExternalComponent({
-    isExternalComponent (id) {
-        if (id === './search-ui') {
-            return true
+function compile (componentPath, externalPath, outputPath) {
+    markExternalComponent({
+        isExternalComponent (id) {
+            if (id === externalPath) {
+                return true
+            }
         }
-    }
-})
+    })
 
-// offline
-const MyComponent = require('./component')
-const sanProject = new SanProject()
-const res = sanProject.compileToSource(MyComponent, 'js', {
-    useProvidedComponentClass: true
-})
+    // offline
+    const MyComponent = require(componentPath)
+    const sanProject = new SanProject()
+    const res = sanProject.compileToSource(MyComponent, 'js', {
+        // useProvidedComponentClass: true
+    })
 
-fs.writeFileSync(path.resolve(__dirname, './output.js'), res)
+    cancelMarkExternalComponent()
 
-// online
-const Component = require('./component')
-const render = require('./output')
+    fs.writeFileSync(path.resolve(__dirname, outputPath), res)
+}
 
-const html = render({}, { ComponentClass: Component })
+compile('./component', './component2', './dist/component')
+// compile('./component2', './component', './dist/component2')
+
+// // online
+// const Component = require('./component')
+const render = require('./dist/component')
+
+const html = render({})
+// const html = render({}, { ComponentClass: Component })
 
 console.log(html)

package.json

@@ -79,7 +79,7 @@
     "mkdirp": "^1.0.4",
     "mustache": "^4.0.1",
     "san": "^3.10.0",
-    "san-html-cases": "^3.10.22",
+    "san-html-cases": "^3.10.23",
     "san-ssr-target-fake-cmd": "^1.0.0",
     "san-ssr-target-fake-esm": "^1.0.0",
     "semantic-release": "^17.4.4",

src/compilers/anode-compiler.ts

@@ -106,7 +106,11 @@ export class ANodeCompiler {
 
     private * compileIf (aNode: AIfNode): Generator<Statement> {
         const ifDirective = aNode.directives.if
+
+        // 动态节点 s-is 的子节点，会被编译两次。期间不能被修改。
+        // 这里复制一份。
         const aNodeWithoutIf = Object.assign({}, aNode)
+        aNodeWithoutIf.directives = Object.assign({}, aNode.directives)
 
         // 防止重新进入 compileIf：删掉 if 指令，再递归进入当前 aNode
         // @ts-ignore