Function useModel

src/index.tsx:36–96

(
  state: S | (() => S)
)

// useModel rules:
// DON'T USE useModel OUTSIDE createStore func
function useModel<S>(
  state: S | (() => S)
): [S, (state: Partial<S> | ((state: S) => S | void)) => void] {
  const storeId = Global.currentStoreId
  const index = Global.mutableState[storeId].count
  Global.mutableState[storeId].count += 1
  if (!Global.mutableState[storeId].hasOwnProperty(index)) {
    if (typeof state === 'function') {
      // @ts-ignore
      Global.mutableState[storeId][index] = state()
    } else {
      Global.mutableState[storeId][index] = state
    }
  }

  const setter = async (state: Partial<S> | ((prevState: S) => S | void)) => {
    if (typeof state === 'function') {
      Global.mutableState[storeId][index] = produce(
        Global.mutableState[storeId][index],
        // @ts-ignore
        state
      )
    } else {
      if (
        Global.mutableState[storeId][index] &&
        state &&
        Global.mutableState[storeId][index].constructor.name === 'Object' &&
        state.constructor.name === 'Object'
      ) {
        Global.mutableState[storeId][index] = {
          ...Global.mutableState[storeId][index],
          ...state
        }
      } else {
        Global.mutableState[storeId][index] = state
      }
    }

    const context: InnerContext = {
      Global,
      action: () => {
        return typeof state === 'function'
          ? // @ts-ignore
            Global.mutableState[storeId][index]
          : state
      },
      actionName: 'setter',
      consumerActions,
      disableSelectorUpdate: true,
      middlewareConfig: {},
      modelName: storeId,
      newState: {},
      params: undefined,
      type: 'u'
    }

    // pass update event to other components subscribe the same store
    return await applyMiddlewares(actionMiddlewares, context)