@zerodep-dev/vue-tsx-pro-ui 0.2.0 → 0.3.0

package/dist/utils/request/http.js.map

@@ -1 +1 @@
-{"version":3,"file":"http.js","names":[],"sources":["../../../src/utils/request/http.ts"],"sourcesContent":["/**\n * 请求层：组件（远程选项、上传、列表查询）只依赖 HttpClient 接口，应用经 createUi / Provider 的 http 给出实现。\n * 默认实现 createHttpClient 是原生 fetch 的薄封装（参考 ky、ofetch）：baseURL、query、JSON 请求体、超时与取消、\n * 拆响应体、带码的错误（HttpError）、请求与响应钩子。用 axios、ky 时只要写一个 request：\n *\n *   createUi({ http: { request: (r) => axios.request({ ...r, params: r.query, data: r.body }).then((res) => res.data) } })\n *\n * 值按线上的 typed JSON 传（见 wire.ts）：请求体里的 bigint、Decimal、CalendarDate 写成文字并附上 `$types`，\n * 地址栏参数写成同样的文字，带 `$types` 的响应先还原再交给 onResponse；`wire: false` 时按普通 JSON。\n *\n * 响应体按业务错误码的约定拆开（flow 仓库 docs/decisions/0008，query、flow 的后端都这样回）：HTTP 一律 200，\n * `{ code: 'ok', data }` 交出 data，`{ code: 'flow.work-item-not-open', message, params, errors }` 抛带这个码的 HttpError；\n * 请求层自己出的错也带码：`http.network`、`http.timeout`、`http.status`（网关回了非 2xx）、`http.parse`（响应读不懂）。\n * 组件按码从语言包取文案（见 error-message.ts）。后端用别的包装（`{ code: 0, data }`）时关掉 envelope，在 onResponse 里拆：\n *\n *   const http = createHttpClient({\n *     baseURL: '/api',\n *     envelope: false,\n *     onRequest: (request) => request.headers.set('Authorization', `Bearer ${token()}`),\n *     onResponse: (body: Envelope, context) => {\n *       if (body.code !== 0) throw new HttpError(body.message, { ...context, code: `app.${body.code}`, data: body });\n *       return body.data;\n *     },\n *   });\n */\nimport { useConfig } from '../../config/context';\nimport { fromWire, toWire, wireText, type WireReviveOptions, type WireScalar } from './wire';\n\n/** 请求方法 */\nexport type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'HEAD';\n\n/**\n * query 里的一个值：null、undefined 不写进地址，数组写成重复的键（a=1&a=2，数组里的 null 是空字符串）；\n * bigint、Decimal、日期等按线上的文字写（wireText：Decimal 不用科学计数法，日期是 ISO）\n */\nexport type QueryValue = WireScalar | readonly WireScalar[];\n\n/** 一次请求 */\nexport interface HttpRequest {\n  /** 请求方法，默认 GET */\n  method?: HttpMethod;\n  /** 地址：相对地址拼在 baseURL 后面，完整地址（https://…）原样使用 */\n  url: string;\n  /** 查询参数 */\n  query?: Readonly<Record<string, QueryValue>>;\n  /** 请求体：普通对象与数组按 JSON 发送；FormData、Blob、URLSearchParams、字符串原样发送 */\n  body?: unknown;\n  /** 请求头，盖过客户端的默认请求头 */\n  headers?: Readonly<Record<string, string>>;\n  /** 取消：abort 后请求中止，Promise 以 AbortError 拒绝 */\n  signal?: AbortSignal;\n  /** 超时（毫秒），盖过客户端的设置；0 表示不限 */\n  timeout?: number;\n  /** 怎样读响应体，默认按 content-type：JSON 解析，text/* 读成文字，其余读成 Blob */\n  responseType?: 'json' | 'text' | 'blob';\n}\n\n/** 组件依赖的请求接口：发出请求，返回解析（拆包）后的数据；失败时拒绝 */\nexport interface HttpClient {\n  /** 发出一次请求，返回解析（拆包）后的数据；失败时以 HttpError 拒绝，取消时以 AbortError 拒绝 */\n  request<T = unknown>(request: HttpRequest): Promise<T>;\n}\n\n/** 成功的码 */\nexport const OK_CODE = 'ok';\n\n/**\n * 请求层自己出的错的码（0008 的 `http.` 命名空间，只在前端产生）。取消不当作错误，仍以 AbortError 拒绝，\n * errorCodeOf 把它认作 `http.aborted`\n */\nexport const HTTP_ERROR_CODES = [\n  'http.network',\n  'http.timeout',\n  'http.aborted',\n  'http.status',\n  'http.parse',\n] as const;\n\n/** 请求层的错误码 */\nexport type HttpErrorCode = (typeof HTTP_ERROR_CODES)[number];\n\n/**\n * 错误明细的一项（0008）：按字段的（表单校验：field、code），或按位置的（流程定义的问题：node、edge）；没有的部分省掉。\n * 后端只给说明、不给代号时有 message\n */\nexport interface ApiErrorDetail {\n  /** 问题的代号（required、max……） */\n  readonly code?: string;\n  /** 字段路径（`email`、`lines[0].price`） */\n  readonly field?: string;\n  /** 后端给的说明，只作兜底 */\n  readonly message?: string;\n  /** 文案里要填的参数 */\n  readonly params?: Readonly<Record<string, unknown>>;\n  /** 别的位置信息（节点、连线……） */\n  readonly [key: string]: unknown;\n}\n\n/** 后端回的响应体（0008 第 1 节）：成功的 code 是 `ok`，失败是业务错误码 */\nexport interface ApiEnvelope<T = unknown> {\n  /** `ok` 或业务错误码 */\n  readonly code: string;\n  /** 后端给的说明，只作兜底：界面按 code 取文案 */\n  readonly message?: string;\n  /** 文案里要填的参数 */\n  readonly params?: Readonly<Record<string, unknown>>;\n  /** 按字段、按问题的明细（表单校验） */\n  readonly errors?: readonly ApiErrorDetail[];\n  /** 成功时的数据 */\n  readonly data?: T;\n}\n\n/** 请求失败时的上下文：业务错误码、发生在哪个请求、拿到的响应 */\nexport interface HttpErrorContext {\n  /** 业务错误码：后端回的（`flow.`、`query.`、应用自己的）或请求层的（`http.`） */\n  code: string;\n  /** 文案里要填的参数 */\n  params?: Readonly<Record<string, unknown>>;\n  /** 按字段、按问题的明细 */\n  errors?: readonly ApiErrorDetail[];\n  /** 出错的请求 */\n  request: HttpRequest;\n  /** 响应；网络错误、超时时没有 */\n  response?: Response;\n  /** 响应体（错误详情），读得到时带上 */\n  data?: unknown;\n  /** 底层的错误（网络错误、超时） */\n  cause?: unknown;\n}\n\n/** 请求失败：后端回了业务错误码、状态码不是 2xx、网络错误、超时、响应读不懂，或 onResponse 判定的业务错误 */\nexport class HttpError extends Error {\n  /** 错误名，同类名：日志与 instanceof 之外的判断用 */\n  override readonly name = 'HttpError';\n  /** 业务错误码（见 HttpErrorContext.code）；界面按它取文案 */\n  readonly code: string;\n  /** 文案里要填的参数 */\n  readonly params: Readonly<Record<string, unknown>>;\n  /** 按字段、按问题的明细；useForm 的 submit 据此标到字段上 */\n  readonly errors: readonly ApiErrorDetail[];\n  /** 出错的请求 */\n  readonly request: HttpRequest;\n  /** 响应；网络错误、超时时没有 */\n  readonly response?: Response;\n  /** HTTP 状态码；网络错误、超时为 0 */\n  readonly status: number;\n  /** 响应体（错误详情） */\n  readonly data?: unknown;\n\n  constructor(\n    message: string,\n    { code, params, errors, request, response, data, cause }: HttpErrorContext,\n  ) {\n    super(message, { cause });\n    this.code = code;\n    this.params = params ?? {};\n    this.errors = errors ?? [];\n    this.request = request;\n    this.response = response;\n    this.status = response?.status ?? 0;\n    this.data = data;\n  }\n}\n\n/** 是不是主动取消（abort）造成的拒绝：界面上不当作错误 */\nexport const isAbortError = (error: unknown) =>\n  error instanceof DOMException && error.name === 'AbortError';\n\n/** createHttpClient 的选项 */\nexport interface HttpClientOptions {\n  /** 相对地址的前缀，如 '/api' */\n  baseURL?: string;\n  /** 每个请求都带的请求头 */\n  headers?: Readonly<Record<string, string>>;\n  /** 超时（毫秒），默认 30000；0 表示不限 */\n  timeout?: number;\n  /** 发出之前改请求（加令牌、追踪编号）；可以返回一个新的 Request */\n  onRequest?: (request: Request) => Request | void | Promise<Request | void>;\n  /**\n   * 按 0008 的约定拆响应体（见文件开头），默认 true：键都在 code、message、params、errors、data 里、code 是文字的对象\n   * 才当作包装，其余原样交出。后端用别的包装时给 false，在 onResponse 里拆\n   */\n  envelope?: boolean;\n  /** 成功的响应（拆包之后）的数据交给它：再加工、判定别的业务错误（抛 HttpError），返回值就是请求的结果 */\n  onResponse?: (data: unknown, context: { request: HttpRequest; response: Response }) => unknown;\n  /**\n   * 线上的 typed JSON 怎样还原（见 wire.ts）：给 `{ decimal: Decimal }` 时 decimal 还原成 Decimal，`dates: 'objects'`\n   * 时日期还原成 CalendarDate 等；默认 `{}`（bigint 还原成 bigint，decimal 与日期留作文字）。false 时请求体按普通 JSON 发、响应不还原\n   */\n  wire?: WireReviveOptions | false;\n  /** 换掉 fetch（测试、SSR、注入公共处理） */\n  fetch?: typeof fetch;\n}\n\n/** createHttpClient 的结果：request 之外，再给常用方法的简写 */\nexport interface FetchClient extends HttpClient {\n  /** GET：参数写在 options.query 里 */\n  get<T = unknown>(url: string, options?: Omit<HttpRequest, 'url' | 'method'>): Promise<T>;\n  /** DELETE */\n  delete<T = unknown>(url: string, options?: Omit<HttpRequest, 'url' | 'method'>): Promise<T>;\n  /** POST：普通对象的 body 按 JSON 发送 */\n  post<T = unknown>(\n    url: string,\n    body?: unknown,\n    options?: Omit<HttpRequest, 'url' | 'method' | 'body'>,\n  ): Promise<T>;\n  /** PUT：普通对象的 body 按 JSON 发送 */\n  put<T = unknown>(\n    url: string,\n    body?: unknown,\n    options?: Omit<HttpRequest, 'url' | 'method' | 'body'>,\n  ): Promise<T>;\n  /** PATCH：普通对象的 body 按 JSON 发送 */\n  patch<T = unknown>(\n    url: string,\n    body?: unknown,\n    options?: Omit<HttpRequest, 'url' | 'method' | 'body'>,\n  ): Promise<T>;\n}\n\n/** 原生 fetch 的薄封装（见文件开头） */\nexport function createHttpClient(options: HttpClientOptions = {}): FetchClient {\n  const {\n    baseURL = '',\n    timeout: defaultTimeout = 30_000,\n    onRequest,\n    onResponse,\n    wire = {},\n    envelope: unwrap = true,\n  } = options;\n  const revive = (value: unknown) => (wire === false ? value : fromWire(value, wire));\n\n  async function request<T>(spec: HttpRequest): Promise<T> {\n    const { method = 'GET', body, signal, timeout = defaultTimeout } = spec;\n    const headers = new Headers({ ...options.headers, ...spec.headers });\n    const json = isJsonBody(body);\n    if (json && !headers.has('content-type')) headers.set('content-type', 'application/json');\n    const signals = [signal, timeout > 0 ? AbortSignal.timeout(timeout) : undefined].filter(\n      (item): item is AbortSignal => item != null,\n    );\n    let prepared = new Request(buildUrl(baseURL, spec.url, spec.query), {\n      method,\n      headers,\n      body: json\n        ? JSON.stringify(wire === false ? body : toWire(body))\n        : (body as BodyInit | undefined),\n      signal: signals.length > 1 ? AbortSignal.any(signals) : signals[0],\n    });\n    prepared = (await onRequest?.(prepared)) ?? prepared;\n\n    let response: Response;\n    try {\n      response = await (options.fetch ?? fetch)(prepared);\n    } catch (cause) {\n      // 调用方取消的：原样交出（AbortError），界面据此不当作错误\n      if (signal?.aborted) throw cause;\n      const timedOut = cause instanceof DOMException && cause.name === 'TimeoutError';\n      const message = timedOut\n        ? `请求超时（${timeout / 1000} 秒）：${method} ${spec.url}`\n        : `网络错误：${method} ${spec.url}`;\n      throw new HttpError(message, {\n        code: timedOut ? 'http.timeout' : 'http.network',\n        params: timedOut ? { seconds: timeout / 1000 } : undefined,\n        request: spec,\n        cause,\n      });\n    }\n    const context = { request: spec, response };\n    const { body: raw, malformed } = await readBody(response, spec.responseType);\n    let data: unknown;\n    try {\n      data = malformed ? raw : revive(raw);\n    } catch (cause) {\n      throw new HttpError(`响应读不懂：${method} ${spec.url}`, {\n        ...context,\n        code: 'http.parse',\n        data: raw,\n        cause,\n      });\n    }\n    const envelope = unwrap && isEnvelope(data) ? data : undefined;\n    // 业务错误以响应体的码为准：网关原样转发非 2xx 的业务响应时也认得出\n    if (envelope && envelope.code !== OK_CODE) {\n      throw new HttpError(envelope.message || envelope.code, {\n        ...context,\n        code: envelope.code,\n        params: envelope.params,\n        errors: envelope.errors,\n        data,\n      });\n    }\n    if (!response.ok) {\n      const status = `${response.status}${response.statusText ? ` ${response.statusText}` : ''}`;\n      throw new HttpError(`请求失败（${status}）：${method} ${spec.url}`, {\n        ...context,\n        code: 'http.status',\n        params: { status: response.status },\n        data,\n      });\n    }\n    if (malformed) {\n      throw new HttpError(`响应不是 JSON：${method} ${spec.url}`, {\n        ...context,\n        code: 'http.parse',\n        data,\n      });\n    }\n    // 包装里的 data 自己带 $types 时（后端先 toWire 数据再包），再还原一次；已还原过的不再有 $types\n    const result = envelope ? revive(envelope.data) : data;\n    return (onResponse ? onResponse(result, context) : result) as T;\n  }\n\n  return scopeHttp({ request });\n}\n\n/**\n * 在任意请求客户端上加常用方法的简写，相对地址前面拼上 prefix（斜杠不重复；完整地址原样）。\n * 一个模块的接口都在同一个前缀下时用它，不必每次写全地址；useHttp() 拿到的客户端也能这样包：\n *\n *   const api = scopeHttp(useHttp(), '/flow');\n *   api.get('/queries/todo', { query: { page: 1 }, signal });   // GET /flow/queries/todo?page=1\n *   api.post('/commands/claim', { workItemId });\n */\nexport function scopeHttp(client: HttpClient, prefix = ''): FetchClient {\n  const at = (url: string) => (!prefix || isAbsolute(url) ? url : joinPath(prefix, url));\n  const request = <T>(spec: HttpRequest) => client.request<T>({ ...spec, url: at(spec.url) });\n  const withBody =\n    (method: HttpMethod) =>\n    <T>(url: string, body?: unknown, rest?: Omit<HttpRequest, 'url' | 'method' | 'body'>) =>\n      request<T>({ ...rest, method, url, body });\n  return {\n    request,\n    get: (url, rest) => request({ ...rest, method: 'GET', url }),\n    delete: (url, rest) => request({ ...rest, method: 'DELETE', url }),\n    post: withBody('POST'),\n    put: withBody('PUT'),\n    patch: withBody('PATCH'),\n  };\n}\n\n/** 完整地址（https://…、//host/…）：不拼 baseURL、前缀 */\nconst isAbsolute = (url: string) => /^[a-z][a-z\\d+.-]*:/i.test(url) || url.startsWith('//');\n\n/** 两段路径接起来，中间只留一个斜杠 */\nconst joinPath = (base: string, path: string) =>\n  `${base.replace(/\\/+$/, '')}/${path.replace(/^\\/+/, '')}`;\n\nlet fallback: FetchClient | undefined;\n\n/**\n * 当前配置的请求客户端（在 setup 里调用）：createUi / Provider 的 http；都没给时是一个默认的 createHttpClient()\n */\nexport function useHttp(): HttpClient {\n  return useConfig().http ?? (fallback ??= createHttpClient());\n}\n\n/** 地址 + query：相对地址拼在 baseURL 后面（斜杠不重复），null、undefined 的参数跳过 */\nfunction buildUrl(baseURL: string, url: string, query: HttpRequest['query']): string {\n  let full = isAbsolute(url) || !baseURL ? url : joinPath(baseURL, url);\n  const params = new URLSearchParams();\n  for (const [key, value] of Object.entries(query ?? {})) {\n    if (value == null) continue;\n    const items: readonly WireScalar[] = Array.isArray(value) ? value : [value as WireScalar];\n    for (const item of items) params.append(key, wireText(item));\n  }\n  const search = params.toString();\n  if (search) full += `${full.includes('?') ? '&' : '?'}${search}`;\n  return full;\n}\n\nconst ENVELOPE_KEYS = new Set(['code', 'message', 'params', 'errors', 'data']);\n\n/** 是不是 0008 的响应体：code 是文字、没有别的键（不把恰好有 code 字段的业务对象当成包装） */\nfunction isEnvelope(value: unknown): value is ApiEnvelope {\n  if (value == null || typeof value !== 'object' || Array.isArray(value)) return false;\n  const record = value as Record<string, unknown>;\n  return (\n    typeof record.code === 'string' && Object.keys(record).every((key) => ENVELOPE_KEYS.has(key))\n  );\n}\n\n/** 普通对象与数组按 JSON 发送 */\nfunction isJsonBody(body: unknown): boolean {\n  if (body == null || typeof body !== 'object') return false;\n  const prototype = Object.getPrototypeOf(body) as unknown;\n  return Array.isArray(body) || prototype === Object.prototype || prototype === null;\n}\n\n/** 读响应体；声明是 JSON 却解析不了（网关的 HTML 错误页）时交出原文并标上 malformed */\nasync function readBody(\n  response: Response,\n  type: HttpRequest['responseType'],\n): Promise<{ body: unknown; malformed?: boolean }> {\n  if (\n    response.status === 204 ||\n    response.status === 205 ||\n    response.headers.get('content-length') === '0'\n  ) {\n    return { body: undefined };\n  }\n  const contentType = response.headers.get('content-type') ?? '';\n  const kind =\n    type ??\n    (/[/+]json\\b/.test(contentType) ? 'json' : contentType.startsWith('text/') ? 'text' : 'blob');\n  if (kind === 'blob') return { body: await response.blob() };\n  const text = await response.text();\n  if (kind === 'text') return { body: text };\n  if (text === '') return { body: undefined };\n  try {\n    return { body: JSON.parse(text) };\n  } catch {\n    return { body: text, malformed: true };\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"http.js","names":[],"sources":["../../../src/utils/request/http.ts"],"sourcesContent":["/**\n * 请求层：组件（远程选项、上传、列表查询）只依赖 HttpClient 接口，应用经 createUi / Provider 的 http 给出实现。\n * 默认实现 createHttpClient 是原生 fetch 的薄封装（参考 ky、ofetch）：baseURL、query、JSON 请求体、超时与取消、\n * 拆响应体、带码的错误（HttpError）、请求与响应钩子。用 axios、ky 时只要写一个 request：\n *\n *   createUi({ http: { request: (r) => axios.request({ ...r, params: r.query, data: r.body }).then((res) => res.data) } })\n *\n * 值按线上的 typed JSON 传（见 wire.ts）：请求体里的 bigint、Decimal、CalendarDate 写成文字并附上 `$types`，\n * 地址栏参数写成同样的文字，带 `$types` 的响应先还原再交给 onResponse；`wire: false` 时按普通 JSON。\n * 单个接口不一样时（对接只认普通 JSON 的外部系统）在这次请求上给 `wire: { request: false }`、`{ response: false }`，两头分开定。\n *\n * 响应体按业务错误码的约定拆开（flow 仓库 docs/decisions/0008，query、flow 的后端都这样回）：HTTP 一律 200，\n * `{ code: 'ok', data }` 交出 data，`{ code: 'flow.work-item-not-open', message, params, errors }` 抛带这个码的 HttpError；\n * 请求层自己出的错也带码：`http.network`、`http.timeout`、`http.status`（网关回了非 2xx）、`http.parse`（响应读不懂）。\n * 组件按码从语言包取文案（见 error-message.ts）。后端用别的包装（`{ code: 0, data }`）时关掉 envelope，在 onResponse 里拆：\n *\n *   const http = createHttpClient({\n *     baseURL: '/api',\n *     envelope: false,\n *     onRequest: (request) => request.headers.set('Authorization', `Bearer ${token()}`),\n *     onResponse: (body: Envelope, context) => {\n *       if (body.code !== 0) throw new HttpError(body.message, { ...context, code: `app.${body.code}`, data: body });\n *       return body.data;\n *     },\n *   });\n */\nimport { useConfig } from '../../config/context';\nimport { fromWire, toWire, wireText, type WireReviveOptions, type WireScalar } from './wire';\n\n/** 请求方法 */\nexport type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'HEAD';\n\n/**\n * query 里的一个值：null、undefined 不写进地址，数组写成重复的键（a=1&a=2，数组里的 null 是空字符串）；\n * bigint、Decimal、日期等按线上的文字写（wireText：Decimal 不用科学计数法，日期是 ISO）\n */\nexport type QueryValue = WireScalar | readonly WireScalar[];\n\n/** 一次请求 */\nexport interface HttpRequest {\n  /** 请求方法，默认 GET */\n  method?: HttpMethod;\n  /** 地址：相对地址拼在 baseURL 后面，完整地址（https://…）原样使用 */\n  url: string;\n  /** 查询参数 */\n  query?: Readonly<Record<string, QueryValue>>;\n  /** 请求体：普通对象与数组按 JSON 发送；FormData、Blob、URLSearchParams、字符串原样发送 */\n  body?: unknown;\n  /** 请求头，盖过客户端的默认请求头 */\n  headers?: Readonly<Record<string, string>>;\n  /** 取消：abort 后请求中止，Promise 以 AbortError 拒绝 */\n  signal?: AbortSignal;\n  /** 超时（毫秒），盖过客户端的设置；0 表示不限 */\n  timeout?: number;\n  /** 怎样读响应体，默认按 content-type：JSON 解析，text/* 读成文字，其余读成 Blob */\n  responseType?: 'json' | 'text' | 'blob';\n  /**\n   * 这一次的请求体、响应按不按线上的 typed JSON，盖过客户端的 wire：false 时请求体按普通 JSON 发（里面不能有 bigint）、\n   * 响应不还原；true 时按 typed JSON（客户端 wire: false 时还原选项是默认的 `{}`）。没给的一头跟着客户端\n   */\n  wire?: HttpWire;\n}\n\n/** 一次请求的请求体（request）、响应（response）各自按不按 typed JSON */\nexport interface HttpWire {\n  /** 请求体写成 typed JSON */\n  request?: boolean;\n  /** 响应按 `$types` 还原 */\n  response?: boolean;\n}\n\n/** 组件依赖的请求接口：发出请求，返回解析（拆包）后的数据；失败时拒绝 */\nexport interface HttpClient {\n  /** 发出一次请求，返回解析（拆包）后的数据；失败时以 HttpError 拒绝，取消时以 AbortError 拒绝 */\n  request<T = unknown>(request: HttpRequest): Promise<T>;\n}\n\n/** 成功的码 */\nexport const OK_CODE = 'ok';\n\n/**\n * 请求层自己出的错的码（0008 的 `http.` 命名空间，只在前端产生）。取消不当作错误，仍以 AbortError 拒绝，\n * errorCodeOf 把它认作 `http.aborted`\n */\nexport const HTTP_ERROR_CODES = [\n  'http.network',\n  'http.timeout',\n  'http.aborted',\n  'http.status',\n  'http.parse',\n] as const;\n\n/** 请求层的错误码 */\nexport type HttpErrorCode = (typeof HTTP_ERROR_CODES)[number];\n\n/**\n * 错误明细的一项（0008）：按字段的（表单校验：field、code），或按位置的（流程定义的问题：node、edge）；没有的部分省掉。\n * 后端只给说明、不给代号时有 message\n */\nexport interface ApiErrorDetail {\n  /** 问题的代号（required、max……） */\n  readonly code?: string;\n  /** 字段路径（`email`、`lines[0].price`） */\n  readonly field?: string;\n  /** 后端给的说明，只作兜底 */\n  readonly message?: string;\n  /** 文案里要填的参数 */\n  readonly params?: Readonly<Record<string, unknown>>;\n  /** 别的位置信息（节点、连线……） */\n  readonly [key: string]: unknown;\n}\n\n/** 后端回的响应体（0008 第 1 节）：成功的 code 是 `ok`，失败是业务错误码 */\nexport interface ApiEnvelope<T = unknown> {\n  /** `ok` 或业务错误码 */\n  readonly code: string;\n  /** 后端给的说明，只作兜底：界面按 code 取文案 */\n  readonly message?: string;\n  /** 文案里要填的参数 */\n  readonly params?: Readonly<Record<string, unknown>>;\n  /** 按字段、按问题的明细（表单校验） */\n  readonly errors?: readonly ApiErrorDetail[];\n  /** 成功时的数据 */\n  readonly data?: T;\n}\n\n/** 请求失败时的上下文：业务错误码、发生在哪个请求、拿到的响应 */\nexport interface HttpErrorContext {\n  /** 业务错误码：后端回的（`flow.`、`query.`、应用自己的）或请求层的（`http.`） */\n  code: string;\n  /** 文案里要填的参数 */\n  params?: Readonly<Record<string, unknown>>;\n  /** 按字段、按问题的明细 */\n  errors?: readonly ApiErrorDetail[];\n  /** 出错的请求 */\n  request: HttpRequest;\n  /** 响应；网络错误、超时时没有 */\n  response?: Response;\n  /** 响应体（错误详情），读得到时带上 */\n  data?: unknown;\n  /** 底层的错误（网络错误、超时） */\n  cause?: unknown;\n}\n\n/** 请求失败：后端回了业务错误码、状态码不是 2xx、网络错误、超时、响应读不懂，或 onResponse 判定的业务错误 */\nexport class HttpError extends Error {\n  /** 错误名，同类名：日志与 instanceof 之外的判断用 */\n  override readonly name = 'HttpError';\n  /** 业务错误码（见 HttpErrorContext.code）；界面按它取文案 */\n  readonly code: string;\n  /** 文案里要填的参数 */\n  readonly params: Readonly<Record<string, unknown>>;\n  /** 按字段、按问题的明细；useForm 的 submit 据此标到字段上 */\n  readonly errors: readonly ApiErrorDetail[];\n  /** 出错的请求 */\n  readonly request: HttpRequest;\n  /** 响应；网络错误、超时时没有 */\n  readonly response?: Response;\n  /** HTTP 状态码；网络错误、超时为 0 */\n  readonly status: number;\n  /** 响应体（错误详情） */\n  readonly data?: unknown;\n\n  constructor(\n    message: string,\n    { code, params, errors, request, response, data, cause }: HttpErrorContext,\n  ) {\n    super(message, { cause });\n    this.code = code;\n    this.params = params ?? {};\n    this.errors = errors ?? [];\n    this.request = request;\n    this.response = response;\n    this.status = response?.status ?? 0;\n    this.data = data;\n  }\n}\n\n/** 是不是主动取消（abort）造成的拒绝：界面上不当作错误 */\nexport const isAbortError = (error: unknown) =>\n  error instanceof DOMException && error.name === 'AbortError';\n\n/** createHttpClient 的选项 */\nexport interface HttpClientOptions {\n  /** 相对地址的前缀，如 '/api' */\n  baseURL?: string;\n  /** 每个请求都带的请求头 */\n  headers?: Readonly<Record<string, string>>;\n  /** 超时（毫秒），默认 30000；0 表示不限 */\n  timeout?: number;\n  /** 发出之前改请求（加令牌、追踪编号）；可以返回一个新的 Request */\n  onRequest?: (request: Request) => Request | void | Promise<Request | void>;\n  /**\n   * 按 0008 的约定拆响应体（见文件开头），默认 true：键都在 code、message、params、errors、data 里、code 是文字的对象\n   * 才当作包装，其余原样交出。后端用别的包装时给 false，在 onResponse 里拆\n   */\n  envelope?: boolean;\n  /** 成功的响应（拆包之后）的数据交给它：再加工、判定别的业务错误（抛 HttpError），返回值就是请求的结果 */\n  onResponse?: (data: unknown, context: { request: HttpRequest; response: Response }) => unknown;\n  /**\n   * 线上的 typed JSON 怎样还原（见 wire.ts）：给 `{ decimal: Decimal }` 时 decimal 还原成 Decimal，`dates: 'objects'`\n   * 时日期还原成 CalendarDate 等；默认 `{}`（bigint 还原成 bigint，decimal 与日期留作文字）。false 时请求体按普通 JSON 发、响应不还原\n   */\n  wire?: WireReviveOptions | false;\n  /** 换掉 fetch（测试、SSR、注入公共处理） */\n  fetch?: typeof fetch;\n}\n\n/** createHttpClient 的结果：request 之外，再给常用方法的简写 */\nexport interface FetchClient extends HttpClient {\n  /** GET：参数写在 options.query 里 */\n  get<T = unknown>(url: string, options?: Omit<HttpRequest, 'url' | 'method'>): Promise<T>;\n  /** DELETE */\n  delete<T = unknown>(url: string, options?: Omit<HttpRequest, 'url' | 'method'>): Promise<T>;\n  /** POST：普通对象的 body 按 JSON 发送 */\n  post<T = unknown>(\n    url: string,\n    body?: unknown,\n    options?: Omit<HttpRequest, 'url' | 'method' | 'body'>,\n  ): Promise<T>;\n  /** PUT：普通对象的 body 按 JSON 发送 */\n  put<T = unknown>(\n    url: string,\n    body?: unknown,\n    options?: Omit<HttpRequest, 'url' | 'method' | 'body'>,\n  ): Promise<T>;\n  /** PATCH：普通对象的 body 按 JSON 发送 */\n  patch<T = unknown>(\n    url: string,\n    body?: unknown,\n    options?: Omit<HttpRequest, 'url' | 'method' | 'body'>,\n  ): Promise<T>;\n}\n\n/** 原生 fetch 的薄封装（见文件开头） */\nexport function createHttpClient(options: HttpClientOptions = {}): FetchClient {\n  const {\n    baseURL = '',\n    timeout: defaultTimeout = 30_000,\n    onRequest,\n    onResponse,\n    wire = {},\n    envelope: unwrap = true,\n  } = options;\n  const reviveOptions = wire === false ? {} : wire;\n\n  async function request<T>(spec: HttpRequest): Promise<T> {\n    const { method = 'GET', body, signal, timeout = defaultTimeout } = spec;\n    const sendWire = spec.wire?.request ?? wire !== false;\n    const readWire = spec.wire?.response ?? wire !== false;\n    const revive = (value: unknown) => (readWire ? fromWire(value, reviveOptions) : value);\n    const headers = new Headers({ ...options.headers, ...spec.headers });\n    const json = isJsonBody(body);\n    if (json && !headers.has('content-type')) headers.set('content-type', 'application/json');\n    const signals = [signal, timeout > 0 ? AbortSignal.timeout(timeout) : undefined].filter(\n      (item): item is AbortSignal => item != null,\n    );\n    let prepared = new Request(buildUrl(baseURL, spec.url, spec.query), {\n      method,\n      headers,\n      body: json ? JSON.stringify(sendWire ? toWire(body) : body) : (body as BodyInit | undefined),\n      signal: signals.length > 1 ? AbortSignal.any(signals) : signals[0],\n    });\n    prepared = (await onRequest?.(prepared)) ?? prepared;\n\n    let response: Response;\n    try {\n      response = await (options.fetch ?? fetch)(prepared);\n    } catch (cause) {\n      // 调用方取消的：原样交出（AbortError），界面据此不当作错误\n      if (signal?.aborted) throw cause;\n      const timedOut = cause instanceof DOMException && cause.name === 'TimeoutError';\n      const message = timedOut\n        ? `请求超时（${timeout / 1000} 秒）：${method} ${spec.url}`\n        : `网络错误：${method} ${spec.url}`;\n      throw new HttpError(message, {\n        code: timedOut ? 'http.timeout' : 'http.network',\n        params: timedOut ? { seconds: timeout / 1000 } : undefined,\n        request: spec,\n        cause,\n      });\n    }\n    const context = { request: spec, response };\n    const { body: raw, malformed } = await readBody(response, spec.responseType);\n    let data: unknown;\n    try {\n      data = malformed ? raw : revive(raw);\n    } catch (cause) {\n      throw new HttpError(`响应读不懂：${method} ${spec.url}`, {\n        ...context,\n        code: 'http.parse',\n        data: raw,\n        cause,\n      });\n    }\n    const envelope = unwrap && isEnvelope(data) ? data : undefined;\n    // 业务错误以响应体的码为准：网关原样转发非 2xx 的业务响应时也认得出\n    if (envelope && envelope.code !== OK_CODE) {\n      throw new HttpError(envelope.message || envelope.code, {\n        ...context,\n        code: envelope.code,\n        params: envelope.params,\n        errors: envelope.errors,\n        data,\n      });\n    }\n    if (!response.ok) {\n      const status = `${response.status}${response.statusText ? ` ${response.statusText}` : ''}`;\n      throw new HttpError(`请求失败（${status}）：${method} ${spec.url}`, {\n        ...context,\n        code: 'http.status',\n        params: { status: response.status },\n        data,\n      });\n    }\n    if (malformed) {\n      throw new HttpError(`响应不是 JSON：${method} ${spec.url}`, {\n        ...context,\n        code: 'http.parse',\n        data,\n      });\n    }\n    // 包装里的 data 自己带 $types 时（后端先 toWire 数据再包），再还原一次；已还原过的不再有 $types\n    const result = envelope ? revive(envelope.data) : data;\n    return (onResponse ? onResponse(result, context) : result) as T;\n  }\n\n  return scopeHttp({ request });\n}\n\n/**\n * 在任意请求客户端上加常用方法的简写，相对地址前面拼上 prefix（斜杠不重复；完整地址原样）。\n * 一个模块的接口都在同一个前缀下时用它，不必每次写全地址；useHttp() 拿到的客户端也能这样包：\n *\n *   const api = scopeHttp(useHttp(), '/flow');\n *   api.get('/queries/todo', { query: { page: 1 }, signal });   // GET /flow/queries/todo?page=1\n *   api.post('/commands/claim', { workItemId });\n */\nexport function scopeHttp(client: HttpClient, prefix = ''): FetchClient {\n  const at = (url: string) => (!prefix || isAbsolute(url) ? url : joinPath(prefix, url));\n  const request = <T>(spec: HttpRequest) => client.request<T>({ ...spec, url: at(spec.url) });\n  const withBody =\n    (method: HttpMethod) =>\n    <T>(url: string, body?: unknown, rest?: Omit<HttpRequest, 'url' | 'method' | 'body'>) =>\n      request<T>({ ...rest, method, url, body });\n  return {\n    request,\n    get: (url, rest) => request({ ...rest, method: 'GET', url }),\n    delete: (url, rest) => request({ ...rest, method: 'DELETE', url }),\n    post: withBody('POST'),\n    put: withBody('PUT'),\n    patch: withBody('PATCH'),\n  };\n}\n\n/** 完整地址（https://…、//host/…）：不拼 baseURL、前缀 */\nconst isAbsolute = (url: string) => /^[a-z][a-z\\d+.-]*:/i.test(url) || url.startsWith('//');\n\n/** 两段路径接起来，中间只留一个斜杠 */\nconst joinPath = (base: string, path: string) =>\n  `${base.replace(/\\/+$/, '')}/${path.replace(/^\\/+/, '')}`;\n\nlet fallback: FetchClient | undefined;\n\n/**\n * 当前配置的请求客户端（在 setup 里调用）：createUi / Provider 的 http；都没给时是一个默认的 createHttpClient()\n */\nexport function useHttp(): HttpClient {\n  return useConfig().http ?? (fallback ??= createHttpClient());\n}\n\n/** 地址 + query：相对地址拼在 baseURL 后面（斜杠不重复），null、undefined 的参数跳过 */\nfunction buildUrl(baseURL: string, url: string, query: HttpRequest['query']): string {\n  let full = isAbsolute(url) || !baseURL ? url : joinPath(baseURL, url);\n  const params = new URLSearchParams();\n  for (const [key, value] of Object.entries(query ?? {})) {\n    if (value == null) continue;\n    const items: readonly WireScalar[] = Array.isArray(value) ? value : [value as WireScalar];\n    for (const item of items) params.append(key, wireText(item));\n  }\n  const search = params.toString();\n  if (search) full += `${full.includes('?') ? '&' : '?'}${search}`;\n  return full;\n}\n\nconst ENVELOPE_KEYS = new Set(['code', 'message', 'params', 'errors', 'data']);\n\n/** 是不是 0008 的响应体：code 是文字、没有别的键（不把恰好有 code 字段的业务对象当成包装） */\nfunction isEnvelope(value: unknown): value is ApiEnvelope {\n  if (value == null || typeof value !== 'object' || Array.isArray(value)) return false;\n  const record = value as Record<string, unknown>;\n  return (\n    typeof record.code === 'string' && Object.keys(record).every((key) => ENVELOPE_KEYS.has(key))\n  );\n}\n\n/** 普通对象与数组按 JSON 发送 */\nfunction isJsonBody(body: unknown): boolean {\n  if (body == null || typeof body !== 'object') return false;\n  const prototype = Object.getPrototypeOf(body) as unknown;\n  return Array.isArray(body) || prototype === Object.prototype || prototype === null;\n}\n\n/** 读响应体；声明是 JSON 却解析不了（网关的 HTML 错误页）时交出原文并标上 malformed */\nasync function readBody(\n  response: Response,\n  type: HttpRequest['responseType'],\n): Promise<{ body: unknown; malformed?: boolean }> {\n  if (\n    response.status === 204 ||\n    response.status === 205 ||\n    response.headers.get('content-length') === '0'\n  ) {\n    return { body: undefined };\n  }\n  const contentType = response.headers.get('content-type') ?? '';\n  const kind =\n    type ??\n    (/[/+]json\\b/.test(contentType) ? 'json' : contentType.startsWith('text/') ? 'text' : 'blob');\n  if (kind === 'blob') return { body: await response.blob() };\n  const text = await response.text();\n  if (kind === 'text') return { body: text };\n  if (text === '') return { body: undefined };\n  try {\n    return { body: JSON.parse(text) };\n  } catch {\n    return { body: text, malformed: true };\n  }\n}\n"],"mappings":"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"}

package/dist/utils/request/use-request.js

@@ -14,13 +14,15 @@ import { onScopeDispose, shallowRef, watch } from "vue";
 *   users.data?.rows; users.loading; users.error; users.refresh();
 *
 * 只在浏览器里自动请求：服务端渲染时 data 留空，等页面在浏览器里接管后再请求。
+* 一开始就请求时 loading 从 true 开始，服务端也按“加载中”渲染：水合时两边一致，浏览器接着发请求。
 */
 /** 请求的状态（在 setup 里调用；见文件开头） */
 function useRequest(fetcher, options = {}) {
 	const { params, debounce = 0, immediate = true, keepPrevious = true } = options;
 	const data = shallowRef();
 	const error = shallowRef();
-	const loading = shallowRef(false);
+	const starts = immediate && options.enabled?.() !== false;
+	const loading = shallowRef(starts);
 	let controller;
 	let timer;
 	let latest = 0;
@@ -67,7 +69,7 @@ function useRequest(fetcher, options = {}) {
 		if (debounce > 0) timer = setTimeout(() => void run(next), debounce);
 		else run(next);
 	});
-	if (immediate && options.enabled?.() !== false && typeof window !== "undefined") run(readParams());
+	if (starts && typeof window !== "undefined") run(readParams());
 	onScopeDispose(cancel);
 	return {
 		get data() {

package/dist/utils/request/use-request.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-request.js","names":[],"sources":["../../../src/utils/request/use-request.ts"],"sourcesContent":["/**\n * 一个请求的状态（参考 TanStack Query、alova 的 useWatcher）：只采用最后一次的结果，发新请求时取消上一次，\n * 参数变化防抖，重新请求时保留旧数据（表格不闪成空的）。\n *\n *   const http = useHttp();\n *   const users = useRequest(\n *     ({ keyword, page }, signal) => http.request<Page<User>>({ url: '/users', query: { keyword, page }, signal }),\n *     { params: () => ({ keyword, page }), debounce: 300 },\n *   );\n *   users.data?.rows; users.loading; users.error; users.refresh();\n *\n * 只在浏览器里自动请求：服务端渲染时 data 留空，等页面在浏览器里接管后再请求。\n */\nimport { onScopeDispose, shallowRef, watch } from 'vue';\nimport { sameValue } from '../data/equality';\nimport { isAbortError } from './http';\n\n/** useRequest 的选项 */\nexport interface RequestOptions<P, T> {\n  /** 请求参数：读到的响应式值变了、且内容确实不同时重新请求；不写时只在开始与 refresh 时请求 */\n  params?: () => P;\n  /** 参数变了以后等多久再请求（毫秒），默认 0；refresh 不等 */\n  debounce?: number;\n  /** 一开始就请求，默认 true；false 时等调用 refresh（或参数变化） */\n  immediate?: boolean;\n  /** 重新请求时保留上一次的数据，默认 true；false 时请求一开始就清空 */\n  keepPrevious?: boolean;\n  /**\n   * 自动请求的开关（弹层打开时才请求这类）：为 false 时 immediate 与参数变化都不请求，refresh 照常。\n   * 变回 true 时不自动补一次，需要时调用 refresh\n   */\n  enabled?: () => boolean;\n  /** 成功后调用 */\n  onSuccess?: (data: T, params: P) => void;\n  /** 失败后调用（取消的不算） */\n  onError?: (error: unknown, params: P) => void;\n}\n\n/** useRequest 的返回值 */\nexport interface RequestState<T> {\n  /** 最后一次成功的结果 */\n  readonly data: T | undefined;\n  /** 最后一次失败的原因；成功后清空 */\n  readonly error: unknown;\n  /** 正在请求（防抖等待时还不算） */\n  readonly loading: boolean;\n  /** 按当前参数立即请求，取消进行中的；返回结果，失败或被后来的请求顶掉时为 undefined */\n  refresh(): Promise<T | undefined>;\n  /** 取消进行中的请求与等着的防抖 */\n  cancel(): void;\n  /** 直接改数据（乐观更新、本地删掉一行），不发请求 */\n  mutate(data: T | undefined): void;\n}\n\n/** 请求的状态（在 setup 里调用；见文件开头） */\nexport function useRequest<T, P = undefined>(\n  fetcher: (params: P, signal: AbortSignal) => Promise<T>,\n  options: RequestOptions<P, T> = {},\n): RequestState<T> {\n  const { params, debounce = 0, immediate = true, keepPrevious = true } = options;\n  const data = shallowRef<T>();\n  const error = shallowRef<unknown>();\n  const loading = shallowRef(false);\n  let controller: AbortController | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  // 每次请求一个编号：结果回来时不是最后一次的就丢掉（fetcher 没理会 signal 时也不会覆盖）\n  let latest = 0;\n  const readParams = () => params?.() as P;\n  // 上一次请求（或开始时）的参数：参数变了但与它相同时不再请求（refresh 之后侦听器又看到同一组参数）\n  let last = params ? readParams() : undefined;\n\n  function cancel() {\n    clearTimeout(timer);\n    latest++;\n    controller?.abort();\n    controller = undefined;\n    loading.value = false;\n  }\n\n  async function run(current: P): Promise<T | undefined> {\n    cancel();\n    last = current;\n    const id = latest;\n    const own = (controller = new AbortController());\n    loading.value = true;\n    if (!keepPrevious) data.value = undefined;\n    try {\n      const result = await fetcher(current, own.signal);\n      if (id !== latest) return undefined;\n      data.value = result;\n      error.value = undefined;\n      options.onSuccess?.(result, current);\n      return result;\n    } catch (reason) {\n      if (id !== latest || isAbortError(reason)) return undefined;\n      error.value = reason;\n      options.onError?.(reason, current);\n      return undefined;\n    } finally {\n      if (id === latest) {\n        loading.value = false;\n        controller = undefined;\n      }\n    }\n  }\n\n  if (params) {\n    watch(readParams, (next) => {\n      if (options.enabled?.() === false) return;\n      if (sameValue(next, last)) return;\n      last = next;\n      clearTimeout(timer);\n      if (debounce > 0) timer = setTimeout(() => void run(next), debounce);\n      else void run(next);\n    });\n  }\n  if (immediate && options.enabled?.() !== false && typeof window !== 'undefined') {\n    void run(readParams());\n  }\n  onScopeDispose(cancel);\n\n  return {\n    get data() {\n      return data.value;\n    },\n    get error() {\n      return error.value;\n    },\n    get loading() {\n      return loading.value;\n    },\n    refresh: () => run(readParams()),\n    cancel,\n    mutate: (value) => (data.value = value),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,SAAgB,WACd,SACA,UAAgC,CAAC,GAChB;CACjB,MAAM,EAAE,QAAQ,WAAW,GAAG,YAAY,MAAM,eAAe,SAAS;CACxE,MAAM,OAAO,WAAc;CAC3B,MAAM,QAAQ,WAAoB;CAClC,MAAM,UAAU,WAAW,KAAK;CAChC,IAAI;CACJ,IAAI;CAEJ,IAAI,SAAS;CACb,MAAM,mBAAmB,SAAS;CAElC,IAAI,OAAO,SAAS,WAAW,IAAI,KAAA;CAEnC,SAAS,SAAS;EAChB,aAAa,KAAK;EAClB;EACA,YAAY,MAAM;EAClB,aAAa,KAAA;EACb,QAAQ,QAAQ;CAClB;CAEA,eAAe,IAAI,SAAoC;EACrD,OAAO;EACP,OAAO;EACP,MAAM,KAAK;EACX,MAAM,MAAO,aAAa,IAAI,gBAAgB;EAC9C,QAAQ,QAAQ;EAChB,IAAI,CAAC,cAAc,KAAK,QAAQ,KAAA;EAChC,IAAI;GACF,MAAM,SAAS,MAAM,QAAQ,SAAS,IAAI,MAAM;GAChD,IAAI,OAAO,QAAQ,OAAO,KAAA;GAC1B,KAAK,QAAQ;GACb,MAAM,QAAQ,KAAA;GACd,QAAQ,YAAY,QAAQ,OAAO;GACnC,OAAO;EACT,SAAS,QAAQ;GACf,IAAI,OAAO,UAAU,aAAa,MAAM,GAAG,OAAO,KAAA;GAClD,MAAM,QAAQ;GACd,QAAQ,UAAU,QAAQ,OAAO;GACjC;EACF,UAAU;GACR,IAAI,OAAO,QAAQ;IACjB,QAAQ,QAAQ;IAChB,aAAa,KAAA;GACf;EACF;CACF;CAEA,IAAI,QACF,MAAM,aAAa,SAAS;EAC1B,IAAI,QAAQ,UAAU,MAAM,OAAO;EACnC,IAAI,UAAU,MAAM,IAAI,GAAG;EAC3B,OAAO;EACP,aAAa,KAAK;EAClB,IAAI,WAAW,GAAG,QAAQ,iBAAiB,KAAK,IAAI,IAAI,GAAG,QAAQ;OAC9D,IAAS,IAAI;CACpB,CAAC;CAEH,IAAI,aAAa,QAAQ,UAAU,MAAM,SAAS,OAAO,WAAW,aAClE,IAAS,WAAW,CAAC;CAEvB,eAAe,MAAM;CAErB,OAAO;EACL,IAAI,OAAO;GACT,OAAO,KAAK;EACd;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,IAAI,UAAU;GACZ,OAAO,QAAQ;EACjB;EACA,eAAe,IAAI,WAAW,CAAC;EAC/B;EACA,SAAS,UAAW,KAAK,QAAQ;CACnC;AACF"}
+{"version":3,"file":"use-request.js","names":[],"sources":["../../../src/utils/request/use-request.ts"],"sourcesContent":["/**\n * 一个请求的状态（参考 TanStack Query、alova 的 useWatcher）：只采用最后一次的结果，发新请求时取消上一次，\n * 参数变化防抖，重新请求时保留旧数据（表格不闪成空的）。\n *\n *   const http = useHttp();\n *   const users = useRequest(\n *     ({ keyword, page }, signal) => http.request<Page<User>>({ url: '/users', query: { keyword, page }, signal }),\n *     { params: () => ({ keyword, page }), debounce: 300 },\n *   );\n *   users.data?.rows; users.loading; users.error; users.refresh();\n *\n * 只在浏览器里自动请求：服务端渲染时 data 留空，等页面在浏览器里接管后再请求。\n * 一开始就请求时 loading 从 true 开始，服务端也按“加载中”渲染：水合时两边一致，浏览器接着发请求。\n */\nimport { onScopeDispose, shallowRef, watch } from 'vue';\nimport { sameValue } from '../data/equality';\nimport { isAbortError } from './http';\n\n/** useRequest 的选项 */\nexport interface RequestOptions<P, T> {\n  /** 请求参数：读到的响应式值变了、且内容确实不同时重新请求；不写时只在开始与 refresh 时请求 */\n  params?: () => P;\n  /** 参数变了以后等多久再请求（毫秒），默认 0；refresh 不等 */\n  debounce?: number;\n  /** 一开始就请求，默认 true；false 时等调用 refresh（或参数变化） */\n  immediate?: boolean;\n  /** 重新请求时保留上一次的数据，默认 true；false 时请求一开始就清空 */\n  keepPrevious?: boolean;\n  /**\n   * 自动请求的开关（弹层打开时才请求这类）：为 false 时 immediate 与参数变化都不请求，refresh 照常。\n   * 变回 true 时不自动补一次，需要时调用 refresh\n   */\n  enabled?: () => boolean;\n  /** 成功后调用 */\n  onSuccess?: (data: T, params: P) => void;\n  /** 失败后调用（取消的不算） */\n  onError?: (error: unknown, params: P) => void;\n}\n\n/** useRequest 的返回值 */\nexport interface RequestState<T> {\n  /** 最后一次成功的结果 */\n  readonly data: T | undefined;\n  /** 最后一次失败的原因；成功后清空 */\n  readonly error: unknown;\n  /** 正在请求（防抖等待时还不算） */\n  readonly loading: boolean;\n  /** 按当前参数立即请求，取消进行中的；返回结果，失败或被后来的请求顶掉时为 undefined */\n  refresh(): Promise<T | undefined>;\n  /** 取消进行中的请求与等着的防抖 */\n  cancel(): void;\n  /** 直接改数据（乐观更新、本地删掉一行），不发请求 */\n  mutate(data: T | undefined): void;\n}\n\n/** 请求的状态（在 setup 里调用；见文件开头） */\nexport function useRequest<T, P = undefined>(\n  fetcher: (params: P, signal: AbortSignal) => Promise<T>,\n  options: RequestOptions<P, T> = {},\n): RequestState<T> {\n  const { params, debounce = 0, immediate = true, keepPrevious = true } = options;\n  const data = shallowRef<T>();\n  const error = shallowRef<unknown>();\n  const starts = immediate && options.enabled?.() !== false;\n  const loading = shallowRef(starts);\n  let controller: AbortController | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  // 每次请求一个编号：结果回来时不是最后一次的就丢掉（fetcher 没理会 signal 时也不会覆盖）\n  let latest = 0;\n  const readParams = () => params?.() as P;\n  // 上一次请求（或开始时）的参数：参数变了但与它相同时不再请求（refresh 之后侦听器又看到同一组参数）\n  let last = params ? readParams() : undefined;\n\n  function cancel() {\n    clearTimeout(timer);\n    latest++;\n    controller?.abort();\n    controller = undefined;\n    loading.value = false;\n  }\n\n  async function run(current: P): Promise<T | undefined> {\n    cancel();\n    last = current;\n    const id = latest;\n    const own = (controller = new AbortController());\n    loading.value = true;\n    if (!keepPrevious) data.value = undefined;\n    try {\n      const result = await fetcher(current, own.signal);\n      if (id !== latest) return undefined;\n      data.value = result;\n      error.value = undefined;\n      options.onSuccess?.(result, current);\n      return result;\n    } catch (reason) {\n      if (id !== latest || isAbortError(reason)) return undefined;\n      error.value = reason;\n      options.onError?.(reason, current);\n      return undefined;\n    } finally {\n      if (id === latest) {\n        loading.value = false;\n        controller = undefined;\n      }\n    }\n  }\n\n  if (params) {\n    watch(readParams, (next) => {\n      if (options.enabled?.() === false) return;\n      if (sameValue(next, last)) return;\n      last = next;\n      clearTimeout(timer);\n      if (debounce > 0) timer = setTimeout(() => void run(next), debounce);\n      else void run(next);\n    });\n  }\n  if (starts && typeof window !== 'undefined') {\n    void run(readParams());\n  }\n  onScopeDispose(cancel);\n\n  return {\n    get data() {\n      return data.value;\n    },\n    get error() {\n      return error.value;\n    },\n    get loading() {\n      return loading.value;\n    },\n    refresh: () => run(readParams()),\n    cancel,\n    mutate: (value) => (data.value = value),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,WACd,SACA,UAAgC,CAAC,GAChB;CACjB,MAAM,EAAE,QAAQ,WAAW,GAAG,YAAY,MAAM,eAAe,SAAS;CACxE,MAAM,OAAO,WAAc;CAC3B,MAAM,QAAQ,WAAoB;CAClC,MAAM,SAAS,aAAa,QAAQ,UAAU,MAAM;CACpD,MAAM,UAAU,WAAW,MAAM;CACjC,IAAI;CACJ,IAAI;CAEJ,IAAI,SAAS;CACb,MAAM,mBAAmB,SAAS;CAElC,IAAI,OAAO,SAAS,WAAW,IAAI,KAAA;CAEnC,SAAS,SAAS;EAChB,aAAa,KAAK;EAClB;EACA,YAAY,MAAM;EAClB,aAAa,KAAA;EACb,QAAQ,QAAQ;CAClB;CAEA,eAAe,IAAI,SAAoC;EACrD,OAAO;EACP,OAAO;EACP,MAAM,KAAK;EACX,MAAM,MAAO,aAAa,IAAI,gBAAgB;EAC9C,QAAQ,QAAQ;EAChB,IAAI,CAAC,cAAc,KAAK,QAAQ,KAAA;EAChC,IAAI;GACF,MAAM,SAAS,MAAM,QAAQ,SAAS,IAAI,MAAM;GAChD,IAAI,OAAO,QAAQ,OAAO,KAAA;GAC1B,KAAK,QAAQ;GACb,MAAM,QAAQ,KAAA;GACd,QAAQ,YAAY,QAAQ,OAAO;GACnC,OAAO;EACT,SAAS,QAAQ;GACf,IAAI,OAAO,UAAU,aAAa,MAAM,GAAG,OAAO,KAAA;GAClD,MAAM,QAAQ;GACd,QAAQ,UAAU,QAAQ,OAAO;GACjC;EACF,UAAU;GACR,IAAI,OAAO,QAAQ;IACjB,QAAQ,QAAQ;IAChB,aAAa,KAAA;GACf;EACF;CACF;CAEA,IAAI,QACF,MAAM,aAAa,SAAS;EAC1B,IAAI,QAAQ,UAAU,MAAM,OAAO;EACnC,IAAI,UAAU,MAAM,IAAI,GAAG;EAC3B,OAAO;EACP,aAAa,KAAK;EAClB,IAAI,WAAW,GAAG,QAAQ,iBAAiB,KAAK,IAAI,IAAI,GAAG,QAAQ;OAC9D,IAAS,IAAI;CACpB,CAAC;CAEH,IAAI,UAAU,OAAO,WAAW,aAC9B,IAAS,WAAW,CAAC;CAEvB,eAAe,MAAM;CAErB,OAAO;EACL,IAAI,OAAO;GACT,OAAO,KAAK;EACd;EACA,IAAI,QAAQ;GACV,OAAO,MAAM;EACf;EACA,IAAI,UAAU;GACZ,OAAO,QAAQ;EACjB;EACA,eAAe,IAAI,WAAW,CAAC;EAC/B;EACA,SAAS,UAAW,KAAK,QAAQ;CACnC;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerodep-dev/vue-tsx-pro-ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "vue-tsx-pro 组件库",
   "type": "module",
   "license": "MIT",
@@ -112,7 +112,7 @@
     "@floating-ui/dom": "1.8.0",
     "@internationalized/date": "3.12.4",
     "@radix-ui/colors": "3.0.0",
-    "@zerodep-dev/vue-tsx-pro-tsx": "^0.2.0",
+    "@zerodep-dev/vue-tsx-pro-tsx": "^0.3.0",
     "animejs": "4.5.0",
     "culori": "4.0.2",
     "decimal.js": "10.6.0",