@pmate/chat-sdk 0.1.14 → 0.1.16

package/lib/components/ChatInputMobile.js

@@ -236,15 +236,21 @@ function MobileInner(props) {
         transition: `color ${tokens.motion.stateTransition}, transform ${tokens.motion.pressFeedback}`,
     };
     return (_jsxs("div", { style: {
+            boxSizing: "border-box",
             position: "relative",
             width: "100%",
             maxWidth: "min(420px, calc(100vw - 16px))",
-            padding: 0,
+            padding: "0 0 calc(18px + max(18px, env(safe-area-inset-bottom, 0px)))",
             background: "transparent",
             borderRadius: tokens.radius.inputSurface,
             border: 0,
             boxShadow: "none",
             overflow: "visible",
+            overscrollBehavior: "contain",
+            touchAction: "manipulation",
+            userSelect: "none",
+            WebkitUserSelect: "none",
+            WebkitTouchCallout: "none",
         }, children: [isRecordingOverlayVisible ? (_jsxs("div", { style: {
                     position: "fixed",
                     left: "50%",

package/lib/components/HoldToTalkButton.js

@@ -1,13 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 export function HoldToTalkButton({ tokens, active, disabled, text = "按住 说话", activeText = "松开 结束", onPressStart, onPressMove, onPressEnd, onPressCancel, }) {
-    return (_jsx("button", { type: "button", disabled: disabled, onContextMenu: (event) => {
+    const lockPointerGesture = (event) => {
+        event.preventDefault();
+    };
+    return (_jsx("button", { type: "button", "data-pmate-hold-to-talk": "true", disabled: disabled, onContextMenu: (event) => {
             event.preventDefault();
         }, onSelect: (event) => {
             event.preventDefault();
         }, onDragStart: (event) => {
             event.preventDefault();
         }, onPointerDown: (event) => {
+            lockPointerGesture(event);
             try {
                 event.currentTarget.setPointerCapture(event.pointerId);
             }
@@ -15,7 +19,16 @@ export function HoldToTalkButton({ tokens, active, disabled, text = "按住 说
                 // ignore unsupported pointer capture cases in test environments
             }
             onPressStart?.(event);
-        }, onPointerMove: onPressMove, onPointerUp: onPressEnd, onPointerCancel: onPressCancel, style: {
+        }, onPointerMove: (event) => {
+            lockPointerGesture(event);
+            onPressMove?.(event);
+        }, onPointerUp: (event) => {
+            lockPointerGesture(event);
+            onPressEnd?.(event);
+        }, onPointerCancel: (event) => {
+            lockPointerGesture(event);
+            onPressCancel?.(event);
+        }, style: {
             width: "100%",
             borderRadius: tokens.radius.mobileHoldToTalk,
             background: active ? tokens.color.surfaceInputRecording : "transparent",
@@ -37,6 +50,7 @@ export function HoldToTalkButton({ tokens, active, disabled, text = "按住 说
             WebkitUserSelect: "none",
             WebkitTouchCallout: "none",
             WebkitTapHighlightColor: "transparent",
+            overscrollBehavior: "contain",
             touchAction: "none",
             transition: `all ${tokens.motion.stateTransition}`,
         }, children: active ? activeText : text }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmate/chat-sdk",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Cross-platform PMate chat input components, voice input primitives, and ASR helpers",
   "type": "module",
   "main": "./lib/index.js",
@@ -29,14 +29,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "tsc -p tsconfig.build.json && cp src/voice/recorder-processor.js lib/voice/recorder-processor.js",
-    "prepack": "pnpm run build",
-    "npm:publish": "pnpm run build && npm publish --access public --registry https://registry.npmjs.org/",
-    "test": "vitest run",
-    "storybook": "storybook dev -p 6009",
-    "build-storybook": "storybook build --output-dir dist"
-  },
   "dependencies": {
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
@@ -51,14 +43,21 @@
   "devDependencies": {
     "@storybook/addon-docs": "^9.0.17",
     "@storybook/react-vite": "9.0.17",
-    "@tailwindcss/vite": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
+    "@tailwindcss/vite": "^4.1.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "storybook": "^9.0.17",
-    "tailwindcss": "catalog:",
+    "tailwindcss": "^4.0.14",
     "typescript": "5.9.2",
     "vitest": "^4.0.17"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json && cp src/voice/recorder-processor.js lib/voice/recorder-processor.js",
+    "npm:publish": "pnpm run build && npm publish --access public --registry https://registry.npmjs.org/",
+    "test": "vitest run",
+    "storybook": "storybook dev -p 6009",
+    "build-storybook": "storybook build --output-dir dist"
   }
-}
+}