added slots build

Author: lishiwen

lib/m-vue.cjs.js

@@ -160,12 +160,10 @@ function emit(instance, eventProperty, ...args) {
 }
 // TODO: 运行时扩展实例
 function extendRuntimeInstance(instance, extendApis = {}) {
-    console.log("extendApis", extendApis);
     // XXX: 临时解决方案
     // TODO: 待完善扩展实例
     Object.keys(extendApis).forEach(key => {
         instance[key] = extendApis[key];
-        console.log(key, extendApis[key]);
     });
 }
 
@@ -174,7 +172,8 @@ function initProps(instance, rawProps = {}) {
 }
 
 const PublicPropertiesMaps = {
-    "$el": (instance) => instance.vnode.el,
+    $el: (instance) => instance.vnode.el,
+    $slots: (instance) => instance.slots,
 };
 const ComponentPublicInstanceHandlers = {
     get({ _instance }, key) {
@@ -191,6 +190,10 @@ const ComponentPublicInstanceHandlers = {
     }
 };
 
+function initSlots(instance, instanceChildren) {
+    instance.slots = instanceChildren || [];
+}
+
 function promiseEmit() { }
 
 var instanceRuntimeExtendApis = /*#__PURE__*/Object.freeze({
@@ -205,6 +208,7 @@ function createComponentInstance(vnode) {
         type: vnode.type,
         setupState: {},
         props: {},
+        slots: {},
         emit: (instance, event) => { },
     };
     // 官方Emit
@@ -216,7 +220,7 @@ function createComponentInstance(vnode) {
 }
 function setupComponent(instance) {
     initProps(instance, instance.vnode.props);
-    // initSlots();
+    initSlots(instance, instance.vnode.children);
     setupStatefulComponent(instance);
 }
 function setupStatefulComponent(instance) {
@@ -306,7 +310,7 @@ function addAttrs(vnode, container) {
     }
 }
 function setupRenderEffect(instance, container, initialVNode) {
-    const subTree = instance.render.call(instance.proxy);
+    const subTree = instance === null || instance === void 0 ? void 0 : instance.render.call(instance.proxy);
     patch(subTree, container);
     initialVNode.el = subTree.el;
 }

lib/m-vue.esm.js

@@ -156,12 +156,10 @@ function emit(instance, eventProperty, ...args) {
 }
 // TODO: 运行时扩展实例
 function extendRuntimeInstance(instance, extendApis = {}) {
-    console.log("extendApis", extendApis);
     // XXX: 临时解决方案
     // TODO: 待完善扩展实例
     Object.keys(extendApis).forEach(key => {
         instance[key] = extendApis[key];
-        console.log(key, extendApis[key]);
     });
 }
 
@@ -170,7 +168,8 @@ function initProps(instance, rawProps = {}) {
 }
 
 const PublicPropertiesMaps = {
-    "$el": (instance) => instance.vnode.el,
+    $el: (instance) => instance.vnode.el,
+    $slots: (instance) => instance.slots,
 };
 const ComponentPublicInstanceHandlers = {
     get({ _instance }, key) {
@@ -187,6 +186,10 @@ const ComponentPublicInstanceHandlers = {
     }
 };
 
+function initSlots(instance, instanceChildren) {
+    instance.slots = instanceChildren || [];
+}
+
 function promiseEmit() { }
 
 var instanceRuntimeExtendApis = /*#__PURE__*/Object.freeze({
@@ -201,6 +204,7 @@ function createComponentInstance(vnode) {
         type: vnode.type,
         setupState: {},
         props: {},
+        slots: {},
         emit: (instance, event) => { },
     };
     // 官方Emit
@@ -212,7 +216,7 @@ function createComponentInstance(vnode) {
 }
 function setupComponent(instance) {
     initProps(instance, instance.vnode.props);
-    // initSlots();
+    initSlots(instance, instance.vnode.children);
     setupStatefulComponent(instance);
 }
 function setupStatefulComponent(instance) {
@@ -302,7 +306,7 @@ function addAttrs(vnode, container) {
     }
 }
 function setupRenderEffect(instance, container, initialVNode) {
-    const subTree = instance.render.call(instance.proxy);
+    const subTree = instance === null || instance === void 0 ? void 0 : instance.render.call(instance.proxy);
     patch(subTree, container);
     initialVNode.el = subTree.el;
 }