Ant Design Pro里的ProTable、ProLayout等

找到文档了 AntDesign Pro中的高级组件基本都在这： >使用model管理公共状态，就像vuex的模块拆分一样，每一个model就是一个子模块。在ant-design-pro中它推荐把一个功能分为model--view--services

namespace

    这将作为唯一查询索引被dva收集

state

    数据容器

effects

    异步任务，Generator函数，每一个函数接收两个参数：actionTypes和api

        actionTypes即我们在dispatch时派发的参数值，如dispatch({

            type,

            payload

        })

        api即call、put、select等

            call用于执行异步任务，通常是ajax。如call(异步函数体，附加参数)

            put用户派发给reducer，这里就相当于vuex中在actions中派发给mutations一样

                put({

                    type:'可以是任意model下的reducers'，

                    payload

                })

            select则允许从state中筛选数据

                select(state=>statesomeOne)

reducers

        同步逻辑，必须显示的返回一个新的state

使用

         通过connect函数连接

           connect函数则从dva中引入

         获取dispatch，这在使用cannect时被自动添加给组件

         发送action

         处理

         处理--并向mutation做提交

            mution收到提交消息进行处理，并显示的返回新的state

场景：需要实现一个可折叠的二级权限表格，勾选全部时，下面的子权限自动勾选；去除子权限的勾选时，父权限的勾选也自动取消。
如图：

1主页面

2权限表格数据模型

3权限 *** 作码的枚举

---