@lingjingai/script-editor 0.1.20 → 0.1.21

package/dist/index.js

@@ -1,5 +1,5 @@
 import { createContext, memo, useState, useMemo, useCallback, Fragment, useRef, useContext, useEffect, useLayoutEffect, useDeferredValue } from 'react';
-import { Plus, Trash2, X, Check, Eraser, ArrowUp, ArrowDown, GripVertical, MessageCircle, Film, Brain, BookOpen, Scissors, ArrowUpToLine, BookText, ChevronRight, FileText, Users, MapPin, Package, Undo2, Redo2, MessageSquareQuote, ArrowLeft, ChevronLeft, Search, Loader2, AlertCircle } from 'lucide-react';
+import { Plus, Trash2, X, Check, ArrowUp, ArrowDown, GripVertical, MessageCircle, Film, Brain, BookOpen, Eraser, Scissors, ArrowUpToLine, BookText, ChevronRight, FileText, Users, MapPin, Package, Undo2, Redo2, MessageSquareQuote, ArrowLeft, ChevronLeft, Search, Loader2, AlertCircle } from 'lucide-react';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Virtuoso } from 'react-virtuoso';
 import { createPortal } from 'react-dom';
@@ -2782,56 +2782,6 @@ function removeEntityState(data, kind, id, stateId) {
     states: (e.states ?? []).filter((s) => (s.state_id ?? "").trim() !== stateId)
   }));
 }
-var CONFIRM_TTL_MS = 2500;
-function DeleteConfirmButton({
-  onConfirm,
-  disabled,
-  targetScope,
-  title = "\u5220\u9664\uFF1F"
-}) {
-  const [confirming, setConfirming] = useState(false);
-  const timerRef = useRef(null);
-  useEffect(
-    () => () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-    },
-    []
-  );
-  const cancel = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = null;
-    }
-    setConfirming(false);
-  };
-  const handleClick = () => {
-    if (confirming) {
-      cancel();
-      void onConfirm();
-      return;
-    }
-    setConfirming(true);
-    if (timerRef.current) clearTimeout(timerRef.current);
-    timerRef.current = setTimeout(() => {
-      setConfirming(false);
-      timerRef.current = null;
-    }, CONFIRM_TTL_MS);
-  };
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      disabled,
-      "data-delete-target": targetScope,
-      "data-confirming": confirming || void 0,
-      onClick: handleClick,
-      "aria-label": confirming ? `\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\uFF1A${title}` : title,
-      title: confirming ? "\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\uFF082.5 \u79D2\u540E\u81EA\u52A8\u53D6\u6D88\uFF09" : title,
-      className: cn("lj-se-del", confirming && "is-confirming"),
-      children: confirming ? /* @__PURE__ */ jsx(Check, { className: "lj-se-icon", strokeWidth: 2.2 }) : /* @__PURE__ */ jsx(Eraser, { className: "lj-se-icon", strokeWidth: 1.5 })
-    }
-  );
-}
 var SPACE_ZH = { interior: "\u5185", exterior: "\u5916" };
 var TIME_ZH = { day: "\u65E5", night: "\u591C", dawn: "\u6668", dusk: "\u66AE" };
 function resolveCueId(item, actorMap, speakerMap) {
@@ -3073,6 +3023,38 @@ var META = {
 function newStateId(id) {
   return `st_${id}_${Date.now().toString(36)}`;
 }
+function StateDeleteButton({ stateName, onConfirm }) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-assetcard-state-del", title: "\u5220\u9664\u8BE5\u72B6\u6001", "aria-label": "\u5220\u9664\u8BE5\u72B6\u6001", onClick: () => setOpen(true), children: /* @__PURE__ */ jsx(X, { className: "lj-se-ic-3", strokeWidth: 1.8 }) }),
+    open ? /* @__PURE__ */ jsx("div", { className: "lj-se-modal-backdrop", role: "presentation", onMouseDown: () => setOpen(false), children: /* @__PURE__ */ jsxs("div", { className: "lj-se-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "lj-se-delete-state-title", onMouseDown: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-modal-head", children: [
+        /* @__PURE__ */ jsx("h2", { id: "lj-se-delete-state-title", className: "lj-se-modal-title", children: "\u5220\u9664\u72B6\u6001" }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-modal-x", "aria-label": "\u5173\u95ED", onClick: () => setOpen(false), children: /* @__PURE__ */ jsx(X, { className: "lj-se-ic-3", strokeWidth: 1.8 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "lj-se-modal-body", children: [
+        "\u786E\u8BA4\u5220\u9664\u300C",
+        stateName || "\u672A\u547D\u540D\u72B6\u6001",
+        "\u300D\uFF1F"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-modal-actions", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-modal-btn", onClick: () => setOpen(false), children: "\u53D6\u6D88" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "lj-se-modal-btn lj-se-modal-btn-danger",
+            onClick: () => {
+              setOpen(false);
+              onConfirm();
+            },
+            children: "\u5220\u9664"
+          }
+        )
+      ] })
+    ] }) }) : null
+  ] });
+}
 function AssetCardImpl({
   data,
   group,
@@ -3179,7 +3161,13 @@ function AssetCardImpl({
                 onSave: (v) => onEdit((p) => updateEntityStateField(p, kind, assetId, sid, "state_name", v))
               }
             ),
-            !disabled && (state.state_id ?? "").trim() ? /* @__PURE__ */ jsx(DeleteConfirmButton, { targetScope: "row", title: "\u5220\u9664\u8BE5\u72B6\u6001\uFF1F", onConfirm: () => onEdit((p) => removeEntityState(p, kind, assetId, sid)) }) : null
+            !disabled && (state.state_id ?? "").trim() ? /* @__PURE__ */ jsx(
+              StateDeleteButton,
+              {
+                stateName: state.state_name ?? state.name ?? "",
+                onConfirm: () => onEdit((p) => removeEntityState(p, kind, assetId, sid))
+              }
+            ) : null
           ] }),
           /* @__PURE__ */ jsx(
             EditableText,
@@ -4542,6 +4530,56 @@ __export(mutations_exports, {
   updateSceneLocationState: () => updateSceneLocationState,
   updateScenePropState: () => updateScenePropState
 });
+var CONFIRM_TTL_MS = 2500;
+function DeleteConfirmButton({
+  onConfirm,
+  disabled,
+  targetScope,
+  title = "\u5220\u9664\uFF1F"
+}) {
+  const [confirming, setConfirming] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const cancel = () => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    setConfirming(false);
+  };
+  const handleClick = () => {
+    if (confirming) {
+      cancel();
+      void onConfirm();
+      return;
+    }
+    setConfirming(true);
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      setConfirming(false);
+      timerRef.current = null;
+    }, CONFIRM_TTL_MS);
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      disabled,
+      "data-delete-target": targetScope,
+      "data-confirming": confirming || void 0,
+      onClick: handleClick,
+      "aria-label": confirming ? `\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\uFF1A${title}` : title,
+      title: confirming ? "\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\uFF082.5 \u79D2\u540E\u81EA\u52A8\u53D6\u6D88\uFF09" : title,
+      className: cn("lj-se-del", confirming && "is-confirming"),
+      children: confirming ? /* @__PURE__ */ jsx(Check, { className: "lj-se-icon", strokeWidth: 2.2 }) : /* @__PURE__ */ jsx(Eraser, { className: "lj-se-icon", strokeWidth: 1.5 })
+    }
+  );
+}
 
 export { DeleteConfirmButton, EMPTY_SELECTION, EditableText, Popover, ScriptContentType, ScriptEditor, SelectField, acceptActionIntoBaseline, acceptSceneIntoBaseline, applyActionAccept, applyActionReject, buildActionDiff, buildDiffFromBaseline, buildScriptNav, buildSelectionFrom, changeSetToDiffScenes, computeChangeSet, computeSceneActionDiff, findBaselineScene, fromToSelection, getActorCueVar, getActorMap, getEpisodeTitle, getLocationMap, getPropMap, getSceneContext, getSelectionEpisodeIdx, getSpeakerMap, isClipSelected, isEpisodeOpen, isSameSelectionTarget, isSceneSelected, mutations_exports as mutations, rejectActionToBaseline, rejectSceneToBaseline, sceneChangeKey, selectionFromScriptReference, selectionTargetKey, withOrigin };
 //# sourceMappingURL=index.js.map