@lingjingai/script-editor 0.1.24 → 0.1.26

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,
@@ -2454,7 +2460,19 @@ function SceneItemRowImpl({
   if (type === "action" /* Action */) {
     body = /* @__PURE__ */ jsxs("p", { className: "lj-se-asian-action", children: [
       /* @__PURE__ */ jsx("span", { className: "lj-se-asian-action-mark", children: "\u25B3" }),
-      /* @__PURE__ */ jsx(EditableText, { multiline: true, value: content, disabled, autoEdit, onEditEnd, placeholder: "\u8F93\u5165\u52A8\u4F5C\u2026", onSave })
+      /* @__PURE__ */ jsx(
+        EditableText,
+        {
+          multiline: true,
+          value: content,
+          disabled,
+          autoEdit,
+          onEditEnd,
+          placeholder: "\u8F93\u5165\u52A8\u4F5C\u2026",
+          className: "lj-se-asian-content",
+          onSave
+        }
+      )
     ] });
   } else if (type === "narration" /* Narration */) {
     body = /* @__PURE__ */ jsx("p", { className: "lj-se-asian-narration", children: /* @__PURE__ */ jsx(EditableText, { multiline: true, value: content, disabled, autoEdit, onEditEnd, placeholder: "\u8F93\u5165\u65C1\u767D\u2026", onSave }) });
@@ -2463,29 +2481,43 @@ function SceneItemRowImpl({
     const tone = isInner ? "inner" : "dialogue";
     const tag = isInner ? emotion ? `OS\xB7${emotion}` : "OS" : emotion;
     body = /* @__PURE__ */ jsxs("p", { className: cn("lj-se-asian-cueline", isInner && "is-inner"), children: [
-      multiSpeaker ? /* @__PURE__ */ jsx("strong", { className: "lj-se-asian-speaker", style: resolvedActor ? { color: getActorCueVar(resolvedActorId, tone) } : void 0, children: /* @__PURE__ */ jsx(HighlightedText, { text: getDialogueSpeakerLabel(item, actorMap, speakerMap) }) }) : /* @__PURE__ */ jsx(
-        SelectField,
+      /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-cue-prefix", children: [
+        multiSpeaker ? /* @__PURE__ */ jsx("strong", { className: "lj-se-asian-speaker", style: resolvedActor ? { color: getActorCueVar(resolvedActorId, tone) } : void 0, children: /* @__PURE__ */ jsx(HighlightedText, { text: getDialogueSpeakerLabel(item, actorMap, speakerMap) }) }) : /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            value: resolvedActorId,
+            options: actorOptions,
+            disabled,
+            placeholder: "\u672A\u77E5\u89D2\u8272",
+            className: cn("lj-se-asian-speaker lj-se-asian-speaker--select", resolvedActorId && !resolvedActor && "is-orphan"),
+            style: resolvedActor ? { color: getActorCueVar(resolvedActorId, tone) } : void 0,
+            onChange: onSaveActor
+          }
+        ),
+        !multiSpeaker ? /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-tag", children: [
+          "\uFF08",
+          /* @__PURE__ */ jsx(EditableText, { value: item.emotion ?? "", disabled, placeholder: isInner ? "OS" : "\u60C5\u7EEA", onSave: onSaveEmotion }),
+          "\uFF09"
+        ] }) : tag ? /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-tag", children: [
+          "\uFF08",
+          tag,
+          "\uFF09"
+        ] }) : null,
+        /* @__PURE__ */ jsx("span", { className: "lj-se-asian-colon", children: "\uFF1A" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        EditableText,
         {
-          value: resolvedActorId,
-          options: actorOptions,
+          multiline: true,
+          value: content,
           disabled,
-          placeholder: "\u672A\u77E5\u89D2\u8272",
-          className: cn("lj-se-asian-speaker lj-se-asian-speaker--select", resolvedActorId && !resolvedActor && "is-orphan"),
-          style: resolvedActor ? { color: getActorCueVar(resolvedActorId, tone) } : void 0,
-          onChange: onSaveActor
+          autoEdit,
+          onEditEnd,
+          placeholder: "\u8F93\u5165\u5BF9\u767D\u2026",
+          className: "lj-se-asian-content",
+          onSave
         }
-      ),
-      !multiSpeaker ? /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-tag", children: [
-        "\uFF08",
-        /* @__PURE__ */ jsx(EditableText, { value: item.emotion ?? "", disabled, placeholder: isInner ? "OS" : "\u60C5\u7EEA", onSave: onSaveEmotion }),
-        "\uFF09"
-      ] }) : tag ? /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-tag", children: [
-        "\uFF08",
-        tag,
-        "\uFF09"
-      ] }) : null,
-      /* @__PURE__ */ jsx("span", { className: "lj-se-asian-colon", children: "\uFF1A" }),
-      /* @__PURE__ */ jsx(EditableText, { multiline: true, value: content, disabled, autoEdit, onEditEnd, placeholder: "\u8F93\u5165\u5BF9\u767D\u2026", onSave })
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "lj-se-row lj-se-row--asian group", children: [