feat: 类型定义 + Context/Reducer + 编码 Hook

2026-06-17 00:20:32 +08:00
parent a952ebcb5f
commit 3186502edb
3 changed files with 159 additions and 0 deletions
@@ -0,0 +1,52 @@
+import React, { createContext, useContext, useReducer, type ReactNode } from 'react';
+import type { QrState, QrAction } from '../types';
+
+const initialState: QrState = {
+  mode: 'text',
+  formData: {},
+  config: { level: 'M', margin: 4, moduleSize: 8 },
+  preview: null,
+  history: [],
+  loading: false,
+};
+
+function qrReducer(state: QrState, action: QrAction): QrState {
+  switch (action.type) {
+    case 'SET_MODE':
+      return { ...state, mode: action.payload, formData: {}, preview: null };
+    case 'SET_FORM_DATA':
+      return { ...state, formData: action.payload };
+    case 'SET_CONFIG':
+      return { ...state, config: { ...state.config, ...action.payload } };
+    case 'SET_PREVIEW':
+      return { ...state, preview: action.payload, loading: false };
+    case 'SET_LOADING':
+      return { ...state, loading: action.payload };
+    case 'SET_HISTORY':
+      return { ...state, history: action.payload };
+    case 'ADD_HISTORY':
+      return { ...state, history: [action.payload, ...state.history].slice(0, 50) };
+    case 'REMOVE_HISTORY':
+      return { ...state, history: state.history.filter(h => h.id !== action.payload) };
+    case 'RESET':
+      return { ...initialState, history: state.history };
+    default:
+      return state;
+  }
+}
+
+const QrContext = createContext<{
+  state: QrState;
+  dispatch: React.Dispatch<QrAction>;
+} | null>(null);
+
+export function QrProvider({ children }: { children: ReactNode }) {
+  const [state, dispatch] = useReducer(qrReducer, initialState);
+  return <QrContext.Provider value={{ state, dispatch }}>{children}</QrContext.Provider>;
+}
+
+export function useQrState() {
+  const ctx = useContext(QrContext);
+  if (!ctx) throw new Error('useQrState must be inside QrProvider');
+  return ctx;
+}