0.0.32 • Published 6 years ago

@whatsmk/meta-engine v0.0.32

Weekly downloads
-
License
MIT
Repository
github
Last release
6 years ago

mk-meta-engine

元数据化引擎,在mk-app-loader实现的应用隔离基础上,实现可以用json元数据描述界面模型,并提供了action、reducer的基础函数和monkeyKing组件.

目的是让开发者能按照一个固定的套路创建应用

run example

$ cd example
$ npm init
$ npm start

基于当前元数据引擎实现的一些模板app,请点击链接查看

demo网站

API

index

成员说明类型
start启动, 使用mk命令创建网站已经调用,不用手动再掉function
config配置,配置元数据引擎以及app-loader需要apps,components等,不用手动调用function
action元数据引擎基类action,提供了一些action基础方法class
reducer元数据引擎基类reducer,提供了一些reducer基础方法class
wrapper元数据引擎组件装饰器function
componentFactory元数据引擎组件仓库,可以注册自己开发的组件function
AppLoaderAppLoader组件,可以加载app,来源于mk-app-loaderReactElement

action

成员说明类型
config配置函数,使用mk命令初始化的应该默认已经调用function
getField获取state中某个字段值,参数为(fieldPath),如data.form.userfunction
gfgf === getField, 简写function
setField设置state中某个字段值,参数为(fieldPath,value)function
sfsf === setField, 简写function
getMeta获取元数据,参数为(path,propertys), path:如root.form.user, propertys:如'style'function
gmgm === getMeta, 简写function
context上下文object,设置后所有app可以获取context中的信息object
toast轻提示function
notification通知提示function
modal显示模式窗口function

reducer

成员说明类型
init初始化,使用mk命令初始化的应该默认已经调用function
getMeta获取元数据, 参数(state, path,propertys)function
gmgm === getMetafunction
getField获取字段值,参数为(state, fieldPath)function
gfgf === getFieldfunction
setField设置字段值, 参数为(state, field, value)function
sfsf === setFieldfunction
context上下文Objectobject

meta

Json化定义界面数据,如下

{
    name: 'root',
    component: '::div',
    children: [{
        name: 'about',
        component: '::a',
        children: 'about',
        style: { fontSize: 16, margin: 30 },
        onClick: '{{$handleAboutClick}}'
    }, {
        name: 'hello',
        component: '::a',
        children: 'hello world',
        style: { fontSize: 16, margin: 30 },
        onClick: '{{$handleHelloClick}}'
    }, {
        name: 'content',
        component: '::div',
        style: { fontSize: 16, margin: 30 },
        children: 'hello world'
    }]
}
固定属性说明类型
name名称,同级不能为重复string
component组件名,componentFactory中注册的,使用注册时候的名字,默认包含了mk-component所有组件;使用原生组件时,前面加::string
_visibile引擎级属性,设置为false,这个节点将不renderbool
_power超能力,目前支持函数返回组件和循环输出组件string
......属性将属性值解构赋值给组件
组件自身可用属性只要是组件可用的属性就可以设置

注:组件自身可用属性,属性值可以使用表达式,格式为"{{}}"

"{{data.form.user}}" => 取state中路径为data.form.user的值

"{{$handleClick}}" => 返回action中定义的handleClick方法

"{{(e)=>$setField('data.form.user', e.target.value)}}" => 用户输入框修改,直接调用Action基类中setField方法赋值

"{{$getVisible()}}" => 调用action中getVisible方法执行结果

0.0.32

6 years ago

0.0.31

6 years ago

0.0.30

6 years ago

0.0.29

6 years ago

0.0.28

6 years ago

0.0.27

6 years ago

0.0.26

6 years ago

0.0.25

6 years ago

0.0.24

6 years ago

0.0.23

6 years ago

0.0.22

6 years ago

0.0.21

6 years ago

0.0.20

6 years ago

0.0.19

6 years ago

0.0.18

6 years ago

0.0.8

6 years ago

0.0.7

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago