# 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 (
                <QMDataView>
                    <SearchForm>
                        <Item>
                            <Input/>
                        </Item>
                        <Item>
                            <Select/>
                        </Item>
                    </SearchForm>

                    <Toolbar>
                    </Toolbar>

                    <Table/>

                    <Pagination/>

                </QMDataView>
            )
        }
    }

> QM\*\*\*

> like Console | Table | SearchForm

> \*\*\*Actor

> \*\*\*DefaultQL

> \*\*\*Service

> \*\*\*Store

> \*\*\*Util