@zerodep-dev/vue-tsx-pro-mobile 0.0.0-stage → 0.4.0

package/dist/base/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["_vtp_readonlyProp","_vtp_childrenProp","_vtp_restProps","_createVNode"],"sources":["../../src/base/Button.tsx"],"sourcesContent":["/**\n * 按钮（button）：样式 × 色调 × 尺寸 × 圆角，图标、加载中、占满一行。按下时变深一档（触屏没有悬停）。\n *\n *   <Button onClick={save}>保存</Button>\n *   <Button variant=\"outline\" tone=\"neutral\" size=\"sm\">取消</Button>\n *   <Button tone=\"danger\" icon={Trash2} loading={removing}>删除</Button>\n *   <Button size=\"lg\" fullWidth radius=\"full\">提交订单</Button>\n *\n * 加载中与禁用时不响应点击（使用方的 onClick 不会被调用）；加载中保持原宽度、不变灰，读屏得知 aria-busy。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { VNodeChild } from 'vue';\nimport { Loading, type LoadingProps } from '../feedback/Loading';\nimport { isMiniProgram, useHost } from '../utils/host';\nimport { dataAttrs, hasContent, mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport type { MobileRadius, MobileSize, MobileTone } from '../utils/scales';\nimport { Icon, type IconData, type IconProps } from './Icon';\n\n/** 按钮样式 */\nexport interface ButtonVariants {\n  /** 实底：一组操作里的主要操作 */\n  solid: unknown;\n  /** 浅色底：次要但仍需突出的操作 */\n  soft: unknown;\n  /** 描边：次要操作 */\n  outline: unknown;\n  /** 无底无边，按下时才有底色：导航栏、列表里的文字按钮 */\n  ghost: unknown;\n}\n\n/** 状态与语义属性由组件管理 */\nexport type ButtonManaged = 'disabled' | 'aria-busy' | 'aria-disabled';\n\n/**\n * 小程序按钮的开放能力（原生 button 的 open-type），H5 里不起作用：\n * getPhoneNumber 手机号、chooseAvatar 选头像、agreePrivacyAuthorization 同意隐私协议、share 转发、contact 客服、\n * openSetting 设置页（以上是微信）；getAuthorize 授权（支付宝，配合 authScope）\n */\nexport type ButtonOpenType =\n  | 'getPhoneNumber'\n  | 'chooseAvatar'\n  | 'agreePrivacyAuthorization'\n  | 'share'\n  | 'contact'\n  | 'openSetting'\n  | 'getAuthorize';\n\n/** 未声明的属性落到 button 上 */\nexport interface ButtonProps extends PartProps<'button', ButtonManaged> {\n  /**\n   * 样式\n   * @default 'solid'\n   */\n  variant?: keyof ButtonVariants;\n  /**\n   * 色调\n   * @default 'accent'\n   */\n  tone?: MobileTone;\n  /**\n   * 尺寸\n   * @default 'md'\n   */\n  size?: MobileSize;\n  /**\n   * 圆角\n   * @default 'md'\n   */\n  radius?: MobileRadius;\n  /** 占满容器宽度 */\n  fullWidth?: boolean;\n  /** 不可用 */\n  disabled?: boolean;\n  /** 加载中：图标换成旋转指示，不响应点击 */\n  loading?: boolean;\n  /** 加载中显示的文字；不给时保留原来的文字 */\n  loadingText?: VNodeChild;\n  /** 文字前的图标 */\n  icon?: IconData;\n  /** 文字后的图标 */\n  iconEnd?: IconData;\n  /** 小程序的开放能力：只能由用户点这个按钮触发的平台能力（手机号、头像、隐私协议同意……） */\n  openType?: ButtonOpenType;\n  /** 支付宝 getAuthorize 的授权范围：phoneNumber 手机号、userInfo 会员基础信息 */\n  authScope?: 'phoneNumber' | 'userInfo';\n  /** 开放能力的结果（平台事件的 detail）：手机号交给 useHost().phoneNumber 换凭证，头像的 detail.avatarUrl 是临时路径 */\n  onOpenType?: (detail: unknown) => void;\n  /** 按钮文字 */\n  children?: VNodeChild;\n  /** 内容层（包着图标与文字的 span）的部件属性 */\n  propsContent?: PartProps<'span'>;\n  /** 前置图标的部件属性 */\n  propsIcon?: Partial<IconProps>;\n  /** 后置图标的部件属性 */\n  propsIconEnd?: Partial<IconProps>;\n  /** 加载指示的部件属性 */\n  propsLoading?: Partial<LoadingProps>;\n}\n\n/** Button 的部件 */\nexport type ButtonPart = 'root' | 'content' | 'icon';\n\n/** Button 的配方：样式 × 色调 × 尺寸 × 圆角 */\nexport const buttonRecipe = css.recipe({\n  name: 'Button',\n  parts: ['root', 'content', 'icon'],\n  base: {\n    root: {\n      boxSizing: 'border-box',\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      margin: 0,\n      borderWidth: '_xs',\n      borderStyle: 'solid',\n      borderColor: 'transparent',\n      fontFamily: 'inherit',\n      fontWeight: '_medium',\n      lineHeight: '_tight',\n      whiteSpace: 'nowrap',\n      textAlign: 'center',\n      verticalAlign: 'middle',\n      userSelect: 'none',\n      cursor: { default: 'pointer', _disabled: 'not-allowed' },\n      touchAction: 'manipulation',\n      WebkitTapHighlightColor: 'transparent',\n      opacity: { default: 1, '[data-disabled]': '_disabled' },\n      transitionProperty: 'background-color, border-color, color, opacity',\n      transitionDuration: '_xs',\n      transitionTimingFunction: '_standard',\n    },\n    content: { display: 'inline-flex', alignItems: 'center', gap: '_xs' },\n    icon: { fontSize: '1.15em' },\n  },\n  variants: {\n    size: {\n      xs: { root: { fontSize: '_xs', minHeight: '2em', paddingInline: '_sm' } },\n      sm: { root: { fontSize: '_md', minHeight: '2.3em', paddingInline: '_md' } },\n      md: { root: { fontSize: '_lg', minHeight: '_control', paddingInline: '_lg' } },\n      lg: { root: { fontSize: '_lg', minHeight: '3.125em', paddingInline: '_xl' } },\n    },\n    radius: {\n      none: { root: { borderRadius: '_none' } },\n      sm: { root: { borderRadius: '_sm' } },\n      md: { root: { borderRadius: '_md' } },\n      lg: { root: { borderRadius: '_lg' } },\n      full: { root: { borderRadius: '_full' } },\n    },\n    fullWidth: { true: { root: { display: 'flex', width: '100%' } } },\n    variant: {\n      solid: {},\n      soft: {},\n      outline: { root: { backgroundColor: '_surface' } },\n      ghost: { root: { backgroundColor: 'transparent' } },\n    },\n    tone: {\n      accent: {},\n      neutral: {},\n      danger: {},\n      success: {},\n      warning: {},\n      info: {},\n    },\n  },\n  // 按下（:active）变深一档；禁用时不变（[data-disabled] 上不加按下的样式）\n  compound: [\n    // ───── 实底 ─────\n    {\n      when: { variant: 'solid', tone: 'accent' },\n      root: {\n        color: '_accentContrast',\n        backgroundColor: { default: '_accent', ':active:not([data-disabled])': '_accentActive' },\n      },\n    },\n    {\n      when: { variant: 'solid', tone: 'neutral' },\n      root: {\n        color: '_inverseText',\n        backgroundColor: '_inverseSurface',\n        opacity: {\n          default: 1,\n          ':active:not([data-disabled])': 0.85,\n          '[data-disabled]': '_disabled',\n        },\n      },\n    },\n    {\n      when: { variant: 'solid', tone: 'danger' },\n      root: {\n        color: '_dangerContrast',\n        backgroundColor: { default: '_danger', ':active:not([data-disabled])': '_dangerActive' },\n      },\n    },\n    {\n      when: { variant: 'solid', tone: 'success' },\n      root: {\n        color: '_successContrast',\n        backgroundColor: { default: '_success', ':active:not([data-disabled])': '_successActive' },\n      },\n    },\n    {\n      when: { variant: 'solid', tone: 'warning' },\n      root: {\n        color: '_warningContrast',\n        backgroundColor: { default: '_warning', ':active:not([data-disabled])': '_warningActive' },\n      },\n    },\n    {\n      when: { variant: 'solid', tone: 'info' },\n      root: {\n        color: '_infoContrast',\n        backgroundColor: { default: '_info', ':active:not([data-disabled])': '_infoActive' },\n      },\n    },\n    // ───── 浅色底 ─────\n    {\n      when: { variant: 'soft', tone: 'accent' },\n      root: {\n        color: '_accentText',\n        backgroundColor: {\n          default: '_accentSoft',\n          ':active:not([data-disabled])': '_accentSoftActive',\n        },\n      },\n    },\n    {\n      when: { variant: 'soft', tone: 'neutral' },\n      root: {\n        color: '_text',\n        backgroundColor: { default: '_fill', ':active:not([data-disabled])': '_fillActive' },\n      },\n    },\n    {\n      when: { variant: 'soft', tone: 'danger' },\n      root: {\n        color: '_dangerText',\n        backgroundColor: {\n          default: '_dangerSoft',\n          ':active:not([data-disabled])': '_dangerSoftActive',\n        },\n      },\n    },\n    {\n      when: { variant: 'soft', tone: 'success' },\n      root: {\n        color: '_successText',\n        backgroundColor: {\n          default: '_successSoft',\n          ':active:not([data-disabled])': '_successSoftActive',\n        },\n      },\n    },\n    {\n      when: { variant: 'soft', tone: 'warning' },\n      root: {\n        color: '_warningText',\n        backgroundColor: {\n          default: '_warningSoft',\n          ':active:not([data-disabled])': '_warningSoftActive',\n        },\n      },\n    },\n    {\n      when: { variant: 'soft', tone: 'info' },\n      root: {\n        color: '_infoText',\n        backgroundColor: {\n          default: '_infoSoft',\n          ':active:not([data-disabled])': '_infoSoftActive',\n        },\n      },\n    },\n    // ───── 描边 ─────\n    {\n      when: { variant: 'outline', tone: 'accent' },\n      root: {\n        color: '_accentText',\n        borderColor: '_accent',\n        backgroundColor: { default: '_surface', ':active:not([data-disabled])': '_accentSoft' },\n      },\n    },\n    {\n      when: { variant: 'outline', tone: 'neutral' },\n      root: {\n        color: '_text',\n        borderColor: '_borderStrong',\n        backgroundColor: { default: '_surface', ':active:not([data-disabled])': '_fill' },\n      },\n    },\n    {\n      when: { variant: 'outline', tone: 'danger' },\n      root: {\n        color: '_dangerText',\n        borderColor: '_danger',\n        backgroundColor: { default: '_surface', ':active:not([data-disabled])': '_dangerSoft' },\n      },\n    },\n    {\n      when: { variant: 'outline', tone: 'success' },\n      root: {\n        color: '_successText',\n        borderColor: '_success',\n        backgroundColor: { default: '_surface', ':active:not([data-disabled])': '_successSoft' },\n      },\n    },\n    {\n      when: { variant: 'outline', tone: 'warning' },\n      root: {\n        color: '_warningText',\n        borderColor: '_warning',\n        backgroundColor: { default: '_surface', ':active:not([data-disabled])': '_warningSoft' },\n      },\n    },\n    {\n      when: { variant: 'outline', tone: 'info' },\n      root: {\n        color: '_infoText',\n        borderColor: '_info',\n        backgroundColor: { default: '_surface', ':active:not([data-disabled])': '_infoSoft' },\n      },\n    },\n    // ───── 无底无边 ─────\n    {\n      when: { variant: 'ghost', tone: 'accent' },\n      root: {\n        color: '_accentText',\n        backgroundColor: { default: 'transparent', ':active:not([data-disabled])': '_accentSoft' },\n      },\n    },\n    {\n      when: { variant: 'ghost', tone: 'neutral' },\n      root: {\n        color: '_text',\n        backgroundColor: { default: 'transparent', ':active:not([data-disabled])': '_fill' },\n      },\n    },\n    {\n      when: { variant: 'ghost', tone: 'danger' },\n      root: {\n        color: '_dangerText',\n        backgroundColor: { default: 'transparent', ':active:not([data-disabled])': '_dangerSoft' },\n      },\n    },\n    {\n      when: { variant: 'ghost', tone: 'success' },\n      root: {\n        color: '_successText',\n        backgroundColor: { default: 'transparent', ':active:not([data-disabled])': '_successSoft' },\n      },\n    },\n    {\n      when: { variant: 'ghost', tone: 'warning' },\n      root: {\n        color: '_warningText',\n        backgroundColor: { default: 'transparent', ':active:not([data-disabled])': '_warningSoft' },\n      },\n    },\n    {\n      when: { variant: 'ghost', tone: 'info' },\n      root: {\n        color: '_infoText',\n        backgroundColor: { default: 'transparent', ':active:not([data-disabled])': '_infoSoft' },\n      },\n    },\n  ],\n  defaults: { variant: 'solid', tone: 'accent', size: 'md', radius: 'md' },\n});\n\n/**\n * 开放能力的属性：小程序运行时按 open-type 换成原生 button，平台事件统一成 opentype（mini 的 page.ts）。\n * 这些不是 button 的 DOM 属性，H5 里不写\n */\nfunction openTypeAttrs(\n  openType: ButtonOpenType | undefined,\n  scope: ButtonProps['authScope'],\n  onOpenType: ButtonProps['onOpenType'],\n): Record<string, unknown> {\n  if (!openType) return {};\n  return {\n    'open-type': openType,\n    scope,\n    onOpentype: onOpenType && ((event: { detail?: unknown }) => onOpenType(event.detail)),\n  };\n}\n\n/** 按钮（button > span 内容） */\nexport const Button = _component(\n  ({\n    variant,\n    tone,\n    size,\n    radius,\n    fullWidth = false,\n    disabled = false,\n    loading = false,\n    loadingText,\n    icon,\n    iconEnd,\n    children,\n    propsContent,\n    propsIcon,\n    propsIconEnd,\n    propsLoading,\n    onClick,\n    openType,\n    authScope,\n    onOpenType,\n    type = 'button',\n    ...rest\n  }: ButtonProps) => {\n    // 开放能力只在小程序里有\n    const mini = isMiniProgram(useHost());\n    return () => {\n      const s = buttonRecipe({ variant, tone, size, radius, fullWidth });\n      const busy = disabled || loading;\n      return (\n        <button\n          {...mergeAttrs<'button'>({ sx: s.root }, rest, {\n            type,\n            disabled,\n            // 加载中不响应点击（使用方的回调也不调用），但不设 disabled：保持外观与焦点\n            onClick: busy ? undefined : onClick,\n            'aria-busy': loading || undefined,\n            ...(mini ? openTypeAttrs(openType, authScope, onOpenType) : {}),\n            ...dataAttrs({\n              'data-disabled': disabled || undefined,\n              'data-loading': loading || undefined,\n            }),\n          })}\n        >\n          <span {...mergeAttrs<'span'>({ sx: s.content }, propsContent)}>\n            {loading ? (\n              <Loading {...mergePartProps<LoadingProps>({ sx: s.icon }, propsLoading)} />\n            ) : (\n              icon && <Icon {...mergePartProps<IconProps>({ icon, sx: s.icon }, propsIcon)} />\n            )}\n            {loading && hasContent(loadingText) ? loadingText : children}\n            {iconEnd && !loading && (\n              <Icon {...mergePartProps<IconProps>({ icon: iconEnd, sx: s.icon }, propsIconEnd)} />\n            )}\n          </span>\n        </button>\n      );\n    };\n  },\n);\n"],"mappings":"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"}

package/dist/base/Icon.d.ts

@@ -0,0 +1,38 @@
+/**
+ * 图标：渲染 Lucide 格式的图标数据，按名导入可摇树：
+ *
+ *   <Icon icon={Search} />                  装饰性：对读屏隐藏
+ *   <Icon icon={Trash2} aria-label="删除" /> 有名称：role="img"
+ *
+ * 大小默认 1em、颜色跟随文字（currentColor）。小程序里由渲染运行时画成遮罩，大小、颜色同样跟随。
+ * 自定义图标按同一格式写 `{ size?, node: [[标签, 属性, 子节点?], …] }`。
+ */
+import type { LucideIconData } from '@lucide/icons';
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { type PartProps } from '../utils/props';
+/** 图标数据：Lucide 的标准格式 */
+export type IconData = LucideIconData;
+/** 绘制与无障碍相关的属性由组件管理 */
+export type IconManaged = 'viewBox' | 'fill' | 'stroke' | 'stroke-width' | 'stroke-linecap' | 'stroke-linejoin' | 'role' | 'aria-hidden';
+/** 未声明的属性落到 svg 上；传了 aria-label 才对读屏可见 */
+export interface IconProps extends PartProps<'svg', IconManaged> {
+    /** 图标数据：`import { Search } from '@lucide/icons'` */
+    icon: IconData;
+    /** 大小（px）；不写时为 1em，跟随所在文字 */
+    size?: number;
+    /**
+     * 线宽（24 格画布上的单位）
+     * @default 2
+     */
+    strokeWidth?: number;
+    /** 实心：轮廓里也填上文字颜色（评分的星、选中的心） */
+    filled?: boolean;
+}
+/** Icon 的样式：icon */
+export declare const iconStyles: Readonly<{
+    icon: css.CompiledStyles;
+}>;
+/** 图标（svg）：不传 aria-label 时是装饰性的 */
+export declare const Icon: import("@zerodep-dev/vue-tsx-pro-tsx").TsxComponent<IconProps>;
+/** 图标的子元素拼成的 SVG 标记，按图标数据缓存，作为 svg 的 innerHTML（不为每条路径建虚拟节点） */
+export declare function iconMarkup(icon: IconData): string;

package/dist/base/Icon.js

@@ -0,0 +1,65 @@
+import { mergeAttrs } from "../utils/props.js";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { _component, mergeJsxProps, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
+import { createVNode } from "vue";
+//#region src/base/Icon.tsx
+/** 图标数据：Lucide 的标准格式 */
+/** 绘制与无障碍相关的属性由组件管理 */
+/** 未声明的属性落到 svg 上；传了 aria-label 才对读屏可见 */
+/** Icon 的样式：icon */
+var iconStyles = css.create({ icon: {
+	width: "1em",
+	height: "1em",
+	flexShrink: 0,
+	verticalAlign: "-0.125em"
+} });
+/** 图标（svg）：不传 aria-label 时是装饰性的 */
+var Icon = /*#__PURE__*/ _component((_props, _ctx) => {
+	const icon = readonlyProp(_props, "icon");
+	const size = readonlyProp(_props, "size");
+	const strokeWidth = readonlyProp(_props, "strokeWidth", 2);
+	const filled = readonlyProp(_props, "filled", false);
+	const rest = restProps(_props, _ctx, true);
+	return () => {
+		const labelled = rest["aria-label"] != null;
+		return createVNode("svg", mergeJsxProps(mergeAttrs({ sx: iconStyles.icon }, rest, {
+			style: size.value == null ? void 0 : { fontSize: `${size.value}px` },
+			viewBox: viewBox(icon.value),
+			fill: filled.value ? "currentColor" : "none",
+			stroke: "currentColor",
+			"stroke-width": strokeWidth.value,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			role: labelled ? "img" : void 0,
+			"aria-hidden": labelled ? void 0 : "true"
+		}), { "innerHTML": iconMarkup(icon.value) }), null);
+	};
+}, {
+	name: "Icon",
+	props: [
+		"icon",
+		"size",
+		"strokeWidth",
+		"filled"
+	]
+});
+function viewBox(icon) {
+	return `0 0 ${icon.width ?? icon.size ?? 24} ${icon.height ?? icon.size ?? 24}`;
+}
+/** Lucide 图标数据里的一个节点：[标签, 属性, 子节点] */
+var markupCache = /* @__PURE__ */ new WeakMap();
+/** 图标的子元素拼成的 SVG 标记，按图标数据缓存，作为 svg 的 innerHTML（不为每条路径建虚拟节点） */
+function iconMarkup(icon) {
+	let markup = markupCache.get(icon);
+	if (markup === void 0) markupCache.set(icon, markup = icon.node.map(nodeMarkup).join(""));
+	return markup;
+}
+function nodeMarkup([tag, attrs, children]) {
+	if (!/^[a-z][a-z0-9-]*$/i.test(tag)) throw new Error(`图标数据里的标签名不合法：${tag}`);
+	return `<${tag}${Object.entries(attrs).filter(([name]) => name !== "key").map(([name, value]) => ` ${name}="${escapeAttribute(String(value))}"`).join("")}>${children?.map(nodeMarkup).join("") ?? ""}</${tag}>`;
+}
+var escapeAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;");
+//#endregion
+export { Icon, iconMarkup, iconStyles };
+
+//# sourceMappingURL=Icon.js.map

package/dist/base/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["_vtp_readonlyProp","_vtp_restProps","_createVNode","_mergeProps"],"sources":["../../src/base/Icon.tsx"],"sourcesContent":["/**\n * 图标：渲染 Lucide 格式的图标数据，按名导入可摇树：\n *\n *   <Icon icon={Search} />                  装饰性：对读屏隐藏\n *   <Icon icon={Trash2} aria-label=\"删除\" /> 有名称：role=\"img\"\n *\n * 大小默认 1em、颜色跟随文字（currentColor）。小程序里由渲染运行时画成遮罩，大小、颜色同样跟随。\n * 自定义图标按同一格式写 `{ size?, node: [[标签, 属性, 子节点?], …] }`。\n */\nimport type { LucideIconData } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { mergeAttrs, type PartProps } from '../utils/props';\n\n/** 图标数据：Lucide 的标准格式 */\nexport type IconData = LucideIconData;\n\n/** 绘制与无障碍相关的属性由组件管理 */\nexport type IconManaged =\n  | 'viewBox'\n  | 'fill'\n  | 'stroke'\n  | 'stroke-width'\n  | 'stroke-linecap'\n  | 'stroke-linejoin'\n  | 'role'\n  | 'aria-hidden';\n\n/** 未声明的属性落到 svg 上；传了 aria-label 才对读屏可见 */\nexport interface IconProps extends PartProps<'svg', IconManaged> {\n  /** 图标数据：`import { Search } from '@lucide/icons'` */\n  icon: IconData;\n  /** 大小（px）；不写时为 1em，跟随所在文字 */\n  size?: number;\n  /**\n   * 线宽（24 格画布上的单位）\n   * @default 2\n   */\n  strokeWidth?: number;\n  /** 实心：轮廓里也填上文字颜色（评分的星、选中的心） */\n  filled?: boolean;\n}\n\n/** Icon 的样式：icon */\nexport const iconStyles = css.create({\n  icon: {\n    width: '1em',\n    height: '1em',\n    flexShrink: 0,\n    // 与文字基线对齐\n    verticalAlign: '-0.125em',\n  },\n});\n\n/** 图标（svg）：不传 aria-label 时是装饰性的 */\nexport const Icon = _component(\n  ({ icon, size, strokeWidth = 2, filled = false, ...rest }: IconProps) =>\n    () => {\n      const labelled = rest['aria-label'] != null;\n      return (\n        <svg\n          {...mergeAttrs<'svg'>({ sx: iconStyles.icon }, rest, {\n            style: size == null ? undefined : { fontSize: `${size}px` },\n            viewBox: viewBox(icon),\n            fill: filled ? 'currentColor' : 'none',\n            stroke: 'currentColor',\n            // 写成属性而不是样式：小程序把 svg 画成遮罩图片，读不到页面的样式\n            'stroke-width': strokeWidth,\n            'stroke-linecap': 'round',\n            'stroke-linejoin': 'round',\n            role: labelled ? 'img' : undefined,\n            'aria-hidden': labelled ? undefined : 'true',\n          })}\n          innerHTML={iconMarkup(icon)}\n        />\n      );\n    },\n);\n\nfunction viewBox(icon: IconData) {\n  const width = icon.width ?? icon.size ?? 24;\n  const height = icon.height ?? icon.size ?? 24;\n  return `0 0 ${width} ${height}`;\n}\n\n/** Lucide 图标数据里的一个节点：[标签, 属性, 子节点] */\ntype IconNode = IconData['node'][number];\n\nconst markupCache = new WeakMap<IconData, string>();\n\n/** 图标的子元素拼成的 SVG 标记，按图标数据缓存，作为 svg 的 innerHTML（不为每条路径建虚拟节点） */\nexport function iconMarkup(icon: IconData): string {\n  let markup = markupCache.get(icon);\n  if (markup === undefined) markupCache.set(icon, (markup = icon.node.map(nodeMarkup).join('')));\n  return markup;\n}\n\nfunction nodeMarkup([tag, attrs, children]: IconNode): string {\n  if (!/^[a-z][a-z0-9-]*$/i.test(tag)) throw new Error(`图标数据里的标签名不合法：${tag}`);\n  // 节点里的 key 是给虚拟节点用的，不是 SVG 属性\n  const attributes = Object.entries(attrs)\n    .filter(([name]) => name !== 'key')\n    .map(([name, value]) => ` ${name}=\"${escapeAttribute(String(value))}\"`)\n    .join('');\n  return `<${tag}${attributes}>${children?.map(nodeMarkup).join('') ?? ''}</${tag}>`;\n}\n\nconst escapeAttribute = (value: string) =>\n  value.replaceAll('&', '&amp;').replaceAll('\"', '&quot;').replaceAll('<', '&lt;');\n"],"mappings":";;;;;;;;;AA4CA,IAAa,aAAa,IAAI,OAAO,EACnC,MAAM;CACJ,OAAO;CACP,QAAQ;CACR,YAAY;CAEZ,eAAe;AACjB,EACF,CAAC;;AAGD,IAAa,OAAO,0BAClB,QAAA,SAAA;CAAA,MAAA,OAAAA,aAAA,QAAA,MAAA;CAAA,MAAA,OAAAA,aAAA,QAAA,MAAA;CAAA,MAAA,cAAAA,aAAA,QAAA,eAA6B,CAAC;CAAA,MAAA,SAAAA,aAAA,QAAA,UAAW,KAAK;CAAA,MAAK,OAAIC,UAAA,QAAA,MAAA,IAAA;CAAA,aAC/C;EACJ,MAAM,WAAW,KAAK,iBAAiB;EACvC,OAAAC,YAAA,OAAAC,cAEQ,WAAkB,EAAE,IAAI,WAAW,KAAK,GAAG,MAAM;GACnD,OAAO,KAAA,SAAQ,OAAO,KAAA,IAAY,EAAE,UAAU,GAAA,KAAA,MAAA,IAAY;GAC1D,SAAS,QAAO,KAAA,KAAK;GACrB,MAAM,OAAA,QAAS,iBAAiB;GAChC,QAAQ;GAER,gBAAc,YAAA;GACd,kBAAkB;GAClB,mBAAmB;GACnB,MAAM,WAAW,QAAQ,KAAA;GACzB,eAAe,WAAW,KAAA,IAAY;EACxC,CAAC,GAAC,EAAA,aACS,WAAU,KAAA,KAAK,EAAC,CAAA,GAAA,IAAA;CAGjC;AAAC,GAAA;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACL;AAEA,SAAS,QAAQ,MAAgB;CAG/B,OAAO,OAFO,KAAK,SAAS,KAAK,QAAQ,GAEtB,GADJ,KAAK,UAAU,KAAK,QAAQ;AAE7C;;AAKA,IAAM,8BAAc,IAAI,QAA0B;;AAGlD,SAAgB,WAAW,MAAwB;CACjD,IAAI,SAAS,YAAY,IAAI,IAAI;CACjC,IAAI,WAAW,KAAA,GAAW,YAAY,IAAI,MAAO,SAAS,KAAK,KAAK,IAAI,UAAU,CAAC,CAAC,KAAK,EAAE,CAAE;CAC7F,OAAO;AACT;AAEA,SAAS,WAAW,CAAC,KAAK,OAAO,WAA6B;CAC5D,IAAI,CAAC,qBAAqB,KAAK,GAAG,GAAG,MAAM,IAAI,MAAM,gBAAgB,KAAK;CAM1E,OAAO,IAAI,MAJQ,OAAO,QAAQ,KAAK,CAAC,CACrC,QAAQ,CAAC,UAAU,SAAS,KAAK,CAAC,CAClC,KAAK,CAAC,MAAM,WAAW,IAAI,KAAI,IAAK,gBAAgB,OAAO,KAAK,CAAC,EAAC,EAAG,CAAC,CACtE,KAAK,EACS,EAAU,GAAI,UAAU,IAAI,UAAU,CAAC,CAAC,KAAK,EAAE,KAAK,GAAE,IAAK,IAAG;AACjF;AAEA,IAAM,mBAAmB,UACvB,MAAM,WAAW,KAAK,OAAO,CAAC,CAAC,WAAW,MAAK,QAAQ,CAAC,CAAC,WAAW,KAAK,MAAM"}

package/dist/capability/PrivacyPrompt.d.ts

@@ -0,0 +1 @@
+export declare const PrivacyPrompt: import("@zerodep-dev/vue-tsx-pro-tsx").TsxComponent<{}>;

package/dist/capability/PrivacyPrompt.js

@@ -0,0 +1,73 @@
+import { useConfig } from "../config/context.js";
+import { useHost } from "../utils/host.js";
+import { Button } from "../base/Button.js";
+import { Popup } from "../overlay/Popup.js";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { _component, mergeJsxProps } from "@zerodep-dev/vue-tsx-pro-tsx";
+import { createVNode, onBeforeUnmount, ref } from "vue";
+//#region src/capability/PrivacyPrompt.tsx
+/** 同意按钮的 id：微信回复同意时要带上它，确认是用户点了这个按钮 */
+var AGREE_ID = "vtm-privacy-agree";
+var styles = css.create({
+	body: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "_md",
+		padding: "_lg"
+	},
+	title: {
+		fontSize: "_lg",
+		fontWeight: "_semibold",
+		textAlign: "center"
+	},
+	message: {
+		fontSize: "_sm",
+		lineHeight: "_relaxed",
+		color: "_textMuted"
+	},
+	link: { color: "_accentText" },
+	actions: {
+		display: "flex",
+		gap: "_md"
+	},
+	action: { flex: "1 1 0" }
+});
+var PrivacyPrompt = /*#__PURE__*/ _component(() => {
+	const _cache = [];
+	const host = useHost();
+	const config = useConfig();
+	let reply = ref(null);
+	onBeforeUnmount(host.onPrivacyRequest((next) => reply.value = next));
+	const answer = (agreed) => {
+		reply.value?.(agreed, agreed ? AGREE_ID : void 0);
+		reply.value = null;
+	};
+	return () => {
+		const text = config.lang.privacy;
+		return createVNode(Popup, {
+			"_open": reply.value !== null,
+			"position": "bottom",
+			"round": true,
+			"closeOnOverlay": false,
+			"onOpenChange": _cache[0] || (_cache[0] = (open) => !open && answer(false))
+		}, { default: () => [createVNode("div", css.attrs(styles.body), [
+			createVNode("div", css.attrs(styles.title), [text.title]),
+			createVNode("div", css.attrs(styles.message), [text.message, createVNode("span", mergeJsxProps(css.attrs(styles.link), { "onClick": _cache[1] || (_cache[1] = () => void host.openPrivacyContract()) }), [text.contract])]),
+			createVNode("div", css.attrs(styles.actions), [createVNode(Button, {
+				"variant": "soft",
+				"tone": "neutral",
+				"sx": styles.action,
+				"onClick": _cache[2] || (_cache[2] = () => answer(false))
+			}, { default: () => [text.disagree] }), createVNode(Button, {
+				"id": AGREE_ID,
+				"openType": "agreePrivacyAuthorization",
+				"sx": styles.action,
+				"onOpenType": _cache[3] || (_cache[3] = () => answer(true))
+			}, { default: () => [text.agree] })])
+		])] });
+	};
+}, { name: "PrivacyPrompt" });
+//#endregion
+export { PrivacyPrompt };
+
+//# sourceMappingURL=PrivacyPrompt.js.map

package/dist/capability/PrivacyPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivacyPrompt.js","names":["_vue_ref","_createVNode","_mergeProps"],"sources":["../../src/capability/PrivacyPrompt.tsx"],"sourcesContent":["/**\n * 隐私协议弹窗：微信要求用户先同意隐私保护指引，才放行位置、相册、剪贴板这类隐私接口。平台拦下接口时\n * （宿主的 onPrivacyRequest）从底部弹出，同意按钮是 open-type=\"agreePrivacyAuthorization\" 的原生按钮。\n * ConfigProvider 自动渲染一个（在命令式反馈的出口里）；H5 与支付宝不会触发。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { onBeforeUnmount } from 'vue';\nimport { Button } from '../base/Button';\nimport { useConfig } from '../config/context';\nimport { Popup } from '../overlay/Popup';\nimport { useHost } from '../utils/host';\nimport type { PrivacyReply } from './types';\n\n/** 同意按钮的 id：微信回复同意时要带上它，确认是用户点了这个按钮 */\nconst AGREE_ID = 'vtm-privacy-agree';\n\nconst styles = css.create({\n  body: { display: 'flex', flexDirection: 'column', gap: '_md', padding: '_lg' },\n  title: { fontSize: '_lg', fontWeight: '_semibold', textAlign: 'center' },\n  message: { fontSize: '_sm', lineHeight: '_relaxed', color: '_textMuted' },\n  link: { color: '_accentText' },\n  actions: { display: 'flex', gap: '_md' },\n  action: { flex: '1 1 0' },\n});\n\nexport const PrivacyPrompt = _component(() => {\n  const host = useHost();\n  const config = useConfig();\n  let reply = _state<PrivacyReply | null>(null);\n  onBeforeUnmount(host.onPrivacyRequest((next) => (reply = next)));\n\n  const answer = (agreed: boolean) => {\n    reply?.(agreed, agreed ? AGREE_ID : undefined);\n    reply = null;\n  };\n\n  return () => {\n    const text = config.lang.privacy;\n    return (\n      <Popup\n        _open={reply !== null}\n        position=\"bottom\"\n        round\n        closeOnOverlay={false}\n        onOpenChange={(open) => !open && answer(false)}\n      >\n        <div {...css.attrs(styles.body)}>\n          <div {...css.attrs(styles.title)}>{text.title}</div>\n          <div {...css.attrs(styles.message)}>\n            {text.message}\n            <span {...css.attrs(styles.link)} onClick={() => void host.openPrivacyContract()}>\n              {text.contract}\n            </span>\n          </div>\n          <div {...css.attrs(styles.actions)}>\n            <Button variant=\"soft\" tone=\"neutral\" sx={styles.action} onClick={() => answer(false)}>\n              {text.disagree}\n            </Button>\n            <Button\n              id={AGREE_ID}\n              openType=\"agreePrivacyAuthorization\"\n              sx={styles.action}\n              onOpenType={() => answer(true)}\n            >\n              {text.agree}\n            </Button>\n          </div>\n        </div>\n      </Popup>\n    );\n  };\n});\n"],"mappings":";;;;;;;;;AAeA,IAAM,WAAW;AAEjB,IAAM,SAAS,IAAI,OAAO;CACxB,MAAM;EAAE,SAAS;EAAQ,eAAe;EAAU,KAAK;EAAO,SAAS;CAAM;CAC7E,OAAO;EAAE,UAAU;EAAO,YAAY;EAAa,WAAW;CAAS;CACvE,SAAS;EAAE,UAAU;EAAO,YAAY;EAAY,OAAO;CAAa;CACxE,MAAM,EAAE,OAAO,cAAc;CAC7B,SAAS;EAAE,SAAS;EAAQ,KAAK;CAAM;CACvC,QAAQ,EAAE,MAAM,QAAQ;AAC1B,CAAC;AAED,IAAa,gBAAgB,+BAAiB;CAAA,MAAA,SAAA,CAAA;CAC5C,MAAM,OAAO,QAAQ;CACrB,MAAM,SAAS,UAAU;CACzB,IAAI,QAAKA,IAA+B,IAAI;CAC5C,gBAAgB,KAAK,kBAAkB,SAAU,MAAA,QAAQ,IAAK,CAAC;CAE/D,MAAM,UAAU,WAAoB;EAClC,MAAA,QAAQ,QAAQ,SAAS,WAAW,KAAA,CAAS;EAC7C,MAAA,QAAQ;CACV;CAEA,aAAa;EACX,MAAM,OAAO,OAAO,KAAK;EACzB,OAAAC,YAAA,OAAA;GAAA,SAEW,MAAA,UAAU;GAAI,YAAA;GAAA,SAAA;GAAA,kBAGL;GAAK,gBAAA,OAAA,OAAA,OAAA,MACN,SAAS,CAAC,QAAQ,OAAO,KAAK;EAAC,GAAA,EAAA,eAAA,CAAAA,YAAA,OAErC,IAAI,MAAM,OAAO,IAAI,GAAC;GAAAA,YAAA,OACpB,IAAI,MAAM,OAAO,KAAK,GAAC,CAAG,KAAK,KAAK,CAAA;GAAAA,YAAA,OACpC,IAAI,MAAM,OAAO,OAAO,GAAC,CAC/B,KAAK,SAAOA,YAAA,QAAAC,cACH,IAAI,MAAM,OAAO,IAAI,GAAC,EAAA,WAAA,OAAA,OAAA,OAAA,WAAiB,KAAK,KAAK,oBAAoB,GAAC,CAAA,GAAA,CAC7E,KAAK,QAAQ,CAAA,CAAA,CAAA;GAAAD,YAAA,OAGT,IAAI,MAAM,OAAO,OAAO,GAAC,CAAAA,YAAA,QAAA;IAAA,WAAA;IAAA,QAAA;IAAA,MACU,OAAO;IAAM,WAAA,OAAA,OAAA,OAAA,WAAiB,OAAO,KAAK;GAAC,GAAA,EAAA,eAAA,CAClF,KAAK,QAAQ,EAAA,CAAA,GAAAA,YAAA,QAAA;IAAA,MAGV;IAAQ,YAAA;IAAA,MAER,OAAO;IAAM,cAAA,OAAA,OAAA,OAAA,WACC,OAAO,IAAI;GAAC,GAAA,EAAA,eAAA,CAE7B,KAAK,KAAK,EAAA,CAAA,CAAA,CAAA;EAAA,CAAA,CAAA,EAAA,CAAA;CAMvB;AACF,GAAC,EAAA,MAAA,gBAAA,CAAA"}

package/dist/capability/types.d.ts

@@ -0,0 +1,92 @@
+/**
+ * 宿主能力里与用户授权有关的部分（设备权限、存储、登录、支付、订阅消息、隐私协议）的类型。
+ * 三端的差异见 MOBILE.md §12；接口挂在 Host 上（utils/host.ts），H5 的实现在 capability/web.ts，小程序的在 mini 包里
+ */
+/**
+ * 设备权限：
+ * location 精确位置、fuzzyLocation 模糊位置（微信里两者在 app.json 的声明互斥，二选一）、camera 相机、microphone 麦克风、
+ * album 保存到相册、bluetooth 蓝牙
+ */
+export type DevicePermission = 'location' | 'fuzzyLocation' | 'camera' | 'microphone' | 'album' | 'bluetooth';
+/**
+ * 权限状态：granted 已同意；denied 拒绝过（不会再弹系统授权，只能去设置页打开）；
+ * prompt 还没问过（用到时会弹）；unsupported 这一端没有这项能力
+ */
+export type DevicePermissionState = 'granted' | 'denied' | 'prompt' | 'unsupported';
+/** 设备权限 */
+export interface HostPermissions {
+    /** 查状态，不弹窗 */
+    status(name: DevicePermission): Promise<DevicePermissionState>;
+    /**
+     * 申请：没问过时弹系统授权，返回之后的状态；拒绝过的直接返回 denied（引导去设置页由 usePermission 做）。
+     * 支付宝没有提前申请的接口：位置、蓝牙调一次对应能力弹出授权；相机、相册、麦克风没有不打开界面的调用，
+     * 返回 prompt，表示照常去用、用到时平台自己问
+     */
+    request(name: DevicePermission): Promise<DevicePermissionState>;
+    /** 打开小程序的设置页，用户改完回来后返回该权限的新状态；H5 不能代开浏览器设置，返回当前状态 */
+    openSettings(name: DevicePermission): Promise<DevicePermissionState>;
+}
+/** 本地存储：值按 JSON 存取，同步读写（三端都有同步接口） */
+export interface HostStorage {
+    /** 读；没有或解析不了时 undefined */
+    get<T = unknown>(key: string): T | undefined;
+    set(key: string, value: unknown): void;
+    remove(key: string): void;
+    /** 全部的键 */
+    keys(): string[];
+}
+/** 登录：拿平台的一次性凭证，交给后端换会话（组件库不碰密钥） */
+export interface LoginOptions {
+    /**
+     * 支付宝的授权范围：base 静默（只拿用户标识），user 要用户同意（会员基础信息）。微信与 H5 忽略
+     * @default 'base'
+     */
+    scope?: 'base' | 'user';
+}
+/** 登录凭证：微信 wx.login 的 code，支付宝 my.getAuthCode 的 authCode，H5 是应用自己的实现给的 */
+export interface LoginResult {
+    platform: 'web' | 'app' | 'wx' | 'my';
+    code: string;
+}
+/**
+ * 支付参数，按后端下单的结果填：
+ * - wechat：微信支付（小程序 wx.requestPayment；微信内的 H5 走 JSAPI，要加 appId）
+ * - alipay：支付宝小程序 my.tradePay 的交易号
+ * - redirect：H5 在微信、支付宝之外的浏览器里，跳到支付页（微信 H5 支付的 mweb_url、支付宝手机网站支付的地址）
+ */
+export type PaymentOrder = {
+    provider: 'wechat';
+    timeStamp: string;
+    nonceStr: string;
+    /** prepay_id=… */
+    package: string;
+    signType: 'MD5' | 'HMAC-SHA256' | 'RSA';
+    paySign: string;
+    /** 微信内 H5（JSAPI）必填；小程序里不用 */
+    appId?: string;
+} | {
+    provider: 'alipay';
+    tradeNO: string;
+} | {
+    provider: 'redirect';
+    url: string;
+};
+/**
+ * 支付结果。success 也只是前端看到的结果，发货前要以后端查单为准；pending 是结果未知或处理中（支付宝 8000、6004，
+ * H5 跳走之后），一定要去后端查
+ */
+export interface PaymentResult {
+    status: 'success' | 'cancel' | 'pending' | 'fail';
+    /** 平台的原始结果码或信息，排查用 */
+    raw?: unknown;
+}
+/** 订阅消息每个模板的结果：accept 同意、reject 拒绝、ban 被后台封禁、unsupported 这一端没有 */
+export type SubscribeState = 'accept' | 'reject' | 'ban' | 'unsupported';
+/** 手机号授权按钮的结果，原样交给后端：微信给 code（后端换号码），支付宝给加密的 response（后端解密） */
+export interface PhoneNumberResult {
+    platform: 'wx' | 'my';
+    code?: string;
+    response?: string;
+}
+/** 隐私协议的回复：同意时带上点的按钮的 id（微信要用它确认是用户点了同意按钮） */
+export type PrivacyReply = (agreed: boolean, buttonId?: string) => void;

package/dist/capability/usePermission.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 设备权限的组合函数：查状态、申请；拒绝过的弹对话框引导去设置页（小程序里打开设置页，H5 只能说明）。
+ *
+ *   const location = usePermission('location');
+ *   const locate = async () => {
+ *     if (await location.request()) host.… // 已同意
+ *   };
+ *   // location.status.value：granted / denied / prompt / unsupported，查到之前是 null
+ */
+import { type Ref } from 'vue';
+import type { DevicePermission, DevicePermissionState } from './types';
+export interface PermissionHandle {
+    /** 当前状态；还没查到时 null */
+    readonly status: Readonly<Ref<DevicePermissionState | null>>;
+    /**
+     * 申请：可以接着用了返回 true——已同意，或平台在用到时自己问（申请后仍是 prompt，如支付宝的相机）。
+     * 拒绝过的先引导去设置页，从设置页回来再看一次
+     */
+    request(): Promise<boolean>;
+    /** 重新查状态（比如页面重新显示时） */
+    refresh(): Promise<DevicePermissionState>;
+}
+export declare function usePermission(name: DevicePermission): PermissionHandle;

package/dist/capability/usePermission.js

@@ -0,0 +1,52 @@
+import { useConfig } from "../config/context.js";
+import { isMiniProgram, useHost } from "../utils/host.js";
+import { showConfirmDialog, showDialog } from "../feedback/Dialog.js";
+import { shallowRef } from "vue";
+//#region src/capability/usePermission.ts
+/**
+* 设备权限的组合函数：查状态、申请；拒绝过的弹对话框引导去设置页（小程序里打开设置页，H5 只能说明）。
+*
+*   const location = usePermission('location');
+*   const locate = async () => {
+*     if (await location.request()) host.… // 已同意
+*   };
+*   // location.status.value：granted / denied / prompt / unsupported，查到之前是 null
+*/
+function usePermission(name) {
+	const host = useHost();
+	const config = useConfig();
+	const status = shallowRef(null);
+	const refresh = async () => status.value = await host.permissions.status(name);
+	refresh();
+	/** 拒绝过：小程序里问要不要去设置页；H5 不能代开浏览器设置、原生应用的设置页要用户自己去，只说明 */
+	const guide = async () => {
+		const { title, message, openSettings } = config.lang.permissionDenied;
+		const text = message(config.lang.permissions[name]);
+		if (!isMiniProgram(host)) {
+			await showDialog({
+				title,
+				message: text
+			});
+			return "denied";
+		}
+		return await showConfirmDialog({
+			title,
+			message: text,
+			confirmText: openSettings
+		}) ? host.permissions.openSettings(name) : "denied";
+	};
+	return {
+		status,
+		refresh,
+		async request() {
+			let next = await host.permissions.request(name);
+			if (next === "denied") next = await guide();
+			status.value = next;
+			return next === "granted" || next === "prompt";
+		}
+	};
+}
+//#endregion
+export { usePermission };
+
+//# sourceMappingURL=usePermission.js.map

package/dist/capability/usePermission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePermission.js","names":[],"sources":["../../src/capability/usePermission.ts"],"sourcesContent":["/**\n * 设备权限的组合函数：查状态、申请；拒绝过的弹对话框引导去设置页（小程序里打开设置页，H5 只能说明）。\n *\n *   const location = usePermission('location');\n *   const locate = async () => {\n *     if (await location.request()) host.… // 已同意\n *   };\n *   // location.status.value：granted / denied / prompt / unsupported，查到之前是 null\n */\nimport { shallowRef, type Ref } from 'vue';\nimport { useConfig } from '../config/context';\nimport { showConfirmDialog, showDialog } from '../feedback/Dialog';\nimport { isMiniProgram, useHost } from '../utils/host';\nimport type { DevicePermission, DevicePermissionState } from './types';\n\nexport interface PermissionHandle {\n  /** 当前状态；还没查到时 null */\n  readonly status: Readonly<Ref<DevicePermissionState | null>>;\n  /**\n   * 申请：可以接着用了返回 true——已同意，或平台在用到时自己问（申请后仍是 prompt，如支付宝的相机）。\n   * 拒绝过的先引导去设置页，从设置页回来再看一次\n   */\n  request(): Promise<boolean>;\n  /** 重新查状态（比如页面重新显示时） */\n  refresh(): Promise<DevicePermissionState>;\n}\n\nexport function usePermission(name: DevicePermission): PermissionHandle {\n  const host = useHost();\n  const config = useConfig();\n  const status = shallowRef<DevicePermissionState | null>(null);\n  const refresh = async () => (status.value = await host.permissions.status(name));\n  void refresh();\n\n  /** 拒绝过：小程序里问要不要去设置页；H5 不能代开浏览器设置、原生应用的设置页要用户自己去，只说明 */\n  const guide = async (): Promise<DevicePermissionState> => {\n    const { title, message, openSettings } = config.lang.permissionDenied;\n    const text = message(config.lang.permissions[name]);\n    if (!isMiniProgram(host)) {\n      await showDialog({ title, message: text });\n      return 'denied';\n    }\n    const go = await showConfirmDialog({ title, message: text, confirmText: openSettings });\n    return go ? host.permissions.openSettings(name) : 'denied';\n  };\n\n  return {\n    status,\n    refresh,\n    async request() {\n      let next = await host.permissions.request(name);\n      if (next === 'denied') next = await guide();\n      status.value = next;\n      return next === 'granted' || next === 'prompt';\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,cAAc,MAA0C;CACtE,MAAM,OAAO,QAAQ;CACrB,MAAM,SAAS,UAAU;CACzB,MAAM,SAAS,WAAyC,IAAI;CAC5D,MAAM,UAAU,YAAa,OAAO,QAAQ,MAAM,KAAK,YAAY,OAAO,IAAI;CAC9E,QAAa;;CAGb,MAAM,QAAQ,YAA4C;EACxD,MAAM,EAAE,OAAO,SAAS,iBAAiB,OAAO,KAAK;EACrD,MAAM,OAAO,QAAQ,OAAO,KAAK,YAAY,KAAK;EAClD,IAAI,CAAC,cAAc,IAAI,GAAG;GACxB,MAAM,WAAW;IAAE;IAAO,SAAS;GAAK,CAAC;GACzC,OAAO;EACT;EAEA,OAAO,MADU,kBAAkB;GAAE;GAAO,SAAS;GAAM,aAAa;EAAa,CAAC,IAC1E,KAAK,YAAY,aAAa,IAAI,IAAI;CACpD;CAEA,OAAO;EACL;EACA;EACA,MAAM,UAAU;GACd,IAAI,OAAO,MAAM,KAAK,YAAY,QAAQ,IAAI;GAC9C,IAAI,SAAS,UAAU,OAAO,MAAM,MAAM;GAC1C,OAAO,QAAQ;GACf,OAAO,SAAS,aAAa,SAAS;EACxC;CACF;AACF"}

package/dist/capability/useStorage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 存在本地的响应式值：读的是存储里的值（没有时用默认值），改了自动写回。三端都是同步存储。
+ *
+ *   const history = useStorage<string[]>('search-history', []);
+ *   history.value = [keyword, ...history.value].slice(0, 10);
+ */
+import { type Ref } from 'vue';
+export declare function useStorage<T>(key: string, initial: T): Ref<T>;

package/dist/capability/useStorage.js

@@ -0,0 +1,19 @@
+import { useHost } from "../utils/host.js";
+import { shallowRef, watch } from "vue";
+//#region src/capability/useStorage.ts
+/**
+* 存在本地的响应式值：读的是存储里的值（没有时用默认值），改了自动写回。三端都是同步存储。
+*
+*   const history = useStorage<string[]>('search-history', []);
+*   history.value = [keyword, ...history.value].slice(0, 10);
+*/
+function useStorage(key, initial) {
+	const { storage } = useHost();
+	const value = shallowRef(storage.get(key) ?? initial);
+	watch(value, (next) => storage.set(key, next));
+	return value;
+}
+//#endregion
+export { useStorage };
+
+//# sourceMappingURL=useStorage.js.map

package/dist/capability/useStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.js","names":[],"sources":["../../src/capability/useStorage.ts"],"sourcesContent":["/**\n * 存在本地的响应式值：读的是存储里的值（没有时用默认值），改了自动写回。三端都是同步存储。\n *\n *   const history = useStorage<string[]>('search-history', []);\n *   history.value = [keyword, ...history.value].slice(0, 10);\n */\nimport { shallowRef, watch, type Ref } from 'vue';\nimport { useHost } from '../utils/host';\n\nexport function useStorage<T>(key: string, initial: T): Ref<T> {\n  const { storage } = useHost();\n  const value = shallowRef(storage.get<T>(key) ?? initial) as Ref<T>;\n  // shallowRef：整个换掉才写回（数组、对象改里面的项不会触发，照不可变的写法赋新值）\n  watch(value, (next) => storage.set(key, next));\n  return value;\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,WAAc,KAAa,SAAoB;CAC7D,MAAM,EAAE,YAAY,QAAQ;CAC5B,MAAM,QAAQ,WAAW,QAAQ,IAAO,GAAG,KAAK,OAAO;CAEvD,MAAM,QAAQ,SAAS,QAAQ,IAAI,KAAK,IAAI,CAAC;CAC7C,OAAO;AACT"}

package/dist/capability/web.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 授权类能力的浏览器实现（宿主约定见 utils/host.ts，类型见 types.ts）。
+ * 浏览器没有平台登录，也只在微信内置浏览器里能调起微信支付：这两项由应用经 ConfigProvider 的 host 补上自己的实现
+ */
+import type { HostPermissions, HostStorage, LoginResult, PaymentOrder, PaymentResult, PhoneNumberResult, PrivacyReply, SubscribeState } from './types';
+export declare const webPermissions: HostPermissions;
+/** localStorage 在隐私模式、禁用存储时会抛错：读不到当作没有，写不进去就算了 */
+export declare const webStorage: HostStorage;
+export declare const webCapabilities: {
+    permissions: HostPermissions;
+    storage: HostStorage;
+    login(): Promise<LoginResult>;
+    pay(order: PaymentOrder): Promise<PaymentResult>;
+    subscribe(templateIds: string[]): Promise<Record<string, SubscribeState>>;
+    phoneNumber(): Promise<PhoneNumberResult>;
+    onPrivacyRequest: (_listener: (reply: PrivacyReply) => void) => () => void;
+    openPrivacyContract: () => Promise<void>;
+};

package/dist/capability/web.js

@@ -0,0 +1,109 @@
+//#region src/capability/web.ts
+/** 设备权限 → Permissions API 的名字；album 在 H5 是下载文件、蓝牙要用户在设备选择框里选，不在这里 */
+var QUERY_NAMES = {
+	location: "geolocation",
+	fuzzyLocation: "geolocation",
+	camera: "camera",
+	microphone: "microphone"
+};
+async function status(name) {
+	if (name === "album") return "granted";
+	if (name === "bluetooth") return "bluetooth" in navigator ? "prompt" : "unsupported";
+	try {
+		return (await navigator.permissions.query({ name: QUERY_NAMES[name] })).state;
+	} catch {
+		return "prompt";
+	}
+}
+/** 调一次对应的能力，让浏览器弹出授权 */
+async function ask(name) {
+	if (name === "location" || name === "fuzzyLocation") try {
+		await new Promise((resolve, reject) => navigator.geolocation.getCurrentPosition(resolve, reject, { maximumAge: Infinity }));
+		return "granted";
+	} catch (error) {
+		return error.code === 1 ? "denied" : status(name);
+	}
+	if (name === "camera" || name === "microphone") try {
+		const stream = await navigator.mediaDevices.getUserMedia(name === "camera" ? { video: true } : { audio: true });
+		for (const track of stream.getTracks()) track.stop();
+		return "granted";
+	} catch (error) {
+		return error.name === "NotAllowedError" ? "denied" : status(name);
+	}
+	return status(name);
+}
+var webPermissions = {
+	status,
+	async request(name) {
+		const current = await status(name);
+		return current === "prompt" ? ask(name) : current;
+	},
+	openSettings: status
+};
+/** localStorage 在隐私模式、禁用存储时会抛错：读不到当作没有，写不进去就算了 */
+var webStorage = {
+	get(key) {
+		try {
+			const text = localStorage.getItem(key);
+			return text === null ? void 0 : JSON.parse(text);
+		} catch {
+			return;
+		}
+	},
+	set(key, value) {
+		try {
+			localStorage.setItem(key, JSON.stringify(value));
+		} catch {}
+	},
+	remove(key) {
+		try {
+			localStorage.removeItem(key);
+		} catch {}
+	},
+	keys() {
+		try {
+			return Object.keys(localStorage);
+		} catch {
+			return [];
+		}
+	}
+};
+/** 微信内置浏览器的 JSAPI 支付：结果按 err_msg 的后缀判断（ok、cancel，其余是失败） */
+function payInWeChat(order) {
+	const bridge = globalThis.WeixinJSBridge;
+	if (!bridge) throw new Error("微信支付在 H5 里只能在微信内置浏览器中调起；其它浏览器请用 redirect（H5 支付）");
+	if (!order.appId) throw new Error("微信内 H5 支付（JSAPI）要带 appId");
+	const { provider: _, ...params } = order;
+	return new Promise((resolve) => bridge.invoke("getBrandWCPayRequest", params, (result) => {
+		const outcome = result.err_msg.split(":").at(-1);
+		resolve({
+			status: outcome === "ok" ? "success" : outcome === "cancel" ? "cancel" : "fail",
+			raw: result
+		});
+	}));
+}
+var webCapabilities = {
+	permissions: webPermissions,
+	storage: webStorage,
+	login() {
+		return Promise.reject(/* @__PURE__ */ new Error("H5 没有平台登录：在 ConfigProvider 的 host 里给出 login 的实现（跳转 OAuth 等）"));
+	},
+	async pay(order) {
+		if (order.provider === "wechat") return payInWeChat(order);
+		if (order.provider === "alipay") throw new Error("tradeNO 只能在支付宝小程序里调起；H5 用 redirect（手机网站支付的地址）");
+		location.href = order.url;
+		return { status: "pending" };
+	},
+	async subscribe(templateIds) {
+		return Object.fromEntries(templateIds.map((id) => [id, "unsupported"]));
+	},
+	phoneNumber() {
+		return Promise.reject(/* @__PURE__ */ new Error("H5 没有平台的手机号授权，用短信验证码"));
+	},
+	onPrivacyRequest: (_listener) => () => {},
+	openPrivacyContract: () => Promise.resolve()
+};
+//#endregion
+export { webCapabilities, webPermissions, webStorage };
+
+//# sourceMappingURL=web.js.map

package/dist/capability/web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.js","names":[],"sources":["../../src/capability/web.ts"],"sourcesContent":["/**\n * 授权类能力的浏览器实现（宿主约定见 utils/host.ts，类型见 types.ts）。\n * 浏览器没有平台登录，也只在微信内置浏览器里能调起微信支付：这两项由应用经 ConfigProvider 的 host 补上自己的实现\n */\nimport type {\n  DevicePermission,\n  DevicePermissionState,\n  HostPermissions,\n  HostStorage,\n  LoginResult,\n  PaymentOrder,\n  PaymentResult,\n  PhoneNumberResult,\n  PrivacyReply,\n  SubscribeState,\n} from './types';\n\n/** 设备权限 → Permissions API 的名字；album 在 H5 是下载文件、蓝牙要用户在设备选择框里选，不在这里 */\nconst QUERY_NAMES: Partial<Record<DevicePermission, string>> = {\n  location: 'geolocation',\n  fuzzyLocation: 'geolocation',\n  camera: 'camera',\n  microphone: 'microphone',\n};\n\nasync function status(name: DevicePermission): Promise<DevicePermissionState> {\n  if (name === 'album') return 'granted';\n  if (name === 'bluetooth') return 'bluetooth' in navigator ? 'prompt' : 'unsupported';\n  // Safari 16 之前没有 Permissions API；查不了的名字（旧版 Firefox 的 camera）会抛错：都当作还没问过\n  try {\n    const result = await navigator.permissions.query({ name: QUERY_NAMES[name] } as never);\n    return result.state;\n  } catch {\n    return 'prompt';\n  }\n}\n\n/** 调一次对应的能力，让浏览器弹出授权 */\nasync function ask(name: DevicePermission): Promise<DevicePermissionState> {\n  if (name === 'location' || name === 'fuzzyLocation') {\n    try {\n      await new Promise<GeolocationPosition>((resolve, reject) =>\n        navigator.geolocation.getCurrentPosition(resolve, reject, { maximumAge: Infinity }),\n      );\n      return 'granted';\n    } catch (error) {\n      return (error as GeolocationPositionError).code === 1 ? 'denied' : status(name);\n    }\n  }\n  if (name === 'camera' || name === 'microphone') {\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia(\n        name === 'camera' ? { video: true } : { audio: true },\n      );\n      for (const track of stream.getTracks()) track.stop();\n      return 'granted';\n    } catch (error) {\n      return (error as DOMException).name === 'NotAllowedError' ? 'denied' : status(name);\n    }\n  }\n  return status(name);\n}\n\nexport const webPermissions: HostPermissions = {\n  status,\n  async request(name) {\n    const current = await status(name);\n    return current === 'prompt' ? ask(name) : current;\n  },\n  openSettings: status,\n};\n\n/** localStorage 在隐私模式、禁用存储时会抛错：读不到当作没有，写不进去就算了 */\nexport const webStorage: HostStorage = {\n  get<T>(key: string) {\n    try {\n      const text = localStorage.getItem(key);\n      return text === null ? undefined : (JSON.parse(text) as T);\n    } catch {\n      return undefined;\n    }\n  },\n  set(key, value) {\n    try {\n      localStorage.setItem(key, JSON.stringify(value));\n    } catch {\n      // 存储满了或被禁用\n    }\n  },\n  remove(key) {\n    try {\n      localStorage.removeItem(key);\n    } catch {\n      // 同上\n    }\n  },\n  keys() {\n    try {\n      return Object.keys(localStorage);\n    } catch {\n      return [];\n    }\n  },\n};\n\n/** 微信内置浏览器注入的桥 */\ninterface WeixinJSBridge {\n  invoke(\n    name: 'getBrandWCPayRequest',\n    params: Record<string, string>,\n    callback: (result: { err_msg: string }) => void,\n  ): void;\n}\n\n/** 微信内置浏览器的 JSAPI 支付：结果按 err_msg 的后缀判断（ok、cancel，其余是失败） */\nfunction payInWeChat(order: Extract<PaymentOrder, { provider: 'wechat' }>) {\n  const bridge = (globalThis as { WeixinJSBridge?: WeixinJSBridge }).WeixinJSBridge;\n  if (!bridge)\n    throw new Error(\n      '微信支付在 H5 里只能在微信内置浏览器中调起；其它浏览器请用 redirect（H5 支付）',\n    );\n  if (!order.appId) throw new Error('微信内 H5 支付（JSAPI）要带 appId');\n  const { provider: _, ...params } = order;\n  return new Promise<PaymentResult>((resolve) =>\n    bridge.invoke('getBrandWCPayRequest', params as Record<string, string>, (result) => {\n      const outcome = result.err_msg.split(':').at(-1);\n      resolve({\n        status: outcome === 'ok' ? 'success' : outcome === 'cancel' ? 'cancel' : 'fail',\n        raw: result,\n      });\n    }),\n  );\n}\n\nexport const webCapabilities = {\n  permissions: webPermissions,\n  storage: webStorage,\n  login(): Promise<LoginResult> {\n    return Promise.reject(\n      new Error('H5 没有平台登录：在 ConfigProvider 的 host 里给出 login 的实现（跳转 OAuth 等）'),\n    );\n  },\n  async pay(order: PaymentOrder): Promise<PaymentResult> {\n    if (order.provider === 'wechat') return payInWeChat(order);\n    if (order.provider === 'alipay')\n      throw new Error('tradeNO 只能在支付宝小程序里调起；H5 用 redirect（手机网站支付的地址）');\n    // 跳走之后页面就没了；从支付页回来时由应用去后端查单\n    location.href = order.url;\n    return { status: 'pending' };\n  },\n  async subscribe(templateIds: string[]): Promise<Record<string, SubscribeState>> {\n    return Object.fromEntries(templateIds.map((id) => [id, 'unsupported' as const]));\n  },\n  phoneNumber(): Promise<PhoneNumberResult> {\n    return Promise.reject(new Error('H5 没有平台的手机号授权，用短信验证码'));\n  },\n  // 隐私协议只有微信小程序有\n  onPrivacyRequest: (_listener: (reply: PrivacyReply) => void) => () => {},\n  openPrivacyContract: () => Promise.resolve(),\n};\n"],"mappings":"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"}

package/dist/capacitor/index.d.ts

@@ -0,0 +1,9 @@
+import { type Host } from '../utils/host';
+/**
+ * 原生应用的宿主能力：在浏览器的实现上换掉设备权限、存储、震动、剪贴板、选图；
+ * 顺带接上安卓的返回键（页面能后退就后退，到头了退出应用），状态栏的文字颜色、iOS 键盘的深浅色跟着页面主题。只在原生外壳里调用。
+ *
+ * 键盘弹起时的布局由外壳负责：安卓上 Capacitor 8 的 SystemBars 把键盘高度垫在 WebView 下面，
+ * iOS 上 Keyboard 插件的 resize: native 把 WebView 缩到键盘上面——两端页面都变矮，底部固定的元素与正在输入的框露在键盘上方
+ */
+export declare function createCapacitorHost(): Promise<Host>;