@icos-react/largemodel 1.0.24 → 1.0.25

package/dist/index.js

@@ -8280,8 +8280,14 @@ var ChatButton = (0, import_react25.forwardRef)(
     const [viewportWidth, setViewportWidth] = (0, import_react25.useState)(
       typeof window !== "undefined" ? window.innerWidth : 0
     );
+    const [viewportHeight, setViewportHeight] = (0, import_react25.useState)(
+      typeof window !== "undefined" ? window.innerHeight : 0
+    );
     (0, import_react25.useLayoutEffect)(() => {
-      const update = () => setViewportWidth(window.innerWidth);
+      const update = () => {
+        setViewportWidth(window.innerWidth);
+        setViewportHeight(window.innerHeight);
+      };
       update();
       window.addEventListener("resize", update);
       return () => window.removeEventListener("resize", update);
@@ -8885,7 +8891,32 @@ var ChatButton = (0, import_react25.forwardRef)(
         document.removeEventListener("mouseup", handleGlobalMouseUp);
       };
     }, [handleGlobalMouseMove, handleGlobalMouseUp]);
-    const chatWidthNumForLayout = typeof chatWidth === "number" ? chatWidth : typeof chatWidth === "string" && chatWidth.endsWith("px") ? parseFloat(chatWidth) : CHAT_WINDOW.DEFAULT_WIDTH;
+    const resolveLengthToPx = (v, axis, fallback) => {
+      if (typeof v === "number" && Number.isFinite(v))
+        return v;
+      if (typeof v !== "string")
+        return fallback;
+      const s = v.trim();
+      const n = parseFloat(s);
+      if (!Number.isFinite(n))
+        return fallback;
+      if (s.endsWith("vw"))
+        return n / 100 * (viewportWidth || 0);
+      if (s.endsWith("vh"))
+        return n / 100 * (viewportHeight || 0);
+      if (s.endsWith("%")) {
+        const base = axis === "w" ? viewportWidth : viewportHeight;
+        return n / 100 * (base || 0);
+      }
+      if (s.endsWith("px"))
+        return n;
+      return n;
+    };
+    const chatWidthNumForLayout = resolveLengthToPx(
+      chatWidth,
+      "w",
+      CHAT_WINDOW.DEFAULT_WIDTH
+    );
     const parseHorizontalEdgePx = (v) => {
       if (v === void 0)
         return void 0;
@@ -8930,11 +8961,7 @@ var ChatButton = (0, import_react25.forwardRef)(
         isolation: "isolate",
         zIndex: 1
       };
-      if (isHumanVisible) {
-        base.height = getChatHeight();
-      } else {
-        base.height = CHAT_WINDOW.HUMAN_TOGGLE_HEIGHT;
-      }
+      base.height = getChatHeight();
       if (clampedRightPx !== void 0) {
         base.right = clampedRightPx + chatW + gap;
       } else if (windowPosition.right !== void 0) {

package/dist/index.mjs

@@ -8246,8 +8246,14 @@ var ChatButton = forwardRef8(
     const [viewportWidth, setViewportWidth] = useState13(
       typeof window !== "undefined" ? window.innerWidth : 0
     );
+    const [viewportHeight, setViewportHeight] = useState13(
+      typeof window !== "undefined" ? window.innerHeight : 0
+    );
     useLayoutEffect(() => {
-      const update = () => setViewportWidth(window.innerWidth);
+      const update = () => {
+        setViewportWidth(window.innerWidth);
+        setViewportHeight(window.innerHeight);
+      };
       update();
       window.addEventListener("resize", update);
       return () => window.removeEventListener("resize", update);
@@ -8851,7 +8857,32 @@ var ChatButton = forwardRef8(
         document.removeEventListener("mouseup", handleGlobalMouseUp);
       };
     }, [handleGlobalMouseMove, handleGlobalMouseUp]);
-    const chatWidthNumForLayout = typeof chatWidth === "number" ? chatWidth : typeof chatWidth === "string" && chatWidth.endsWith("px") ? parseFloat(chatWidth) : CHAT_WINDOW.DEFAULT_WIDTH;
+    const resolveLengthToPx = (v, axis, fallback) => {
+      if (typeof v === "number" && Number.isFinite(v))
+        return v;
+      if (typeof v !== "string")
+        return fallback;
+      const s = v.trim();
+      const n = parseFloat(s);
+      if (!Number.isFinite(n))
+        return fallback;
+      if (s.endsWith("vw"))
+        return n / 100 * (viewportWidth || 0);
+      if (s.endsWith("vh"))
+        return n / 100 * (viewportHeight || 0);
+      if (s.endsWith("%")) {
+        const base = axis === "w" ? viewportWidth : viewportHeight;
+        return n / 100 * (base || 0);
+      }
+      if (s.endsWith("px"))
+        return n;
+      return n;
+    };
+    const chatWidthNumForLayout = resolveLengthToPx(
+      chatWidth,
+      "w",
+      CHAT_WINDOW.DEFAULT_WIDTH
+    );
     const parseHorizontalEdgePx = (v) => {
       if (v === void 0)
         return void 0;
@@ -8896,11 +8927,7 @@ var ChatButton = forwardRef8(
         isolation: "isolate",
         zIndex: 1
       };
-      if (isHumanVisible) {
-        base.height = getChatHeight();
-      } else {
-        base.height = CHAT_WINDOW.HUMAN_TOGGLE_HEIGHT;
-      }
+      base.height = getChatHeight();
       if (clampedRightPx !== void 0) {
         base.right = clampedRightPx + chatW + gap;
       } else if (windowPosition.right !== void 0) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@icos-react/largemodel",
   "displayName": "大模型组件",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",