@lingjingai/script-editor 0.1.25 → 0.1.27

package/dist/index.js

@@ -648,6 +648,7 @@ function EditableText({
   const [editing, setEditing] = useState(autoEdit);
   const [draft, setDraft] = useState(value);
   const caretRef = useRef(null);
+  const entryHeightRef = useRef(null);
   const inputRef = useRef(null);
   const committedRef = useRef(value);
   const editingSignal = useContext(EditingSignalContext);
@@ -699,7 +700,10 @@ function EditableText({
     if (!editing) return;
     const el = inputRef.current;
     if (!el) return;
-    if (multiline) autoSize(el);
+    if (multiline) {
+      autoSize(el, entryHeightRef.current);
+      entryHeightRef.current = null;
+    }
     el.focus();
     const caret = caretRef.current;
     const pos = caret == null ? el.value.length : Math.min(caret, el.value.length);
@@ -714,6 +718,7 @@ function EditableText({
     const sel = window.getSelection();
     if (sel && !sel.isCollapsed) return;
     caretRef.current = caretOffsetFromPoint(e.clientX, e.clientY);
+    entryHeightRef.current = multiline ? e.currentTarget.getBoundingClientRect().height : null;
     setDraft(committedRef.current);
     draftRef.current = committedRef.current;
     setEditing(true);
@@ -781,9 +786,10 @@ function EditableText({
   };
   return multiline ? /* @__PURE__ */ jsx("textarea", { ...common, rows: 1 }) : /* @__PURE__ */ jsx("input", { ...common, type: "text" });
 }
-function autoSize(el) {
+function autoSize(el, entryHeight) {
   el.style.height = "auto";
-  el.style.height = el.scrollHeight + "px";
+  const nextHeight = el.scrollHeight;
+  el.style.height = entryHeight && Math.abs(nextHeight - entryHeight) <= 1 ? `${entryHeight}px` : `${nextHeight}px`;
 }
 function FormatToggle({
   value,
@@ -3103,6 +3109,8 @@ function AssetStateTimeline({
     };
   };
   const clearPointerState = (pointerId) => {
+    const nodeCaptureTarget = dragRef.current?.captureTarget;
+    if (nodeCaptureTarget?.hasPointerCapture(pointerId)) nodeCaptureTarget.releasePointerCapture(pointerId);
     if (rootRef.current?.hasPointerCapture(pointerId)) rootRef.current.releasePointerCapture(pointerId);
     dragRef.current = null;
     boxRef.current = null;
@@ -3120,12 +3128,13 @@ function AssetStateTimeline({
     setSelectedKeys(keys);
     dragRef.current = {
       pointerId: e.pointerId,
+      captureTarget: e.currentTarget,
       startX: e.clientX,
       startY: e.clientY,
       keys,
       dragging: false
     };
-    rootRef.current?.setPointerCapture(e.pointerId);
+    e.currentTarget.setPointerCapture(e.pointerId);
   };
   const dragLabel = (keys) => {
     if (keys.size !== 1) return `${keys.size} \u573A`;