State management that tailored for react, it is simple, predictable, progressive and efficient.

你好，我有一个定义在reducer中的接口返回函数 userLogin，在实例中调用

然后分别打印 state 和 moduleState，发现结果不一样，moduleState 会把我的传参合并至 模块状态中，请问他是符合预期的吗？

文档中有以下这段话： 【属于某模块的组件，整个模块state将会合并到实例state上，如果组件没有对state做额外的字段扩展的话，state和 moduleState是一样的，如果做了额外的字段扩展（相当于私有的属性，不会被共享出去），那么只能从实例state上取到这些额外的字段值。】

我是不是触发了【额外的字段扩展】，怎么理解【额外的字段扩展】呢？希望可以详细了解下 state 和 moduleState 的区别

这里有一个bug，github地址是：https://github.com/henryzp/concent-test-demo

我的疑问是tab切换时，为什么tabContainer组件会render两次。。

export async function changeTabComplex(
  key: string,
  moduleState: TihaiState,
  actionCtx: IAC,
) {
  await actionCtx.dispatch(changeActiveTabKey, key);
  await actionCtx.dispatch(getTableList, { key, current: 1, pageSize: 10 });
  await actionCtx.dispatch(getTableList, { key, current: 2, pageSize: 10 });
}

export async function changeTab(
  key: string,
  moduleState: TihaiState,
  actionCtx: IAC,
) {
  await actionCtx.lazyDispatch(changeTabComplex, key);
}

触发的是changTab

期望的结果是render一次。。。

尝试在RN中使用，但是加载编译就失败了

error: Error: Unable to resolve module `react-dom` from `node_modules\concent\src\core\base\append-dispatcher.js`: react-dom could not be found within the project.

在当前实例 如何 获取同模块其他实例的state 或 其他模块实例的state 数据呢？

举个例子：我有个 foo 模块，有 实例 foo1 foo2 foo3 ，和 bar 模块 有实例 bar1 bar2 bar3 现在 在 foo1 实例 获取 foo2 foo3 和 bar1 bar2 的state 数据

我参考例子 https://codesandbox.io/s/concent-guide-xvcej?file=/src/types/store.d.ts

在放数据模型的文件夹写了一个concent.d.ts

import {StateType, ReducerType, ComputedValType, cst, MODULE_VOID, ICtx, IAnyFn} from 'concent';

import appState from "./state";
import * as appReducer from './reducer';
import * as appComputed from './computed';

export type AppState = StateType<typeof appState>;
export type AppReducer = ReducerType<typeof appReducer>;
export type AppComputed = ComputedValType<typeof appComputed>;

export type RootState = {
    [cst.MODULE_GLOBAL]: {},
    [cst.MODULE_DEFAULT]: {},
    [cst.MODULE_VOID]: {},
    app: AppState,
}

export type RootRd = {
    app: AppReducer,
}

export type RootCu = {
    app: AppComputed,
}

export type ICtxM<P, S, M, Se = {}> = S extends IAnyFn ?
    ICtx<RootState, RootRd, RootCu, P, ReturnType<S>, M, MODULE_VOID, Se> :
    ICtx<RootState, RootRd, RootCu, P, S, M, MODULE_VOID, Se>;

reducer.js有一个函数

export function makeNewFirstName({name}, state, ctx) {
  console.log(`reducer-23 name: `, name)
  console.log(`reducer-23 state: `, state)
  console.log(`reducer-23 ctx: `, ctx)
  return {firstName: name}
}

但是我在fn控件上使用的时候

appCtx.moduleReducer.makeNewFirstName({name: 'AAA-' + Date.now()})

虽然调用成功，但是webstorm还是提示makeNewFirstName函数不识别，没法点函数自己跳过去。

请问这是有哪里没弄对吗？

RangeError: Maximum call stack size exceeded at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14) at Object.set (make-ob-state.js:14)

问题1：this.ctx.state和this.ctx.reducer语义的歧义

在使用this.ctx.state的时候，拿到的是本模块myModule的state，这个没问题很直观 但是同样的用this.ctx.reducer，拿到的却是全局的reducer，里面有 {"$$default":xxx，"$$global": yyy，"myModule": zzz} this.ctx.reducer为什么不是自己模块的reducer？如果需要访问全局的，弄一个this.ctx.rootReducer不是更直观吗？

问题2： 通过dispatch传入字符串函数名的用法感觉很古老，不好用： this.ctx.dispatch('doLogin', { userName: xxx, password: yyy }); 连参数都还要手动再把名字写一次{name:xxx, password:yyy}）， 最方便不应该是this.ctx.reducer.doLogin(xxx, yyy)这样吗？

问题3： 目前使用起来最痛苦的是对于模块（因为模块models代码在ui之外的其它目录，仅仅是run的时候注册进去的，ide无感），因为没法ide智能感知代码，state和reducer使用的时候全靠手动写。不像平时用this.state或者hooks里面，都可以直接感知到，敲代码很方便

版本: "concent": "^2.17.5", "next": "^12.1.0",

问题描述： Next 开发模式下，启动可以不报错但是无法显示页面，刷新页面后控制台报 document is not defined

此 demo 可以复现该问题 https://codesandbox.io/s/angry-meitner-bhjl87

看了一下next 在 ssr 的时候拿到了 concent 挂载的 window 对象， 导致 next 内部判断 isBrowser 为 true

因为 我们的系统 ，是有很多 tab控件的，每个tab控件在点击生成的时候，会去生成一个界面，常规上来说，这个界面 是 固定基于某种模块生成界面的， 但有些 是特殊 tab界面，是动态 请求一个 react 控件 所属的js，该 界面 可能得模块是 ：dynamic

那么 在 最开始 run的时候，这个 dynamic 模块 是还没有注册的，因为这种 dynamic 模块还是挺多的，估计有二十多个，要是 每个都写好在 store里，就太繁琐啦

所以 希望最好 提供一个 多次调用 run 的api 功能

I want to update state via setState in my custom function, but previous state is need.

export default function setup(ctx) {
  const { initState, computed, watch, setState, sync, invoke } = ctx

  initState({
    judgedMap: {},
  })


  const judge = (id, v) => {
    setState({
      judgedMap: {
        ...state.judgedMap,
        [id]: v,
      },
    })
  }
 return {
    judge,
  }
}

setState((pre) => {
      console.log(pre)
      return pre
})

is not work!

//state.js
const state = {
  isLogin: false,
}
export default state

//watch.js
import { history, } from 'react-router-concent';
const watch = {
  isLoginChange: {
    fn: (newState, oldState, fnCtx) => {
      newState ? history.replace('/') : history.replace('/login')
    },
    depKeys: ["isLogin"],
  },
}
export default watch

//run.js
import {run, configure} from 'concent';
import {configureRoute} from 'react-router-concent';

import state from './state'
import watch from './state'
import * as reducer from './reducer';

run({
  app: {
    state,
    reducer,
    watch,
  }
})
configureRoute()

get those error:

------------ CC WARNING ------------ 0.chunk.js:245584:20
retKey[isLogin] item type error 0.chunk.js:245584:20

实例中的computed及watch由于签名为字符串数组，是否可以支持props呢，在使用setup中又想监听某些props的变化，而这个限制貌似只有将监听通过内置hook写在组件内部，给人一种很不优雅的感觉。本质上都是监听，却又要通过组件内部来触发settings更新state达到效果。 虽然对于模块的状态在实例中监听可能会多次触发，但某些情况下的衍生数据对于写入模块显得有些小题大做。 理想状态： computed监听state、props、refComputed、moduleState、moduleComputed watch监听state、props、refComputed、moduleState、moduleComputed