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

package/dist/utils/props.d.ts

@@ -0,0 +1,38 @@
+import type { IntrinsicProps, JSX } from '@zerodep-dev/vue-tsx-pro-tsx/jsx-runtime';
+import { type SxStyles } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { VNodeChild } from 'vue';
+import '../theme/tokens';
+/**
+ * 原生元素部件的属性：该元素的属性加上 sx，去掉组件管理的属性与 children（内容走组件自己的 prop）。
+ * 形如 `propsInput?: PartProps<'input', 'value' | 'aria-invalid'>`
+ */
+export type PartProps<Tag extends keyof JSX.IntrinsicElements, Managed extends string = never> = Omit<IntrinsicProps<Tag>, Managed | 'children'> & {
+    sx?: SxStyles;
+};
+/**
+ * data-* 写进对象字面量（部件属性、合并的各层）时包一层：元素的属性类型不收 data-* 键。
+ * 值为 false 的去掉：Vue 会把它写成 data-x="false"，样式里的 [data-x] 照样成立
+ */
+export declare function dataAttrs(attrs: Record<`data-${string}`, string | number | boolean | undefined>): Record<`data-${string}`, string | number | true>;
+type Props = Record<string, unknown>;
+/** 一层属性：Target 是标签名时为该元素的属性加 sx，是组件的 props 类型时就是它 */
+type PropsLayer<Target> = Partial<[
+    Target
+] extends [keyof JSX.IntrinsicElements] ? PartProps<Target> : Target>;
+/**
+ * 合并部件的三层属性：`mergeProps<IconProps>({ sx: … }, propsIcon)`；原生元素用 mergeAttrs。
+ * 只有默认层时原样返回；只有两层以上都给了同名事件时才包一层回调（渲染路径上每个部件都要走这里）
+ */
+export declare function mergeProps<Target = Props>(defaults: PropsLayer<Target>, user?: PropsLayer<Target>, managed?: PropsLayer<Target>): PropsLayer<Target>;
+/**
+ * 子组件部件的合并：默认层写齐子组件的必填 props，结果就是完整的 props 类型，不必断言：
+ *   <Icon {...mergePartProps<IconProps>({ icon: X, sx: styles.icon }, propsIcon)} />
+ */
+export declare function mergePartProps<P extends object>(defaults: P, user?: Partial<P>, managed?: Partial<P>): P;
+/** 原生元素部件的合并：合并后把 sx 换成 class 与 style，结果直接展开到元素上 */
+export declare function mergeAttrs<Tag extends keyof JSX.IntrinsicElements>(defaults: PropsLayer<Tag>, user?: PropsLayer<Tag>, managed?: PropsLayer<Tag>): Omit<PropsLayer<Tag>, 'sx' | 'children'>;
+/** 原生元素：把 sx 换成样式引擎生成的 class 与 style，与已有的 class、style 合并；去掉 children */
+export declare function elementProps<P extends object>(props: P): Omit<P, 'sx' | 'children'>;
+/** 内容有没有东西：null、undefined、空字符串与布尔都算没有（`footer={cond && …}` 不成立时是 false） */
+export declare function hasContent(node: VNodeChild): boolean;
+export {};

package/dist/utils/props.js

@@ -0,0 +1,115 @@
+import "../theme/tokens.js";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { mergeRefs } from "@zerodep-dev/vue-tsx-pro-tsx";
+//#region src/utils/props.ts
+/**
+* 部件属性的类型与合并（MOBILE.md §2）：组件给部件的属性分三层——可被覆盖的默认层、使用方传入的、组件状态决定的受管层。
+*   - sx：默认在前、使用方其次、受管最后，后者覆盖前者
+*   - class、style：依次排成数组交给 Vue
+*   - 事件 onXxx：使用方先执行，调用了 event.preventDefault() 就跳过组件自己的处理
+*   - ref：各方都拿到元素
+*   - 其他属性：受管 > 使用方 > 默认
+* 规则与桌面组件库相同，实现独立：小程序里没有 Event 全局，取消与否看事件对象上的 defaultPrevented。
+*/
+/**
+* data-* 写进对象字面量（部件属性、合并的各层）时包一层：元素的属性类型不收 data-* 键。
+* 值为 false 的去掉：Vue 会把它写成 data-x="false"，样式里的 [data-x] 照样成立
+*/
+function dataAttrs(attrs) {
+	const result = {};
+	for (const [name, value] of Object.entries(attrs)) if (value !== false && value !== void 0) result[name] = value;
+	return result;
+}
+/**
+* 合并部件的三层属性：`mergeProps<IconProps>({ sx: … }, propsIcon)`；原生元素用 mergeAttrs。
+* 只有默认层时原样返回；只有两层以上都给了同名事件时才包一层回调（渲染路径上每个部件都要走这里）
+*/
+function mergeProps(defaults, user, managed) {
+	const base = defaults;
+	const own = hasKeys(user) ? user : void 0;
+	const fixed = hasKeys(managed) ? managed : void 0;
+	if (!own && !fixed) return defaults;
+	const merged = {
+		...base,
+		...own,
+		...fixed
+	};
+	for (const key of LISTED_KEYS) {
+		const values = present(base[key], own?.[key], fixed?.[key]);
+		if (values) merged[key] = values;
+	}
+	const refs = present(base.ref, own?.ref, fixed?.ref);
+	if (refs && refs.length > 1) merged.ref = mergeRefs(refs);
+	const keys = /* @__PURE__ */ new Set([...Object.keys(own ?? {}), ...Object.keys(fixed ?? {})]);
+	for (const key of keys) {
+		if (!isHandlerKey(key)) continue;
+		merged[key] = mergeHandlers(own?.[key], [base[key], fixed?.[key]]) ?? own?.[key] ?? fixed?.[key] ?? base[key];
+	}
+	return merged;
+}
+/**
+* 子组件部件的合并：默认层写齐子组件的必填 props，结果就是完整的 props 类型，不必断言：
+*   <Icon {...mergePartProps<IconProps>({ icon: X, sx: styles.icon }, propsIcon)} />
+*/
+function mergePartProps(defaults, user, managed) {
+	return mergeProps(defaults, user, managed);
+}
+/** 原生元素部件的合并：合并后把 sx 换成 class 与 style，结果直接展开到元素上 */
+function mergeAttrs(defaults, user, managed) {
+	return elementProps(mergeProps(defaults, user, managed));
+}
+/** 原生元素：把 sx 换成样式引擎生成的 class 与 style，与已有的 class、style 合并；去掉 children */
+function elementProps(props) {
+	const { sx, children: _children, ...rest } = props;
+	if (sx == null) return rest;
+	const compiled = compileSx(sx);
+	const element = rest;
+	if (compiled.ref) element.ref = element.ref != null ? mergeRefs([element.ref, compiled.ref]) : compiled.ref;
+	element.class = present(rest.class, compiled.class) ?? [];
+	element.style = present(compiled.style, rest.style) ?? [];
+	return rest;
+}
+/** 单个样式对象是不变的常量：按对象缓存 css.attrs 的结果 */
+var compiledCache = /* @__PURE__ */ new WeakMap();
+function compileSx(sx) {
+	if (Array.isArray(sx) || typeof sx !== "object" || sx === null) return css.attrs(sx);
+	let compiled = compiledCache.get(sx);
+	if (!compiled) compiledCache.set(sx, compiled = css.attrs(sx));
+	return compiled;
+}
+/** onClick、onUpdate:_value：on 后面跟大写字母 */
+var isHandlerKey = (key) => /^on[A-Z]/.test(key);
+function hasKeys(layer) {
+	if (!layer) return false;
+	for (const _ in layer) return true;
+	return false;
+}
+/** 使用方的回调先执行，调用了 preventDefault 就跳过组件的；只有一方提供回调时返回 undefined */
+function mergeHandlers(user, internal) {
+	const own = internal.filter((handler) => typeof handler === "function");
+	if (own.length + (user ? 1 : 0) < 2) return void 0;
+	return (...args) => {
+		user?.(...args);
+		if (args[0]?.defaultPrevented) return;
+		for (const handler of own) handler(...args);
+	};
+}
+/** 按层排列、要合并成数组的属性 */
+var LISTED_KEYS = [
+	"sx",
+	"class",
+	"style"
+];
+/** 几个值里不为空的那些，按原顺序成数组；都为空时 undefined */
+function present(...values) {
+	const list = values.filter((value) => value != null);
+	return list.length ? list : void 0;
+}
+/** 内容有没有东西：null、undefined、空字符串与布尔都算没有（`footer={cond && …}` 不成立时是 false） */
+function hasContent(node) {
+	return node != null && typeof node !== "boolean" && node !== "";
+}
+//#endregion
+export { dataAttrs, elementProps, hasContent, mergeAttrs, mergePartProps, mergeProps };
+
+//# sourceMappingURL=props.js.map

package/dist/utils/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","names":[],"sources":["../../src/utils/props.ts"],"sourcesContent":["/**\n * 部件属性的类型与合并（MOBILE.md §2）：组件给部件的属性分三层——可被覆盖的默认层、使用方传入的、组件状态决定的受管层。\n *   - sx：默认在前、使用方其次、受管最后，后者覆盖前者\n *   - class、style：依次排成数组交给 Vue\n *   - 事件 onXxx：使用方先执行，调用了 event.preventDefault() 就跳过组件自己的处理\n *   - ref：各方都拿到元素\n *   - 其他属性：受管 > 使用方 > 默认\n * 规则与桌面组件库相同，实现独立：小程序里没有 Event 全局，取消与否看事件对象上的 defaultPrevented。\n */\nimport { mergeRefs, type RefSetter } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport type { IntrinsicProps, JSX } from '@zerodep-dev/vue-tsx-pro-tsx/jsx-runtime';\nimport { css, type SxStyles } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { VNodeChild } from 'vue';\n// 登记主题 tokens（样式里的 '_md' 靠它）：每个组件都经过这里合并属性，渲染之前一定登记过\nimport '../theme/tokens';\n\n/**\n * 原生元素部件的属性：该元素的属性加上 sx，去掉组件管理的属性与 children（内容走组件自己的 prop）。\n * 形如 `propsInput?: PartProps<'input', 'value' | 'aria-invalid'>`\n */\nexport type PartProps<\n  Tag extends keyof JSX.IntrinsicElements,\n  Managed extends string = never,\n> = Omit<IntrinsicProps<Tag>, Managed | 'children'> & { sx?: SxStyles };\n\n/**\n * data-* 写进对象字面量（部件属性、合并的各层）时包一层：元素的属性类型不收 data-* 键。\n * 值为 false 的去掉：Vue 会把它写成 data-x=\"false\"，样式里的 [data-x] 照样成立\n */\nexport function dataAttrs(\n  attrs: Record<`data-${string}`, string | number | boolean | undefined>,\n): Record<`data-${string}`, string | number | true> {\n  const result: Record<`data-${string}`, string | number | true> = {};\n  for (const [name, value] of Object.entries(attrs) as [`data-${string}`, unknown][])\n    if (value !== false && value !== undefined) result[name] = value as string | number | true;\n  return result;\n}\n\ntype Props = Record<string, unknown>;\ntype Handler = (...args: unknown[]) => unknown;\n\n/** 一层属性：Target 是标签名时为该元素的属性加 sx，是组件的 props 类型时就是它 */\ntype PropsLayer<Target> = Partial<\n  [Target] extends [keyof JSX.IntrinsicElements] ? PartProps<Target> : Target\n>;\n\n/**\n * 合并部件的三层属性：`mergeProps<IconProps>({ sx: … }, propsIcon)`；原生元素用 mergeAttrs。\n * 只有默认层时原样返回；只有两层以上都给了同名事件时才包一层回调（渲染路径上每个部件都要走这里）\n */\nexport function mergeProps<Target = Props>(\n  defaults: PropsLayer<Target>,\n  user?: PropsLayer<Target>,\n  managed?: PropsLayer<Target>,\n): PropsLayer<Target> {\n  const base = defaults as Props;\n  const own = hasKeys(user) ? (user as Props) : undefined;\n  const fixed = hasKeys(managed) ? (managed as Props) : undefined;\n  if (!own && !fixed) return defaults;\n  const merged: Props = { ...base, ...own, ...fixed };\n\n  for (const key of LISTED_KEYS) {\n    const values = present(base[key], own?.[key], fixed?.[key]);\n    if (values) merged[key] = values;\n  }\n  const refs = present(base.ref, own?.ref, fixed?.ref) as RefSetter[] | undefined;\n  if (refs && refs.length > 1) merged.ref = mergeRefs(refs);\n\n  // 同名事件：使用方的先执行；使用方传 undefined（onClick={cond ? fn : undefined}）不盖掉组件自己的\n  const keys = new Set([...Object.keys(own ?? {}), ...Object.keys(fixed ?? {})]);\n  for (const key of keys) {\n    if (!isHandlerKey(key)) continue;\n    const handler = mergeHandlers(own?.[key] as Handler | undefined, [base[key], fixed?.[key]]);\n    merged[key] = handler ?? own?.[key] ?? fixed?.[key] ?? base[key];\n  }\n  return merged as PropsLayer<Target>;\n}\n\n/**\n * 子组件部件的合并：默认层写齐子组件的必填 props，结果就是完整的 props 类型，不必断言：\n *   <Icon {...mergePartProps<IconProps>({ icon: X, sx: styles.icon }, propsIcon)} />\n */\nexport function mergePartProps<P extends object>(\n  defaults: P,\n  user?: Partial<P>,\n  managed?: Partial<P>,\n): P {\n  return mergeProps(\n    defaults as Props,\n    user as Props | undefined,\n    managed as Props | undefined,\n  ) as P;\n}\n\n/** 原生元素部件的合并：合并后把 sx 换成 class 与 style，结果直接展开到元素上 */\nexport function mergeAttrs<Tag extends keyof JSX.IntrinsicElements>(\n  defaults: PropsLayer<Tag>,\n  user?: PropsLayer<Tag>,\n  managed?: PropsLayer<Tag>,\n): Omit<PropsLayer<Tag>, 'sx' | 'children'> {\n  return elementProps(mergeProps<Tag>(defaults, user, managed));\n}\n\n/** 原生元素：把 sx 换成样式引擎生成的 class 与 style，与已有的 class、style 合并；去掉 children */\nexport function elementProps<P extends object>(props: P): Omit<P, 'sx' | 'children'> {\n  // 解构出的 rest 是新对象，之后直接往上写\n  const { sx, children: _children, ...rest } = props as P & Props;\n  if (sx == null) return rest as Omit<P, 'sx' | 'children'>;\n  const compiled = compileSx(sx as SxStyles);\n  const element = rest as Props;\n  // 响应式绑定的 ref（元素挂上后改变量）与使用方的 ref 都要拿到元素\n  if (compiled.ref)\n    element.ref =\n      element.ref != null ? mergeRefs([element.ref as RefSetter, compiled.ref]) : compiled.ref;\n  element.class = present(rest.class, compiled.class) ?? [];\n  element.style = present(compiled.style, rest.style) ?? [];\n  return rest as Omit<P, 'sx' | 'children'>;\n}\n\n/** 单个样式对象是不变的常量：按对象缓存 css.attrs 的结果 */\nconst compiledCache = new WeakMap<object, ReturnType<typeof css.attrs>>();\nfunction compileSx(sx: SxStyles) {\n  if (Array.isArray(sx) || typeof sx !== 'object' || sx === null) return css.attrs(sx);\n  let compiled = compiledCache.get(sx);\n  if (!compiled) compiledCache.set(sx, (compiled = css.attrs(sx)));\n  return compiled;\n}\n\n/** onClick、onUpdate:_value：on 后面跟大写字母 */\nconst isHandlerKey = (key: string) => /^on[A-Z]/.test(key);\n\nfunction hasKeys(layer: object | undefined): boolean {\n  if (!layer) return false;\n  for (const _ in layer) return true;\n  return false;\n}\n\n/** 使用方的回调先执行，调用了 preventDefault 就跳过组件的；只有一方提供回调时返回 undefined */\nfunction mergeHandlers(user: Handler | undefined, internal: unknown[]): Handler | undefined {\n  const own = internal.filter((handler): handler is Handler => typeof handler === 'function');\n  if (own.length + (user ? 1 : 0) < 2) return undefined;\n  return (...args) => {\n    user?.(...args);\n    if ((args[0] as { defaultPrevented?: boolean } | undefined)?.defaultPrevented) return;\n    for (const handler of own) handler(...args);\n  };\n}\n\n/** 按层排列、要合并成数组的属性 */\nconst LISTED_KEYS = ['sx', 'class', 'style'] as const;\n\n/** 几个值里不为空的那些，按原顺序成数组；都为空时 undefined */\nfunction present(...values: unknown[]): unknown[] | undefined {\n  const list = values.filter((value) => value != null);\n  return list.length ? list : undefined;\n}\n\n/** 内容有没有东西：null、undefined、空字符串与布尔都算没有（`footer={cond && …}` 不成立时是 false） */\nexport function hasContent(node: VNodeChild): boolean {\n  return node != null && typeof node !== 'boolean' && node !== '';\n}\n"],"mappings":"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"}

package/dist/utils/scales.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 组件共用的档位：色调、尺寸、圆角。取值写成带注释的接口，`keyof` 出来的联合在补全与悬停里能看到每个取值的意思。
+ */
+/** 色调 */
+export interface MobileTones {
+    /** 品牌色：主要操作、选中 */
+    accent: unknown;
+    /** 中性：次要操作、普通标签 */
+    neutral: unknown;
+    /** 危险：删除、错误 */
+    danger: unknown;
+    /** 成功 */
+    success: unknown;
+    /** 警告 */
+    warning: unknown;
+    /** 信息 */
+    info: unknown;
+}
+/** 色调 */
+export type MobileTone = keyof MobileTones;
+/** 控件的尺寸档位 */
+export interface MobileSizes {
+    /** 极小：行内的小按钮、标签（24px 高） */
+    xs: unknown;
+    /** 小：卡片里的按钮（32px 高） */
+    sm: unknown;
+    /** 中：页面里的常规控件（44px 高，触控目标的推荐尺寸） */
+    md: unknown;
+    /** 大：页面底部的主操作（50px 高） */
+    lg: unknown;
+}
+/** 控件的尺寸档位 */
+export type MobileSize = keyof MobileSizes;
+/** 圆角 */
+export interface MobileRadii {
+    /** 直角 */
+    none: unknown;
+    /** 小圆角 */
+    sm: unknown;
+    /** 常规圆角 */
+    md: unknown;
+    /** 大圆角 */
+    lg: unknown;
+    /** 全圆：胶囊、圆形 */
+    full: unknown;
+}
+/** 圆角 */
+export type MobileRadius = keyof MobileRadii;

package/package.json

@@ -1,6 +1,109 @@
 {
   "name": "@zerodep-dev/vue-tsx-pro-mobile",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.4.0",
+  "description": "vue-tsx-pro 移动端组件库：H5 为主，同一套组件经 @zerodep-dev/vue-tsx-pro-mini 跑在微信、支付宝小程序",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kenconnet666/vue-tsx-pro.git",
+    "directory": "packages/mobile"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "mobile",
+    "components",
+    "miniprogram",
+    "tsx"
+  ],
+  "sideEffects": [
+    "./src/theme/tokens.ts",
+    "./dist/theme/tokens.js"
+  ],
+  "exports": {
+    ".": {
+      "@vue-tsx-pro/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./area": {
+      "@vue-tsx-pro/source": "./src/area/index.ts",
+      "types": "./dist/area/index.d.ts",
+      "default": "./dist/area/index.js"
+    },
+    "./capacitor": {
+      "@vue-tsx-pro/source": "./src/capacitor/index.ts",
+      "types": "./dist/capacitor/index.d.ts",
+      "default": "./dist/capacitor/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@zerodep-dev/vue-tsx-pro-tsx": "^0.4.0"
+  },
+  "peerDependencies": {
+    "@capacitor/app": "^8.0.0",
+    "@capacitor/camera": "^8.0.0",
+    "@capacitor/clipboard": "^8.0.0",
+    "@capacitor/core": "^8.0.0",
+    "@capacitor/geolocation": "^8.0.0",
+    "@capacitor/haptics": "^8.0.0",
+    "@capacitor/keyboard": "^8.0.0",
+    "@capacitor/preferences": "^8.0.0",
+    "@lucide/icons": "^1.59.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "@capacitor/app": {
+      "optional": true
+    },
+    "@capacitor/camera": {
+      "optional": true
+    },
+    "@capacitor/clipboard": {
+      "optional": true
+    },
+    "@capacitor/core": {
+      "optional": true
+    },
+    "@capacitor/geolocation": {
+      "optional": true
+    },
+    "@capacitor/haptics": {
+      "optional": true
+    },
+    "@capacitor/keyboard": {
+      "optional": true
+    },
+    "@capacitor/preferences": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@capacitor/app": "8.1.2",
+    "@capacitor/camera": "8.2.6",
+    "@capacitor/clipboard": "8.0.1",
+    "@capacitor/core": "8.5.3",
+    "@capacitor/geolocation": "8.2.4",
+    "@capacitor/haptics": "8.0.2",
+    "@capacitor/keyboard": "8.0.6",
+    "@capacitor/preferences": "8.0.1",
+    "@lucide/icons": "1.59.0",
+    "@types/node": "24.19.2",
+    "@zerodep-dev/vue-tsx-pro-mini": "^0.4.0",
+    "happy-dom": "21.0.3",
+    "typescript": "7.1.0-beta",
+    "vite": "8.3.4",
+    "vitest": "5.0.5",
+    "vue": "3.5.44"
+  },
+  "scripts": {
+    "build": "vite build --configLoader native && tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p . --incremental --tsBuildInfoFile node_modules/.cache/typecheck.tsbuildinfo",
+    "test": "vitest run --configLoader native"
+  }
 }