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

package/dist/capacitor/index.js

@@ -0,0 +1,143 @@
+import { webPermissions } from "../capability/web.js";
+import { webHost } from "../utils/host.js";
+import { App } from "@capacitor/app";
+import { Capacitor, SystemBars, SystemBarsStyle } from "@capacitor/core";
+import { Camera } from "@capacitor/camera";
+import { Clipboard } from "@capacitor/clipboard";
+import { Geolocation } from "@capacitor/geolocation";
+import { Haptics, ImpactStyle } from "@capacitor/haptics";
+import { Keyboard, KeyboardStyle } from "@capacitor/keyboard";
+import { Preferences } from "@capacitor/preferences";
+//#region src/capacitor/index.ts
+/**
+* 原生应用（Capacitor 的 iOS / Android 外壳）里的宿主能力：页面跑在系统 WebView 里，DOM、测量、滚动照常用浏览器的，
+* 设备权限、存储、震动、剪贴板、选图换成官方插件（原生的授权弹窗、不会被系统清掉的存储）。
+* 子路径 @zerodep-dev/vue-tsx-pro-mobile/capacitor，插件是可选的 peer 依赖，做原生应用时才装。
+*
+*   // main.ts：在原生外壳里才加载（H5 的包里不带插件）
+*   if (window.Capacitor?.isNativePlatform()) {
+*     const { createCapacitorHost } = await import('@zerodep-dev/vue-tsx-pro-mobile/capacitor');
+*     app.provide(HOST_KEY, await createCapacitorHost());
+*   }
+*
+* 插件接口按 Capacitor 8 的官方文档（2026-10）：Geolocation、Camera 的 checkPermissions / requestPermissions 返回
+* granted、denied、prompt、prompt-with-rationale（相机的还有 limited）；Preferences 是异步的键值存储，启动时整个读进内存，之后同步读、写穿透。
+*/
+var stateOf = (state) => state === "granted" || state === "limited" ? "granted" : state === "denied" ? "denied" : "prompt";
+/** 页面主题 → 状态栏的样式：Dark 是深色底上的浅色文字，Default 跟着系统的深浅色 */
+var BAR_STYLES = {
+	light: SystemBarsStyle.Light,
+	dark: SystemBarsStyle.Dark,
+	system: SystemBarsStyle.Default
+};
+/** 页面主题 → iOS 键盘的深浅色（安卓的键盘由输入法决定，插件不支持） */
+var KEYBOARD_STYLES = {
+	light: KeyboardStyle.Light,
+	dark: KeyboardStyle.Dark,
+	system: KeyboardStyle.Default
+};
+/** 设备权限 → 插件与它的权限名；麦克风没有官方插件，走 WebView 的 getUserMedia（外壳会转成系统授权） */
+async function status(name) {
+	switch (name) {
+		case "location": return stateOf((await Geolocation.checkPermissions()).location);
+		case "fuzzyLocation": return stateOf((await Geolocation.checkPermissions()).coarseLocation);
+		case "camera": return stateOf((await Camera.checkPermissions()).camera);
+		case "album": return stateOf((await Camera.checkPermissions()).photos);
+		case "microphone": return webPermissions.status(name);
+		case "bluetooth": return "unsupported";
+	}
+}
+async function request(name) {
+	switch (name) {
+		case "location": return stateOf((await Geolocation.requestPermissions({ permissions: ["location"] })).location);
+		case "fuzzyLocation": return stateOf((await Geolocation.requestPermissions({ permissions: ["coarseLocation"] })).coarseLocation);
+		case "camera": return stateOf((await Camera.requestPermissions({ permissions: ["camera"] })).camera);
+		case "album": return stateOf((await Camera.requestPermissions({ permissions: ["photos"] })).photos);
+		case "microphone": return webPermissions.request(name);
+		case "bluetooth": return "unsupported";
+	}
+}
+/** Preferences 整个读进内存：组件按同步接口读；写的时候同时写回原生存储 */
+async function preferencesStorage() {
+	const { keys } = await Preferences.keys();
+	const values = /* @__PURE__ */ new Map();
+	await Promise.all(keys.map(async (key) => {
+		const { value } = await Preferences.get({ key });
+		if (value !== null) values.set(key, value);
+	}));
+	return {
+		get(key) {
+			const text = values.get(key);
+			if (text === void 0) return void 0;
+			try {
+				return JSON.parse(text);
+			} catch {
+				return;
+			}
+		},
+		set(key, value) {
+			const text = JSON.stringify(value);
+			values.set(key, text);
+			Preferences.set({
+				key,
+				value: text
+			});
+		},
+		remove(key) {
+			values.delete(key);
+			Preferences.remove({ key });
+		},
+		keys: () => [...values.keys()]
+	};
+}
+var backButtonHooked = false;
+/**
+* 原生应用的宿主能力：在浏览器的实现上换掉设备权限、存储、震动、剪贴板、选图；
+* 顺带接上安卓的返回键（页面能后退就后退，到头了退出应用），状态栏的文字颜色、iOS 键盘的深浅色跟着页面主题。只在原生外壳里调用。
+*
+* 键盘弹起时的布局由外壳负责：安卓上 Capacitor 8 的 SystemBars 把键盘高度垫在 WebView 下面，
+* iOS 上 Keyboard 插件的 resize: native 把 WebView 缩到键盘上面——两端页面都变矮，底部固定的元素与正在输入的框露在键盘上方
+*/
+async function createCapacitorHost() {
+	if (!backButtonHooked) {
+		backButtonHooked = true;
+		App.addListener("backButton", ({ canGoBack }) => canGoBack ? history.back() : void App.exitApp());
+	}
+	return {
+		...webHost,
+		platform: "app",
+		permissions: {
+			status,
+			async request(name) {
+				const current = await status(name);
+				return current === "prompt" ? request(name) : current;
+			},
+			openSettings: status
+		},
+		storage: await preferencesStorage(),
+		vibrate() {
+			Haptics.impact({ style: ImpactStyle.Light });
+		},
+		themeChanged(theme) {
+			SystemBars.setStyle({ style: BAR_STYLES[theme] });
+			if (Capacitor.getPlatform() === "ios") Keyboard.setStyle({ style: KEYBOARD_STYLES[theme] });
+		},
+		copy: (text) => Clipboard.write({ string: text }),
+		async chooseImages({ count }) {
+			const { photos } = await Camera.pickImages({ limit: count });
+			return Promise.all(photos.map(async (photo, index) => {
+				const blob = await fetch(photo.webPath).then((response) => response.blob());
+				const file = new File([blob], `photo-${index}.${photo.format}`, { type: blob.type });
+				return {
+					url: photo.webPath,
+					size: blob.size,
+					file
+				};
+			}));
+		}
+	};
+}
+//#endregion
+export { createCapacitorHost };
+
+//# sourceMappingURL=index.js.map

package/dist/capacitor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/capacitor/index.ts"],"sourcesContent":["/**\n * 原生应用（Capacitor 的 iOS / Android 外壳）里的宿主能力：页面跑在系统 WebView 里，DOM、测量、滚动照常用浏览器的，\n * 设备权限、存储、震动、剪贴板、选图换成官方插件（原生的授权弹窗、不会被系统清掉的存储）。\n * 子路径 @zerodep-dev/vue-tsx-pro-mobile/capacitor，插件是可选的 peer 依赖，做原生应用时才装。\n *\n *   // main.ts：在原生外壳里才加载（H5 的包里不带插件）\n *   if (window.Capacitor?.isNativePlatform()) {\n *     const { createCapacitorHost } = await import('@zerodep-dev/vue-tsx-pro-mobile/capacitor');\n *     app.provide(HOST_KEY, await createCapacitorHost());\n *   }\n *\n * 插件接口按 Capacitor 8 的官方文档（2026-10）：Geolocation、Camera 的 checkPermissions / requestPermissions 返回\n * granted、denied、prompt、prompt-with-rationale（相机的还有 limited）；Preferences 是异步的键值存储，启动时整个读进内存，之后同步读、写穿透。\n */\nimport { App } from '@capacitor/app';\nimport { Capacitor, SystemBars, SystemBarsStyle } from '@capacitor/core';\nimport { Camera } from '@capacitor/camera';\nimport { Clipboard } from '@capacitor/clipboard';\nimport { Geolocation } from '@capacitor/geolocation';\nimport { Haptics, ImpactStyle } from '@capacitor/haptics';\nimport { Keyboard, KeyboardStyle } from '@capacitor/keyboard';\nimport { Preferences } from '@capacitor/preferences';\nimport type { DevicePermission, DevicePermissionState, HostStorage } from '../capability/types';\nimport { webPermissions } from '../capability/web';\nimport { webHost, type Host } from '../utils/host';\n\n/**\n * 插件的权限状态；prompt-with-rationale 是安卓上拒绝过一次、还能再问（要先说明用途），\n * limited 是 iOS 只允许访问部分照片（选图照常能用，算同意）\n */\ntype PluginState = 'granted' | 'denied' | 'prompt' | 'prompt-with-rationale' | 'limited';\n\nconst stateOf = (state: PluginState | undefined): DevicePermissionState =>\n  state === 'granted' || state === 'limited' ? 'granted' : state === 'denied' ? 'denied' : 'prompt';\n\n/** 页面主题 → 状态栏的样式：Dark 是深色底上的浅色文字，Default 跟着系统的深浅色 */\nconst BAR_STYLES = {\n  light: SystemBarsStyle.Light,\n  dark: SystemBarsStyle.Dark,\n  system: SystemBarsStyle.Default,\n} as const;\n\n/** 页面主题 → iOS 键盘的深浅色（安卓的键盘由输入法决定，插件不支持） */\nconst KEYBOARD_STYLES = {\n  light: KeyboardStyle.Light,\n  dark: KeyboardStyle.Dark,\n  system: KeyboardStyle.Default,\n} as const;\n\n/** 设备权限 → 插件与它的权限名；麦克风没有官方插件，走 WebView 的 getUserMedia（外壳会转成系统授权） */\nasync function status(name: DevicePermission): Promise<DevicePermissionState> {\n  switch (name) {\n    case 'location':\n      return stateOf((await Geolocation.checkPermissions()).location);\n    case 'fuzzyLocation':\n      return stateOf((await Geolocation.checkPermissions()).coarseLocation);\n    case 'camera':\n      return stateOf((await Camera.checkPermissions()).camera);\n    case 'album':\n      return stateOf((await Camera.checkPermissions()).photos);\n    case 'microphone':\n      return webPermissions.status(name);\n    case 'bluetooth':\n      // 要社区插件（@capacitor-community/bluetooth-le），默认不带\n      return 'unsupported';\n  }\n}\n\nasync function request(name: DevicePermission): Promise<DevicePermissionState> {\n  switch (name) {\n    case 'location':\n      return stateOf(\n        (await Geolocation.requestPermissions({ permissions: ['location'] })).location,\n      );\n    case 'fuzzyLocation':\n      return stateOf(\n        (await Geolocation.requestPermissions({ permissions: ['coarseLocation'] })).coarseLocation,\n      );\n    case 'camera':\n      return stateOf((await Camera.requestPermissions({ permissions: ['camera'] })).camera);\n    case 'album':\n      return stateOf((await Camera.requestPermissions({ permissions: ['photos'] })).photos);\n    case 'microphone':\n      return webPermissions.request(name);\n    case 'bluetooth':\n      return 'unsupported';\n  }\n}\n\n/** Preferences 整个读进内存：组件按同步接口读；写的时候同时写回原生存储 */\nasync function preferencesStorage(): Promise<HostStorage> {\n  const { keys } = await Preferences.keys();\n  const values = new Map<string, string>();\n  await Promise.all(\n    keys.map(async (key) => {\n      const { value } = await Preferences.get({ key });\n      if (value !== null) values.set(key, value);\n    }),\n  );\n  return {\n    get<T>(key: string) {\n      const text = values.get(key);\n      if (text === undefined) return undefined;\n      try {\n        return JSON.parse(text) as T;\n      } catch {\n        return undefined;\n      }\n    },\n    set(key, value) {\n      const text = JSON.stringify(value);\n      values.set(key, text);\n      void Preferences.set({ key, value: text });\n    },\n    remove(key) {\n      values.delete(key);\n      void Preferences.remove({ key });\n    },\n    keys: () => [...values.keys()],\n  };\n}\n\nlet backButtonHooked = false;\n\n/**\n * 原生应用的宿主能力：在浏览器的实现上换掉设备权限、存储、震动、剪贴板、选图；\n * 顺带接上安卓的返回键（页面能后退就后退，到头了退出应用），状态栏的文字颜色、iOS 键盘的深浅色跟着页面主题。只在原生外壳里调用。\n *\n * 键盘弹起时的布局由外壳负责：安卓上 Capacitor 8 的 SystemBars 把键盘高度垫在 WebView 下面，\n * iOS 上 Keyboard 插件的 resize: native 把 WebView 缩到键盘上面——两端页面都变矮，底部固定的元素与正在输入的框露在键盘上方\n */\nexport async function createCapacitorHost(): Promise<Host> {\n  if (!backButtonHooked) {\n    backButtonHooked = true;\n    void App.addListener('backButton', ({ canGoBack }) =>\n      canGoBack ? history.back() : void App.exitApp(),\n    );\n  }\n  return {\n    ...webHost,\n    platform: 'app',\n    permissions: {\n      status,\n      async request(name) {\n        const current = await status(name);\n        return current === 'prompt' ? request(name) : current;\n      },\n      // 官方插件没有打开系统设置页的接口：返回当前状态，引导由 usePermission 说明\n      openSettings: status,\n    },\n    storage: await preferencesStorage(),\n    vibrate() {\n      void Haptics.impact({ style: ImpactStyle.Light });\n    },\n    themeChanged(theme) {\n      void SystemBars.setStyle({ style: BAR_STYLES[theme] });\n      if (Capacitor.getPlatform() === 'ios')\n        void Keyboard.setStyle({ style: KEYBOARD_STYLES[theme] });\n    },\n    copy: (text) => Clipboard.write({ string: text }),\n    async chooseImages({ count }) {\n      const { photos } = await Camera.pickImages({ limit: count });\n      // webPath 能直接作为 img 的地址；上传要 File，从它取回内容\n      return Promise.all(\n        photos.map(async (photo, index) => {\n          const blob = await fetch(photo.webPath).then((response) => response.blob());\n          const file = new File([blob], `photo-${index}.${photo.format}`, { type: blob.type });\n          return { url: photo.webPath, size: blob.size, file };\n        }),\n      );\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/config/ConfigProvider.d.ts

@@ -0,0 +1,37 @@
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { type VNodeChild } from 'vue';
+import { type Host } from '../utils/host';
+import { type PartProps } from '../utils/props';
+import { type MobileLang } from './lang';
+/** 主题 */
+export interface MobileThemes {
+    /** 亮色 */
+    light: unknown;
+    /** 暗色 */
+    dark: unknown;
+    /** 跟随系统的暗色偏好 */
+    system: unknown;
+}
+/** 未声明的属性落到根元素（div）上；lang 是语言包，不是元素的 lang 属性 */
+export interface ConfigProviderProps extends PartProps<'div', 'lang'> {
+    /**
+     * 主题
+     * @default 'light'
+     */
+    theme?: keyof MobileThemes;
+    /**
+     * 语言包
+     * @default zhCN
+     */
+    lang?: MobileLang;
+    /** 补上或换掉的宿主能力（只在创建时读）：H5 给出 login 这类应用自己的实现，测试里换成假的 */
+    host?: Partial<Host>;
+    /** 内容 */
+    children?: VNodeChild;
+}
+/** ConfigProvider 的样式：root */
+export declare const configProviderStyles: Readonly<{
+    root: css.CompiledStyles;
+}>;
+/** 全局配置：主题与语言；根元素是一个 div，后面是命令式反馈的出口 */
+export declare const ConfigProvider: import("@zerodep-dev/vue-tsx-pro-tsx").TsxComponent<ConfigProviderProps>;

package/dist/config/ConfigProvider.js

@@ -0,0 +1,64 @@
+import { darkTheme, systemTheme } from "../theme/dark.js";
+import { zhCN } from "./lang.js";
+import { ConfigContext } from "./context.js";
+import { dataAttrs, mergeAttrs } from "../utils/props.js";
+import { HOST_KEY, useHost } from "../utils/host.js";
+import { FeedbackOutlet } from "../feedback/FeedbackOutlet.js";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { _component, childrenProp, readonlyProp, restProps, untrack } from "@zerodep-dev/vue-tsx-pro-tsx";
+import { createVNode, provide, watch } from "vue";
+//#region src/config/ConfigProvider.tsx
+/** 主题 */
+/** 未声明的属性落到根元素（div）上；lang 是语言包，不是元素的 lang 属性 */
+/** ConfigProvider 的样式：root */
+var configProviderStyles = css.create({ root: {
+	fontFamily: "_sans",
+	fontSize: "_md",
+	lineHeight: "_normal",
+	color: "_text",
+	WebkitTapHighlightColor: "transparent",
+	textSizeAdjust: "100%"
+} });
+var THEMES = {
+	light: null,
+	dark: darkTheme,
+	system: systemTheme
+};
+/** 全局配置：主题与语言；根元素是一个 div，后面是命令式反馈的出口 */
+var ConfigProvider = /*#__PURE__*/ _component((_props, _ctx) => {
+	const theme = readonlyProp(_props, "theme", "light");
+	const lang = readonlyProp(_props, "lang", () => zhCN);
+	const host = readonlyProp(_props, "host");
+	const children = childrenProp(_props);
+	const rest = restProps(_props, _ctx, false);
+	const override = untrack(() => host.value);
+	if (override) provide(HOST_KEY, {
+		...useHost(),
+		...override
+	});
+	const outermost = ConfigContext.inject(null) === null;
+	if (outermost) {
+		const current = useHost();
+		watch(() => theme.value, (next) => current.themeChanged?.(next), { immediate: true });
+	}
+	ConfigContext.provide({
+		get lang() {
+			return lang.value;
+		},
+		get rootSx() {
+			return [configProviderStyles.root, THEMES[theme.value]];
+		}
+	});
+	return () => [createVNode("div", mergeAttrs({ sx: [configProviderStyles.root, THEMES[theme.value]] }, rest, dataAttrs({ "data-theme": theme.value })), [children.value]), outermost && createVNode(FeedbackOutlet, null, null)];
+}, {
+	name: "ConfigProvider",
+	props: [
+		"theme",
+		"lang",
+		"host"
+	]
+});
+//#endregion
+export { ConfigProvider, configProviderStyles };
+
+//# sourceMappingURL=ConfigProvider.js.map

package/dist/config/ConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.js","names":["_vtp_readonlyProp","_vtp_childrenProp","_vtp_restProps","_vtp_untrack","_createVNode"],"sources":["../../src/config/ConfigProvider.tsx"],"sourcesContent":["/**\n * 全局配置：主题（亮色、暗色、跟随系统）与语言。包在每个页面（或应用）外面，里面的组件读它：\n *\n *   <ConfigProvider theme=\"system\" lang={enUS}>\n *     <Page />\n *   </ConfigProvider>\n *\n * 主题是根元素上只改变量的类，换主题不重新渲染组件；根元素也给出页面的字体、字号、文字颜色。\n * 命令式的反馈（showToast、showDialog、showNotify）渲染在最外层的 ConfigProvider 里：用它们的页面要包一层。\n * 不包时组件用简体中文、亮色主题。\n *\n * host 补上或换掉宿主能力（utils/host.ts）：H5 没有平台登录，由应用给出 login 等实现：\n *\n *   <ConfigProvider host={{ login: () => myOAuth() }}>\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { provide, watch, type VNodeChild } from 'vue';\nimport { FeedbackOutlet } from '../feedback/FeedbackOutlet';\nimport { darkTheme, systemTheme } from '../theme/dark';\nimport { HOST_KEY, useHost, type Host } from '../utils/host';\nimport { dataAttrs, mergeAttrs, type PartProps } from '../utils/props';\nimport { ConfigContext } from './context';\nimport { zhCN, type MobileLang } from './lang';\n\n/** 主题 */\nexport interface MobileThemes {\n  /** 亮色 */\n  light: unknown;\n  /** 暗色 */\n  dark: unknown;\n  /** 跟随系统的暗色偏好 */\n  system: unknown;\n}\n\n/** 未声明的属性落到根元素（div）上；lang 是语言包，不是元素的 lang 属性 */\nexport interface ConfigProviderProps extends PartProps<'div', 'lang'> {\n  /**\n   * 主题\n   * @default 'light'\n   */\n  theme?: keyof MobileThemes;\n  /**\n   * 语言包\n   * @default zhCN\n   */\n  lang?: MobileLang;\n  /** 补上或换掉的宿主能力（只在创建时读）：H5 给出 login 这类应用自己的实现，测试里换成假的 */\n  host?: Partial<Host>;\n  /** 内容 */\n  children?: VNodeChild;\n}\n\n/** ConfigProvider 的样式：root */\nexport const configProviderStyles = css.create({\n  root: {\n    fontFamily: '_sans',\n    fontSize: '_md',\n    lineHeight: '_normal',\n    color: '_text',\n    WebkitTapHighlightColor: 'transparent',\n    textSizeAdjust: '100%',\n  },\n});\n\nconst THEMES = { light: null, dark: darkTheme, system: systemTheme } as const;\n\n/** 全局配置：主题与语言；根元素是一个 div，后面是命令式反馈的出口 */\nexport const ConfigProvider = _component(\n  ({ theme = 'light', lang = zhCN, host, children, ...rest }: ConfigProviderProps) => {\n    // 只在创建时读：换宿主能力要重建页面\n    const override = _untrack(host);\n    if (override) provide(HOST_KEY, { ...useHost(), ...override });\n    // 嵌套时只有最外层渲染出口，否则同一条提示会出现两次\n    const outermost = ConfigContext.inject(null) === null;\n    // 最外层的主题告诉宿主（原生应用的状态栏跟着换）\n    if (outermost) {\n      const current = useHost();\n      watch(\n        () => theme,\n        (next) => current.themeChanged?.(next),\n        { immediate: true },\n      );\n    }\n    ConfigContext.provide({\n      get lang() {\n        return lang;\n      },\n      get rootSx() {\n        return [configProviderStyles.root, THEMES[theme]];\n      },\n    });\n    return () => [\n      <div\n        {...mergeAttrs<'div'>(\n          { sx: [configProviderStyles.root, THEMES[theme]] },\n          rest,\n          dataAttrs({ 'data-theme': theme }),\n        )}\n      >\n        {children}\n      </div>,\n      outermost && <FeedbackOutlet />,\n    ];\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAsDA,IAAa,uBAAuB,IAAI,OAAO,EAC7C,MAAM;CACJ,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,OAAO;CACP,yBAAyB;CACzB,gBAAgB;AAClB,EACF,CAAC;AAED,IAAM,SAAS;CAAE,OAAO;CAAM,MAAM;CAAW,QAAQ;AAAY;;AAGnE,IAAa,iBAAiB,0BAC5B,QAAA,SAAoF;CAAA,MAAA,QAAAA,aAAA,QAAA,SAAzE,OAAO;CAAA,MAAA,OAAAA,aAAA,QAAA,cAAS,IAAI;CAAA,MAAA,OAAAA,aAAA,QAAA,MAAA;CAAA,MAAA,WAAAC,aAAA,MAAA;CAAA,MAAqB,OAAIC,UAAA,QAAA,MAAA,KAAA;CAEtD,MAAM,WAAQC,cAAA,KAAA,KAAA;CACd,IAAI,UAAU,QAAQ,UAAU;EAAE,GAAG,QAAQ;EAAG,GAAG;CAAS,CAAC;CAE7D,MAAM,YAAY,cAAc,OAAO,IAAI,MAAM;CAEjD,IAAI,WAAW;EACb,MAAM,UAAU,QAAQ;EACxB,YACE,MAAA,QACC,SAAS,QAAQ,eAAe,IAAI,GACrC,EAAE,WAAW,KAAK,CACpB;CACF;CACA,cAAc,QAAQ;EACpB,IAAI,OAAO;GACT,OAAA,KAAA;EACF;EACA,IAAI,SAAS;GACX,OAAO,CAAC,qBAAqB,MAAM,OAAM,MAAA,MAAO;EAClD;CACF,CAAC;CACD,aAAa,CAAAC,YAAA,OAEL,WACF,EAAE,IAAI,CAAC,qBAAqB,MAAM,OAAM,MAAA,MAAO,EAAE,GACjD,MACA,UAAU,EAAE,cAAY,MAAA,MAAQ,CAAC,CACnC,GAAC,CAAA,SAAA,KAAA,CAAA,GAIH,aAASA,YAAA,gBAAA,MAAA,IAAA,CAAsB;AAEnC,GAAC;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACH"}

package/dist/config/context.d.ts

@@ -0,0 +1,16 @@
+import type { SxStyles } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { type MobileLang } from './lang';
+/** 组件读到的配置 */
+export interface MobileConfig {
+    /** 语言包 */
+    readonly lang: MobileLang;
+    /**
+     * 浮层根元素要重新挂上的样式：主题类与字体、文字颜色。弹出层 Teleport 到 body（或小程序的浮层根）后
+     * 就不在 ConfigProvider 的根元素里了，靠它保持同一个主题
+     */
+    readonly rootSx: SxStyles;
+}
+/** 配置的上下文 */
+export declare const ConfigContext: import("@zerodep-dev/vue-tsx-pro-tsx").Context<MobileConfig>;
+/** 当前的配置；不在 ConfigProvider 里时是默认配置（简体中文、亮色） */
+export declare const useConfig: () => MobileConfig;

package/dist/config/context.js

@@ -0,0 +1,20 @@
+import { zhCN } from "./lang.js";
+import { createContext } from "@zerodep-dev/vue-tsx-pro-tsx";
+//#region src/config/context.ts
+/**
+* 配置的上下文：ConfigProvider 提供，组件里 `useConfig()` 读。单独一个模块（不带组件），
+* ConfigProvider 渲染的命令式反馈出口（轻提示、对话框）也要读它，放在一起会互相导入。
+*/
+/** 配置的上下文 */
+var ConfigContext = createContext("ConfigProvider");
+/** 不在 ConfigProvider 里时的默认配置 */
+var defaultConfig = {
+	lang: zhCN,
+	rootSx: null
+};
+/** 当前的配置；不在 ConfigProvider 里时是默认配置（简体中文、亮色） */
+var useConfig = () => ConfigContext.inject(defaultConfig);
+//#endregion
+export { ConfigContext, useConfig };
+
+//# sourceMappingURL=context.js.map

package/dist/config/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/config/context.ts"],"sourcesContent":["/**\n * 配置的上下文：ConfigProvider 提供，组件里 `useConfig()` 读。单独一个模块（不带组件），\n * ConfigProvider 渲染的命令式反馈出口（轻提示、对话框）也要读它，放在一起会互相导入。\n */\nimport { createContext } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport type { SxStyles } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { zhCN, type MobileLang } from './lang';\n\n/** 组件读到的配置 */\nexport interface MobileConfig {\n  /** 语言包 */\n  readonly lang: MobileLang;\n  /**\n   * 浮层根元素要重新挂上的样式：主题类与字体、文字颜色。弹出层 Teleport 到 body（或小程序的浮层根）后\n   * 就不在 ConfigProvider 的根元素里了，靠它保持同一个主题\n   */\n  readonly rootSx: SxStyles;\n}\n\n/** 配置的上下文 */\nexport const ConfigContext = createContext<MobileConfig>('ConfigProvider');\n\n/** 不在 ConfigProvider 里时的默认配置 */\nconst defaultConfig: MobileConfig = { lang: zhCN, rootSx: null };\n\n/** 当前的配置；不在 ConfigProvider 里时是默认配置（简体中文、亮色） */\nexport const useConfig = (): MobileConfig => ConfigContext.inject(defaultConfig);\n"],"mappings":";;;;;;;;AAoBA,IAAa,gBAAgB,cAA4B,gBAAgB;;AAGzE,IAAM,gBAA8B;CAAE,MAAM;CAAM,QAAQ;AAAK;;AAG/D,IAAa,kBAAgC,cAAc,OAAO,aAAa"}

package/dist/config/lang.d.ts

@@ -0,0 +1,85 @@
+/**
+ * 语言包：组件里出现的文案（确认、取消、加载中、下拉刷新的各阶段……）。地区（locale）用于数字与日期的格式化。
+ * 用 ConfigProvider 的 `lang` 换整套，或在默认的基础上改几条：`{ ...zhCN, confirm: '好的' }`
+ */
+import type { DevicePermission } from '../capability/types';
+export interface MobileLang {
+    /** 地区（BCP 47），数字、日期格式化用 */
+    locale: string;
+    /** 确认按钮 */
+    confirm: string;
+    /** 取消按钮 */
+    cancel: string;
+    /** 关闭按钮的读屏名称 */
+    close: string;
+    /** 清除按钮的读屏名称 */
+    clear: string;
+    /** 加载中 */
+    loading: string;
+    /** 没有数据 */
+    empty: string;
+    /** 下拉刷新：继续往下拉 */
+    pulling: string;
+    /** 下拉刷新：松手就刷新 */
+    loosing: string;
+    /** 下拉刷新：正在刷新 */
+    refreshing: string;
+    /** 列表：加载失败，点击重试 */
+    loadFailed: string;
+    /** 列表：没有更多了 */
+    noMore: string;
+    /** 表单：必填项没填时的消息 */
+    fieldRequired: (label: string) => string;
+    /** 日期、时间选择器各列的单位（2026 年、10 月）；英文留空 */
+    dateUnits: {
+        year: string;
+        month: string;
+        day: string;
+        hour: string;
+        minute: string;
+    };
+    /** 日历：一周的第一天是周几（0 周日、1 周一）与星期的简称（从周日起） */
+    firstDayOfWeek: number;
+    weekdays: [string, string, string, string, string, string, string];
+    /** 日历：年月的标题 */
+    monthTitle: (year: number, month: number) => string;
+    /** 回到顶部按钮的读屏名称 */
+    backTop: string;
+    /** 导航栏只有返回箭头时的读屏名称 */
+    back: string;
+    /** 搜索框：占位文字、按钮 */
+    search: string;
+    /** 输入框：已输入字数 / 上限 */
+    wordLimit: (count: number, max: number) => string;
+    /** 步进器：增加、减少的读屏名称 */
+    increase: string;
+    decrease: string;
+    /** 上传：添加图片、删除 */
+    upload: string;
+    remove: string;
+    /** 选择器、日历：请选择 */
+    select: string;
+    /** 日历：开始、结束 */
+    start: string;
+    end: string;
+    /** 设备权限的名字（被拒后的引导里用） */
+    permissions: Record<DevicePermission, string>;
+    /** 权限被拒后引导去设置页：标题、说明、去设置的按钮 */
+    permissionDenied: {
+        title: string;
+        message: (name: string) => string;
+        openSettings: string;
+    };
+    /** 隐私协议弹窗：标题、说明、协议链接、拒绝与同意 */
+    privacy: {
+        title: string;
+        message: string;
+        contract: string;
+        disagree: string;
+        agree: string;
+    };
+}
+/** 简体中文 */
+export declare const zhCN: MobileLang;
+/** 英文 */
+export declare const enUS: MobileLang;

package/dist/config/lang.js

@@ -0,0 +1,138 @@
+//#region src/config/lang.ts
+/** 简体中文 */
+var zhCN = {
+	locale: "zh-CN",
+	confirm: "确认",
+	cancel: "取消",
+	close: "关闭",
+	clear: "清除",
+	loading: "加载中…",
+	empty: "暂无数据",
+	pulling: "下拉即可刷新…",
+	loosing: "释放即可刷新…",
+	refreshing: "加载中…",
+	loadFailed: "加载失败，点击重试",
+	fieldRequired: (label) => label ? `请填写${label}` : "请填写",
+	search: "搜索",
+	backTop: "回到顶部",
+	back: "返回",
+	dateUnits: {
+		year: "年",
+		month: "月",
+		day: "日",
+		hour: "时",
+		minute: "分"
+	},
+	firstDayOfWeek: 1,
+	weekdays: [
+		"日",
+		"一",
+		"二",
+		"三",
+		"四",
+		"五",
+		"六"
+	],
+	monthTitle: (year, month) => `${year} 年 ${month} 月`,
+	noMore: "没有更多了",
+	wordLimit: (count, max) => `${count}/${max}`,
+	increase: "增加",
+	decrease: "减少",
+	upload: "上传图片",
+	remove: "删除",
+	select: "请选择",
+	start: "开始",
+	end: "结束",
+	permissions: {
+		location: "位置",
+		fuzzyLocation: "位置",
+		camera: "相机",
+		microphone: "麦克风",
+		album: "相册",
+		bluetooth: "蓝牙"
+	},
+	permissionDenied: {
+		title: "需要权限",
+		message: (name) => `你之前拒绝了${name}权限，要用这项功能请在设置里打开`,
+		openSettings: "去设置"
+	},
+	privacy: {
+		title: "隐私保护提示",
+		message: "使用这项功能前，请阅读并同意隐私保护指引",
+		contract: "《隐私保护指引》",
+		disagree: "拒绝",
+		agree: "同意"
+	}
+};
+/** 英文 */
+var enUS = {
+	locale: "en-US",
+	confirm: "Confirm",
+	cancel: "Cancel",
+	close: "Close",
+	clear: "Clear",
+	loading: "Loading…",
+	empty: "No data",
+	pulling: "Pull to refresh…",
+	loosing: "Release to refresh…",
+	refreshing: "Loading…",
+	loadFailed: "Failed to load, tap to retry",
+	fieldRequired: (label) => label ? `${label} is required` : "Required",
+	search: "Search",
+	backTop: "Back to top",
+	back: "Back",
+	dateUnits: {
+		year: "",
+		month: "",
+		day: "",
+		hour: "",
+		minute: ""
+	},
+	firstDayOfWeek: 0,
+	weekdays: [
+		"Sun",
+		"Mon",
+		"Tue",
+		"Wed",
+		"Thu",
+		"Fri",
+		"Sat"
+	],
+	monthTitle: (year, month) => new Date(year, month - 1, 1).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "long"
+	}),
+	noMore: "No more",
+	wordLimit: (count, max) => `${count}/${max}`,
+	increase: "Increase",
+	decrease: "Decrease",
+	upload: "Upload",
+	remove: "Remove",
+	select: "Select",
+	start: "Start",
+	end: "End",
+	permissions: {
+		location: "location",
+		fuzzyLocation: "location",
+		camera: "camera",
+		microphone: "microphone",
+		album: "photo album",
+		bluetooth: "Bluetooth"
+	},
+	permissionDenied: {
+		title: "Permission needed",
+		message: (name) => `You denied ${name} access earlier. Turn it on in Settings to use this feature.`,
+		openSettings: "Open Settings"
+	},
+	privacy: {
+		title: "Privacy notice",
+		message: "Please read and agree to the privacy policy before using this feature.",
+		contract: "Privacy Policy",
+		disagree: "Decline",
+		agree: "Agree"
+	}
+};
+//#endregion
+export { enUS, zhCN };
+
+//# sourceMappingURL=lang.js.map

package/dist/config/lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lang.js","names":[],"sources":["../../src/config/lang.ts"],"sourcesContent":["/**\n * 语言包：组件里出现的文案（确认、取消、加载中、下拉刷新的各阶段……）。地区（locale）用于数字与日期的格式化。\n * 用 ConfigProvider 的 `lang` 换整套，或在默认的基础上改几条：`{ ...zhCN, confirm: '好的' }`\n */\nimport type { DevicePermission } from '../capability/types';\n\nexport interface MobileLang {\n  /** 地区（BCP 47），数字、日期格式化用 */\n  locale: string;\n  /** 确认按钮 */\n  confirm: string;\n  /** 取消按钮 */\n  cancel: string;\n  /** 关闭按钮的读屏名称 */\n  close: string;\n  /** 清除按钮的读屏名称 */\n  clear: string;\n  /** 加载中 */\n  loading: string;\n  /** 没有数据 */\n  empty: string;\n  /** 下拉刷新：继续往下拉 */\n  pulling: string;\n  /** 下拉刷新：松手就刷新 */\n  loosing: string;\n  /** 下拉刷新：正在刷新 */\n  refreshing: string;\n  /** 列表：加载失败，点击重试 */\n  loadFailed: string;\n  /** 列表：没有更多了 */\n  noMore: string;\n  /** 表单：必填项没填时的消息 */\n  fieldRequired: (label: string) => string;\n  /** 日期、时间选择器各列的单位（2026 年、10 月）；英文留空 */\n  dateUnits: { year: string; month: string; day: string; hour: string; minute: string };\n  /** 日历：一周的第一天是周几（0 周日、1 周一）与星期的简称（从周日起） */\n  firstDayOfWeek: number;\n  weekdays: [string, string, string, string, string, string, string];\n  /** 日历：年月的标题 */\n  monthTitle: (year: number, month: number) => string;\n  /** 回到顶部按钮的读屏名称 */\n  backTop: string;\n  /** 导航栏只有返回箭头时的读屏名称 */\n  back: string;\n  /** 搜索框：占位文字、按钮 */\n  search: string;\n  /** 输入框：已输入字数 / 上限 */\n  wordLimit: (count: number, max: number) => string;\n  /** 步进器：增加、减少的读屏名称 */\n  increase: string;\n  decrease: string;\n  /** 上传：添加图片、删除 */\n  upload: string;\n  remove: string;\n  /** 选择器、日历：请选择 */\n  select: string;\n  /** 日历：开始、结束 */\n  start: string;\n  end: string;\n  /** 设备权限的名字（被拒后的引导里用） */\n  permissions: Record<DevicePermission, string>;\n  /** 权限被拒后引导去设置页：标题、说明、去设置的按钮 */\n  permissionDenied: { title: string; message: (name: string) => string; openSettings: string };\n  /** 隐私协议弹窗：标题、说明、协议链接、拒绝与同意 */\n  privacy: { title: string; message: string; contract: string; disagree: string; agree: string };\n}\n\n/** 简体中文 */\nexport const zhCN: MobileLang = {\n  locale: 'zh-CN',\n  confirm: '确认',\n  cancel: '取消',\n  close: '关闭',\n  clear: '清除',\n  loading: '加载中…',\n  empty: '暂无数据',\n  pulling: '下拉即可刷新…',\n  loosing: '释放即可刷新…',\n  refreshing: '加载中…',\n  loadFailed: '加载失败，点击重试',\n  fieldRequired: (label) => (label ? `请填写${label}` : '请填写'),\n  search: '搜索',\n  backTop: '回到顶部',\n  back: '返回',\n  dateUnits: { year: '年', month: '月', day: '日', hour: '时', minute: '分' },\n  firstDayOfWeek: 1,\n  weekdays: ['日', '一', '二', '三', '四', '五', '六'],\n  monthTitle: (year, month) => `${year} 年 ${month} 月`,\n  noMore: '没有更多了',\n  wordLimit: (count, max) => `${count}/${max}`,\n  increase: '增加',\n  decrease: '减少',\n  upload: '上传图片',\n  remove: '删除',\n  select: '请选择',\n  start: '开始',\n  end: '结束',\n  permissions: {\n    location: '位置',\n    fuzzyLocation: '位置',\n    camera: '相机',\n    microphone: '麦克风',\n    album: '相册',\n    bluetooth: '蓝牙',\n  },\n  permissionDenied: {\n    title: '需要权限',\n    message: (name) => `你之前拒绝了${name}权限，要用这项功能请在设置里打开`,\n    openSettings: '去设置',\n  },\n  privacy: {\n    title: '隐私保护提示',\n    message: '使用这项功能前，请阅读并同意隐私保护指引',\n    contract: '《隐私保护指引》',\n    disagree: '拒绝',\n    agree: '同意',\n  },\n};\n\n/** 英文 */\nexport const enUS: MobileLang = {\n  locale: 'en-US',\n  confirm: 'Confirm',\n  cancel: 'Cancel',\n  close: 'Close',\n  clear: 'Clear',\n  loading: 'Loading…',\n  empty: 'No data',\n  pulling: 'Pull to refresh…',\n  loosing: 'Release to refresh…',\n  refreshing: 'Loading…',\n  loadFailed: 'Failed to load, tap to retry',\n  fieldRequired: (label) => (label ? `${label} is required` : 'Required'),\n  search: 'Search',\n  backTop: 'Back to top',\n  back: 'Back',\n  dateUnits: { year: '', month: '', day: '', hour: '', minute: '' },\n  firstDayOfWeek: 0,\n  weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  monthTitle: (year, month) =>\n    new Date(year, month - 1, 1).toLocaleDateString('en-US', { year: 'numeric', month: 'long' }),\n  noMore: 'No more',\n  wordLimit: (count, max) => `${count}/${max}`,\n  increase: 'Increase',\n  decrease: 'Decrease',\n  upload: 'Upload',\n  remove: 'Remove',\n  select: 'Select',\n  start: 'Start',\n  end: 'End',\n  permissions: {\n    location: 'location',\n    fuzzyLocation: 'location',\n    camera: 'camera',\n    microphone: 'microphone',\n    album: 'photo album',\n    bluetooth: 'Bluetooth',\n  },\n  permissionDenied: {\n    title: 'Permission needed',\n    message: (name) =>\n      `You denied ${name} access earlier. Turn it on in Settings to use this feature.`,\n    openSettings: 'Open Settings',\n  },\n  privacy: {\n    title: 'Privacy notice',\n    message: 'Please read and agree to the privacy policy before using this feature.',\n    contract: 'Privacy Policy',\n    disagree: 'Decline',\n    agree: 'Agree',\n  },\n};\n"],"mappings":";;AAoEA,IAAa,OAAmB;CAC9B,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,gBAAgB,UAAW,QAAQ,MAAM,UAAU;CACnD,QAAQ;CACR,SAAS;CACT,MAAM;CACN,WAAW;EAAE,MAAM;EAAK,OAAO;EAAK,KAAK;EAAK,MAAM;EAAK,QAAQ;CAAI;CACrE,gBAAgB;CAChB,UAAU;EAAC;EAAK;EAAK;EAAK;EAAK;EAAK;EAAK;CAAG;CAC5C,aAAa,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM;CAChD,QAAQ;CACR,YAAY,OAAO,QAAQ,GAAG,MAAM,GAAG;CACvC,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,KAAK;CACL,aAAa;EACX,UAAU;EACV,eAAe;EACf,QAAQ;EACR,YAAY;EACZ,OAAO;EACP,WAAW;CACb;CACA,kBAAkB;EAChB,OAAO;EACP,UAAU,SAAS,SAAS,KAAK;EACjC,cAAc;CAChB;CACA,SAAS;EACP,OAAO;EACP,SAAS;EACT,UAAU;EACV,UAAU;EACV,OAAO;CACT;AACF;;AAGA,IAAa,OAAmB;CAC9B,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,gBAAgB,UAAW,QAAQ,GAAG,MAAM,gBAAgB;CAC5D,QAAQ;CACR,SAAS;CACT,MAAM;CACN,WAAW;EAAE,MAAM;EAAI,OAAO;EAAI,KAAK;EAAI,MAAM;EAAI,QAAQ;CAAG;CAChE,gBAAgB;CAChB,UAAU;EAAC;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;CAAK;CAC1D,aAAa,MAAM,UACjB,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,mBAAmB,SAAS;EAAE,MAAM;EAAW,OAAO;CAAO,CAAC;CAC7F,QAAQ;CACR,YAAY,OAAO,QAAQ,GAAG,MAAM,GAAG;CACvC,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,KAAK;CACL,aAAa;EACX,UAAU;EACV,eAAe;EACf,QAAQ;EACR,YAAY;EACZ,OAAO;EACP,WAAW;CACb;CACA,kBAAkB;EAChB,OAAO;EACP,UAAU,SACR,cAAc,KAAK;EACrB,cAAc;CAChB;CACA,SAAS;EACP,OAAO;EACP,SAAS;EACT,UAAU;EACV,UAAU;EACV,OAAO;CACT;AACF"}

package/dist/display/Badge.d.ts

@@ -0,0 +1,39 @@
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { VNodeChild } from 'vue';
+import { type PartProps } from '../utils/props';
+/** 未声明的属性落到外层（span）上 */
+export interface BadgeProps extends PartProps<'span'> {
+    /** 数字或文字 */
+    content?: number | string;
+    /** 数字超过它时显示 `max+` */
+    max?: number;
+    /** 只显示一个小红点 */
+    dot?: boolean;
+    /** 内容是 0 时也显示 */
+    showZero?: boolean;
+    /**
+     * 色调
+     * @default 'danger'
+     */
+    tone?: 'danger' | 'accent' | 'success' | 'warning' | 'neutral';
+    /** 相对右上角的偏移（px）：[向右, 向下] */
+    offset?: readonly [number, number];
+    /** 被标记的内容；没有时徽标单独显示（行内） */
+    children?: VNodeChild;
+    /** 徽标本身的部件属性 */
+    propsBadge?: PartProps<'span'>;
+}
+/** Badge 的样式：root、badge、corner、dot、各色调 */
+export declare const badgeStyles: Readonly<{
+    accent: css.CompiledStyles;
+    badge: css.CompiledStyles;
+    corner: css.CompiledStyles;
+    danger: css.CompiledStyles;
+    dot: css.CompiledStyles;
+    neutral: css.CompiledStyles;
+    root: css.CompiledStyles;
+    success: css.CompiledStyles;
+    warning: css.CompiledStyles;
+}>;
+/** 徽标（span > 内容 + 徽标） */
+export declare const Badge: import("@zerodep-dev/vue-tsx-pro-tsx").TsxComponent<BadgeProps>;