yinghe-lowcode
Version:
基于vue、ant-design-vue,datagrid的低代码平台
68 lines (65 loc) • 1.95 kB
JavaScript
/*
* @Author: 九哥
* @Date: 2022-01-09 10:26:14
* @LastEditTime: 2022-02-26 21:21:50
* @LastEditors: Please set LastEditors
* @Description: 低代码状态管理器,用于存储临时中间数据状态,比如表单项数据
* @FilePath: \lowcode-ui\packages\store\store.js
*/
const lowcodeStore = {
// 1. state
state:{
//组件清单model和label
widgetList:[],
//表单数据
formData:{},
cssClassList:[],
},
// // 2. getters
getters:{
// 参数列表state指的是state数据
getWidgetList(state){
return state.widgetList;
},
getFormData(state){
return state.formData;
},
getCssClassList(state){
return state.cssClassList;
}
},
// 3. actions
actions:{
// 设置组件信息
// 参数列表:{commit, state}
// state指的是state数据
// commit调用mutations的方法
// data就是调用此方法时要传的参数
setWidgetList({commit,state}, data){
// 调用mutaions里面的方法
commit('setWidgetData', data);
},
// 设置低代码表单值
setFormData({commit,state}, data){
commit('setFormData', data);
},
setCssClassList({commit,state}, data){
commit('setCssClassList', data);
}
},
// 4. mutations
mutations:{
// state指的是state的数据
// data传递过来的数据
setWidgetData(state, data){
state.widgetList = data;//将传参设置给state的widgetList
},
setFormData(state, data){
state.formData = data;
},
setCssClassList(state, data){
state.cssClassList = data;
},
}
}
export default lowcodeStore;