dsh-live2dwaifu 2.0.0 → 2.0.1

package/README.md

@@ -380,6 +380,11 @@ curl -X POST http://127.0.0.1:<端口>/dsh-live2d/api/push \
 
 版本号怎么走：动了功能和结构就抬第二位（1.2.0），只补洞和小修就抬第三位（1.2.1）。
 
+### 2.0.1
+
+- 修：拖动时没限制边界，卡片能被推到屏幕外，标题栏抓不回来。现在拖动过程中就夹住，标题栏永远露在视口里。
+- 加：双击标题栏回到右下角默认位置。
+
 ### 2.0.0
 
 - 修：`ISOLATION` 这个变量在 1.3.0 被误删，`/api/chat` 全部返回 500——那之后她其实一句都说不出来。这是这版最主要的问题。

package/lib/client.js

@@ -122,13 +122,7 @@
       react.useEffect(() => localStorage.setItem('dsh-l2d-size', JSON.stringify(size)), [size]);
       react.useEffect(() => localStorage.setItem('dsh-l2d-pos', JSON.stringify(pos)), [pos]);
       react.useEffect(() => {
-        setPos((p) => {
-          const w = size.w;
-          const h = open ? size.h : 38;
-          const x = Math.max(-w + 90, Math.min(window.innerWidth - 90, p.x));
-          const y = Math.max(-h + 50, Math.min(window.innerHeight - 50, p.y));
-          return x === p.x && y === p.y ? p : { x, y };
-        });
+        setPos((p) => clampPos(p, size.w, open ? size.h : 38));
         // eslint-disable-next-line react-hooks/exhaustive-deps
       }, []);
       react.useEffect(() => {
@@ -190,6 +184,18 @@
           .catch(() => setTitle('Live2D'));
       }, [nonce]);
 
+      // 卡片钉在右下角，位移后可能把标题栏拖出屏幕；这里保证标题栏始终露在视口里
+      const clampPos = (p, w, h) => {
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        const minX = 6 - (vw - 18 - w);
+        const minY = 6 - (vh - 18 - h);
+        return {
+          x: Math.round(Math.min(12, Math.max(minX, p.x))),
+          y: Math.round(Math.min(12, Math.max(minY, p.y))),
+        };
+      };
+
       // 拖动时盖一层全屏透明遮罩：既挡住 iframe 吃事件，也保证 pointermove 一定落在父窗口
       const beginDrag = (e, kind) => {
         if (e.button !== undefined && e.button !== 0) return;
@@ -219,7 +225,8 @@
             const hh = Math.max(200, Math.min(maxH, h0 + (sy - ev.clientY)));
             setSize({ w: Math.round(w), h: Math.round(hh) });
           } else {
-            setPos({ x: Math.round(x0 + (ev.clientX - sx)), y: Math.round(y0 + (ev.clientY - sy)) });
+            const hNow = open ? h0 : 38;
+            setPos(clampPos({ x: x0 + (ev.clientX - sx), y: y0 + (ev.clientY - sy) }, w0, hNow));
           }
         };
 
@@ -295,7 +302,7 @@
         { className: 'dsh-l2d-card' + (open ? '' : ' collapsed'), style: cardStyle },
         h(
           'div',
-          { className: 'dsh-l2d-head', onPointerDown: startMove },
+          { className: 'dsh-l2d-head', onPointerDown: startMove, onDoubleClick: () => setPos({ x: 0, y: 0 }) },
           h('span', { className: 'dsh-l2d-dot' }),
           h('span', { className: 'dsh-l2d-name' }, title),
           h(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-live2dwaifu",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "给 DSH 网页右下角请一个 Live2D 角色：会眨眼、会呼吸、视线跟着鼠标、点她有反应、说话时嘴动、心情变了眉毛跟着动。模型不用内置——谁装谁放自己的文件夹；支持自定义 .exp3.json 表情和 .motion3.json 动作，卡片能拖能缩，背景可换。",
   "type": "module",
   "main": "lib/index.js",