TypeScript dist.reducerWithInitialState函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中typescript-fsa-reducers/dist.reducerWithInitialState函数的典型用法代码示例。如果您正苦于以下问题：TypeScript reducerWithInitialState函数的具体用法？TypeScript reducerWithInitialState怎么用？TypeScript reducerWithInitialState使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了reducerWithInitialState函数的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: reducerWithInitialState

export const createGraphqlOperationReducer = <State, Data, Variables, Error = ApolloError>(
  operationKey: string,
  initialState: GraphqlState<State>,
  actionCreators: OperationActionCreators<Data, Variables, Error>,
  reduceSuccess: (
    state: State | undefined,
    action: Action<ResolveDonePayload<Variables, Data>>
  ) => State | undefined = state => state,
  reduceFailure: (
    state: State | undefined,
    action: Action<ResolveFailedPayload<Variables, Error>>
  ) => State | undefined = state => state
) =>
  reducerWithInitialState(initialState)
    .caseWithAction(actionCreators.resolveStarted, (state, action) => ({
      ...state,
      current: {
        progress: 'running',
        time: Date.now(),
        parameters: {
          operationKey,
          variables: action.payload,
        },
      },
    }))
    .caseWithAction(actionCreators.resolveDone, (state, action) => ({
      ...state,
      current: {
        progress: 'idle',
      },
      last: {
        result: 'success',
        parameters: {
          operationKey,
          variables: action.payload.params,
        },
        time: Date.now(),
        isExhausted: false,
      },
      data: reduceSuccess(state.data, action),
    }))
    .caseWithAction(actionCreators.resolveFailed, (state, action) => ({
      ...state,
      current: {
        progress: 'idle',
      },
      last: {
        result: 'failure',
        reason: `${action.payload}`,
        time: Date.now(),
        parameters: {
          operationKey,
          variables: action.payload.params,
        },
      },
      data: reduceFailure(state.data, action),
    }))
    .build();

开发者ID:elastic，项目名称:kibana，代码行数:58，代码来源:remote_graphql_state.ts

示例2: reducerWithInitialState

type TimeUpdatePolicy = ManualTimeUpdatePolicy | IntervalTimeUpdatePolicy;

export interface WaffleTimeState {
  currentTime: number;
  updatePolicy: TimeUpdatePolicy;
}

export const initialWaffleTimeState: WaffleTimeState = {
  currentTime: Date.now(),
  updatePolicy: {
    policy: 'manual',
  },
};

const currentTimeReducer = reducerWithInitialState(initialWaffleTimeState.currentTime).case(
  jumpToTime,
  (currentTime, targetTime) => targetTime
);

const updatePolicyReducer = reducerWithInitialState(initialWaffleTimeState.updatePolicy)
  .case(startAutoReload, () => ({
    policy: 'interval',
    interval: 5000,
  }))
  .case(stopAutoReload, () => ({
    policy: 'manual',
  }));

export const waffleTimeReducer = combineReducers<WaffleTimeState>({
  currentTime: currentTimeReducer,

开发者ID:elastic，项目名称:kibana，代码行数:30，代码来源:reducer.ts

示例3: moment

}

export const initialMetricTimeState: MetricTimeState = {
  timeRange: {
    from: moment()
      .subtract(1, 'hour')
      .valueOf(),
    to: moment().valueOf(),
    interval: '>=1m',
  },
  updatePolicy: {
    policy: 'manual',
  },
};

const timeRangeReducer = reducerWithInitialState(initialMetricTimeState.timeRange).case(
  setRangeTime,
  (state, { to, from }) => ({ ...state, to, from })
);

const updatePolicyReducer = reducerWithInitialState(initialMetricTimeState.updatePolicy)
  .case(startMetricsAutoReload, () => ({
    policy: 'interval',
    interval: 5000,
  }))
  .case(stopMetricsAutoReload, () => ({
    policy: 'manual',
  }));

export const metricTimeReducer = combineReducers<MetricTimeState>({
  timeRange: timeRangeReducer,

开发者ID:gingerwizard，项目名称:kibana，代码行数:31，代码来源:reducer.ts

示例4: reducerWithInitialState

/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License;
 * you may not use this file except in compliance with the Elastic License.
 */

import { reducerWithInitialState } from 'typescript-fsa-reducers/dist';

import { setMinimapIntervalSize } from './actions';

export interface LogMinimapState {
  intervalSize: number;
}

export const initialLogMinimapState: LogMinimapState = {
  intervalSize: 1000 * 60 * 60 * 24,
};

export const logMinimapReducer = reducerWithInitialState(initialLogMinimapState)
  .case(setMinimapIntervalSize, (state, intervalSize) => ({
    intervalSize,
  }))
  .build();

开发者ID:gingerwizard，项目名称:kibana，代码行数:23，代码来源:reducer.ts

示例5: reducerWithInitialState

import { reducerWithInitialState } from 'typescript-fsa-reducers/dist';
import { loadAnimals, Animal } from './actions';

export type State = Animal[];

export const reducer = reducerWithInitialState([] as Animal[])
  .case(loadAnimals.done, (state, payload) => {
    return payload.result;
  });

开发者ID:stevejhiggs，项目名称:macgyver，代码行数:9，代码来源:reducer.ts

注：本文中的typescript-fsa-reducers/dist.reducerWithInitialState函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。