feat(weapp): 支持 multipleSlots

NervJS · Nov 15, 2018 · 2e4e8a4 · 2e4e8a4
1 parent 2b87404
commit 2e4e8a4
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/packages/taro-transformer-wx/src/class.ts b/packages/taro-transformer-wx/src/class.ts
@@ -135,6 +135,16 @@ class Transformer {
     this.compile()
   }
 
+  setMultipleSlots () {
+    const body = this.classPath.node.body.body
+    if (body.some(c => t.isClassProperty(c) && c.key.name === 'multipleSlots')) {
+      return
+    }
+    const multipleSlots: any = t.classProperty(t.identifier('multipleSlots'), t.booleanLiteral(true))
+    multipleSlots.static = true
+    body.push(multipleSlots)
+  }
+
   createStringRef (componentName: string, id: string, refName: string) {
     this.refs.push({
       type: DEFAULT_Component_SET.has(componentName) ? 'dom' : 'component',
@@ -379,7 +389,7 @@ class Transformer {
           }
         }
       },
-      MemberExpression (path) {
+      MemberExpression: (path) => {
         const object = path.get('object')
         const property = path.get('property')
         if (
@@ -402,6 +412,7 @@ class Transformer {
               parentPath.replaceWith(t.jSXElement(t.jSXOpeningElement(t.jSXIdentifier('slot'), [
                 t.jSXAttribute(t.jSXIdentifier('name'), t.stringLiteral(slotName))
               ], true), t.jSXClosingElement(t.jSXIdentifier('slot')), []))
+              this.setMultipleSlots()
             } else {
               self.componentProperies.add(siblingProp.node.name)
             }

diff --git a/packages/taro-weapp/src/create-component.js b/packages/taro-weapp/src/create-component.js
@@ -66,6 +66,17 @@ function bindStaticOptions (weappComponentConf, ComponentClass) {
   }
 }
 
+function bindMultipleSlots (weappComponentConf, ComponentClass) {
+  const multipleSlots = ComponentClass.multipleSlots
+  if (!multipleSlots) {
+    return
+  }
+  weappComponentConf.options = {
+    ...weappComponentConf.options,
+    ...{ multipleSlots }
+  }
+}
+
 function bindStaticFns (weappComponentConf, ComponentClass) {
   for (const key in ComponentClass) {
     typeof ComponentClass[key] === 'function' && (weappComponentConf[key] = ComponentClass[key])
@@ -384,6 +395,7 @@ function createComponent (ComponentClass, isPage) {
   bindBehaviors(weappComponentConf, ComponentClass)
   bindStaticFns(weappComponentConf, ComponentClass)
   bindStaticOptions(weappComponentConf, ComponentClass)
+  bindMultipleSlots(weappComponentConf, ComponentClass)
   ComponentClass['$$events'] && bindEvents(weappComponentConf, ComponentClass['$$events'], isPage)
   if (ComponentClass['externalClasses'] && ComponentClass['externalClasses'].length) {
     weappComponentConf['externalClasses'] = ComponentClass['externalClasses']