dsh-jiuling-remote-mobile 1.0.2 → 1.0.4

package/lib/client.js

@@ -88,6 +88,42 @@ window.__ModuleLoader__.load({
 			err: 'padding:10px 16px;font-size:12px;color:var(--dsw-alias-state-error-primary,#ff6b6b);word-break:break-all;',
 		};
 
+		/**
+		 * 把 CSS 文本解析成 React 的 style **对象**。
+		 *
+		 * ⚠️ **这一步不能省**：React 的 `style` prop 只接受对象，给字符串会当场抛
+		 * `Minified React error #62`（React 18 的
+		 * `if (style != null && typeof style != "object") throw Error(62)`），
+		 * 组件随即被 slot 系统 `abdicate` 退役、渲染回落到官方对话框 ——
+		 * 表现就是「电脑」页签根本不出现，而控制台里只有一条难懂的 #62。
+		 *
+		 * 键名同时做 kebab → camelCase（`min-width` → `minWidth`），否则 React
+		 * 会逐条告警「Unsupported style property」。
+		 *
+		 * @param text - 形如 `'a:1;b:2;'` 的 CSS 声明串。
+		 * @returns React style 对象。
+		 */
+		function toStyle(text) {
+			var out = {};
+			var parts = String(text).split(';');
+			for (var index = 0; index < parts.length; index += 1) {
+				var part = parts[index];
+				if (part === '') continue;
+				var colon = part.indexOf(':');
+				if (colon < 0) continue;
+				var name = part.slice(0, colon).trim();
+				var value = part.slice(colon + 1).trim();
+				if (name === '' || value === '') continue;
+				out[name.replace(/-([a-z])/g, function (match, letter) {
+					return letter.toUpperCase();
+				})] = value;
+			}
+			return out;
+		}
+
+		// 就地转成对象：下游一律写 `style: CSS.xxx`，不会再碰到字符串形式。
+		for (var styleKey in CSS) CSS[styleKey] = toStyle(CSS[styleKey]);
+
 		/**
 		 * 调宿主桥的一条 RPC（令牌只在引擎进程里，浏览器侧不持有）。
 		 *