kingkont 0.7.43 → 0.7.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.7.43",
+  "version": "0.7.44",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/renderer/settings.js

@@ -492,9 +492,42 @@ function attachResize(el, node, handle) {
     e.stopPropagation();
     const startX = e.clientX, startY = e.clientY;
     const startW = el.offsetWidth, startH = el.offsetHeight;
+
+    // Aspect-lock для image/video: соблюдаем ratio оригинала. Берём nat-
+    // ural размеры media-элемента, считаем chrome (header + footer + padding)
+    // как разницу высоты ноды и высоты media. На этапе resize меняем ту ось,
+    // куда юзер двигает сильнее, вторая подстраивается. Если media ещё не
+    // загружена (naturalW/H = 0) — fallback на свободный resize как раньше.
+    let aspect = null, chromeH = 0;
+    if (node.type === 'image' || node.type === 'video') {
+      const mediaEl = el.querySelector('.node-body img, .node-body video');
+      const natW = mediaEl?.naturalWidth || mediaEl?.videoWidth || 0;
+      const natH = mediaEl?.naturalHeight || mediaEl?.videoHeight || 0;
+      const mediaH = mediaEl?.offsetHeight || 0;
+      if (natW && natH && mediaH > 0) {
+        aspect = natW / natH;
+        chromeH = Math.max(0, startH - mediaH);
+      }
+    }
+
     const onMove = ev => {
-      const w = Math.max(180, startW + (ev.clientX - startX) / state.zoom);
-      const h = Math.max(80,  startH + (ev.clientY - startY) / state.zoom);
+      let w = Math.max(180, startW + (ev.clientX - startX) / state.zoom);
+      let h = Math.max(80,  startH + (ev.clientY - startY) / state.zoom);
+      if (aspect) {
+        const dx = Math.abs(ev.clientX - startX);
+        const dy = Math.abs(ev.clientY - startY);
+        if (dx >= dy) {
+          // Ширина — ведущая, высота под неё.
+          h = w / aspect + chromeH;
+        } else {
+          // Высота — ведущая, ширина под неё.
+          const mediaH = h - chromeH;
+          if (mediaH > 0) w = mediaH * aspect;
+        }
+        // Заново соблюдаем минимумы после aspect-clamp.
+        if (w < 180) { w = 180; h = w / aspect + chromeH; }
+        if (h < 80)  { h = 80;  w = Math.max(180, (h - chromeH) * aspect); }
+      }
       node.width = w;
       node.height = h;
       el.style.width = w + 'px';