const getters = {
  sidebar: state => state.app.sidebar,
  size: state => state.app.size,
  device: state => state.app.device,
  dict: state => state.dict.dict,
  visitedViews: state => state.tagsView.visitedViews,
  cachedViews: state => state.tagsView.cachedViews,
  token: state => state.user.token,
  avatar: state => state.user.avatar,
  name: state => state.user.name,
  introduction: state => state.user.introduction,
  roles: state => state.user.roles,
  permissions: state => state.user.permissions,
  permission_routes: state => state.permission.routes,
  topbarRouters: state => state.permission.topbarRouters,
  defaultRoutes: state => state.permission.defaultRoutes,
  sidebarRouters: state => state.permission.sidebarRouters,
  addRoutes: state => state.permission.addRoutes,
  // bpmn getters
  //  editor
  getEditor: (state) => state.bpmn.editor,
  getProcessDef: (state) => ({
    processName: state.bpmn.editor.processName,
    processId: state.bpmn.editor.processId
  }),
  getProcessEngine: (state) => state.bpmn.editor.processEngine,
  getEditorConfig: (state) => {
    return Object.keys(state.bpmn.editor).reduce((config, key) => {
      if (!["processName", "processId", "processEngine"].includes(key)) {
        config[key] = state.bpmn.editor[key];
      }
      return config;
    }, {});
  },

  // modeler
  getModeler: (state) => state.bpmn.bpmn._modeler,
  getModeling: (state) => (state.bpmn.bpmn._modeler ? state.bpmn.bpmn._modeler.get("modeling") : undefined),
  getActive: (state) => state.bpmn.bpmn.activeElement

}
export default getters