update omi-mp

packages/omi-mp/dist/src/mp/components/my-child/my-child.js

@@ -1,3 +1,12 @@
+import myChildCss from './my-child.wxss'
+import { h, WeElement } from 'omi'
+import { setData } from '../../../utils/set-data'
+
+
+function css() {
+  return rpx2px(myChildCss)
+}
+
 function render() {
   return h('span', null, ['my-child'])
 }
@@ -19,3 +28,33 @@ const mpOption = Component({
    */
   methods: {}
 })
+
+
+
+class Element extends WeElement {
+  data = mpOption.data
+
+  render = render
+
+  css = css
+
+  beforeRender() {}
+
+  beforeUpdate() {}
+
+  afterUpdate() {}
+
+  install() {}
+
+  uninstall() {}
+
+  installed() {}
+
+  setData = setData
+}
+
+Object.keys(mpOption).forEach(key => {
+  Element.prototype[key] = mpOption[key]
+})
+
+customElements.define('my-child', Element)

packages/omi-mp/dist/src/mp/components/my-ele/my-ele.js

@@ -1,5 +1,13 @@
+import myEleCss from './my-ele.wxss'
+import { h, WeElement } from 'omi'
+import { setData } from '../../../utils/set-data'
 import '../my-child/my-child'
 
+
+function css() {
+  return rpx2px(myEleCss)
+}
+
 function render() {
   return h('div', null, [h('my-child', null, []), h('div', null, ['my-ele'])])
 }
@@ -20,3 +28,32 @@ const mpOption = Component({
    */
   methods: {}
 })
+
+
+class Element extends WeElement {
+  data = mpOption.data
+
+  render = render
+
+  css = css
+
+  beforeRender() {}
+
+  beforeUpdate() {}
+
+  afterUpdate() {}
+
+  install() {}
+
+  uninstall() {}
+
+  installed() {}
+
+  setData = setData
+}
+
+Object.keys(mpOption).forEach(key => {
+  Element.prototype[key] = mpOption[key]
+})
+
+customElements.define('my-ele', Element)

packages/omi-mp/dist/src/mp/pages/logs/logs.js

@@ -2,18 +2,22 @@ import appCss from '../../app.wxss'
 import logsCss from './logs.wxss'
 import { h, WeElement } from 'omi'
 import { setData } from '../../../utils/set-data'
+import '../../components/my-ele/my-ele'
 
 function css() {
   return rpx2px(appCss + logsCss)
 }
+
 function render() {
   const { logs } = Object.assign({}, this.data, this.props)
   return h('div', { class: 'container log-list' }, [
     logs.map((log, index) => {
       return h('span', { class: 'log-item' }, [`${index + 1}. ${log}`])
-    })
+    }),
+    h('my-ele', null, [])
   ])
 }
+
 //logs.js
 const util = require('../../utils/util.js')
 

packages/omi-mp/dist/src/mp/pages/logs/logs.json

@@ -1,3 +1,6 @@
 {
-  "navigationBarTitleText": "查看启动日志"
-}
+  "navigationBarTitleText": "查看启动日志",
+  "usingComponents": {
+    "my-ele":"../../components/my-ele/my-ele"
+  }
+}

packages/omi-mp/test/index.js

@@ -251,8 +251,8 @@ var logs =`
   <block wx:for="{{logs}}" wx:for-item="log">
     <text class="log-item">{{index + 1}}. {{log}}</text>
   </block>
+  <my-ele />
 </view>
-
 `
 
 console.log(compile(logs))