QM-UX

> 说明

actor
defaultState :-> table
action :-> update\delete\insert sql

ql:
QL :-> select sql

store-provider:-> zookeeper

store:
bindActor:-> dao|jdbc
dispatch:-> transaction

relax|service :-> core
actorState:-> bean

component:
handle|event :-> controller

> Actor 保留字

- BasicActor
- \_\_init: false
- DataSourceActor
- dataTotal: 0, //数据总条目,若是本地数据，则返回 dataSource.count().若是远程数据返回数据库字段
- dataRemote: true, //是否为远程数据
- dataSource: fromJS([]), //本地初始化数据
- FormActor
- formState: '', //'' || 'edit' || 'audit', 默认状态,编辑状态,审核状态,校验状态
- formSource: Map({}), //form elements 集合
- validState: '', // '' || 'validating' || 'success' || 'error' || 'warning'
- validResult: Map({}), //form elements 校验结果
- remoteDate: Map({}) //{key:'name',value:'value'} 键值对 OrderedSet
- NetWorkActor

- netHost: "", //获取数据，请求域
- netUrl: "", //获取数据，url
- netResponse: OrderedMap({}), //获取数据，返回对象存储
- netPre: undefined, //请求前
- net: undefined, //请求体,return Promise
- netPost: undefined, //请求后
- pushHost: "", //请求域,自带端口
- pushUrl: "", //数据提交请求 url
- pushPre: undefined, //提交请求前
- push: undefined, //提交请求,return Promise
- pushPost: undefined, //提交请求后
- loading: false //页面是否显示加载中

- PaginationActor
- pageCurrent: null, //当前页数 number
- pageSize: null, //每页条数 number
- pageCache: false, //分页缓存：场景：滚动分页，数据叠加
- TableActor
- columns: fromJS([]) //列集合
- TaskFlowActor
- step: 1, //任务流数据机
- flow: {} //任务流数据集
- ViewCellActor
- cellKey: '', //原数据唯一标示
- cellSelectType: 'checkbox', //'checkbox' || 'radio'
- cellSelected: OrderedMap({}), //勾选项{key:index,value:v}对象异步存储容器
- cellSelectLimit: false, //Array || [Function] || (false || null)
- ViewTypeActor
- viewType: '', //数据面板展现标示
- viewTypes: [] //数据面板展现形式集

> 定位

- 解决场景

> 环境

- NODE > 6.0.0
- babel(建议全局安装)
- yarn(建议安装)
- falcon-cli (控制台项目，建议安装)
- 依赖 webpack 插件

> 模块的输入方式

import React,{Component} from 'react';
import {QMDataView,SearchForm,Table,Toolbar,Pagination} from 'qm-ux';
const Item = SearchForm.Item;
const Column = Table.Column;
const ColumnsManager = Table.ColumnsManager;

export default class GoodsList extends Component{
render(){
return (

)
}
}

> QM\\\*

> like Console | Table | SearchForm

> \\\*Actor

> \\\*DefaultQL

> \\\*Service

> \\\*Store

> \\\*Util

Show more