@arronqzy/react-view 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arronqzy/react-view",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "files": [
     "src",
     "dist",
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@scena/react-ruler": "^0.19.0",
+    "@tanstack/react-virtual": "^3.13.2",
     "react-infinite-viewer": "^0.28.1",
     "react-moveable": "^0.56.0",
     "react-selecto": "^1.26.3",
@@ -25,10 +26,17 @@
     "infinite-viewer": "^0.29.1",
     "echarts": "^6.0.0",
     "uuid": "^13.0.0",
-    "@arronqzy/ui": "1.0.2",
+    "@uiw/react-codemirror": "^4.23.8",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@codemirror/view": "^6.36.2",
+    "@arronqzy/ui": "1.0.3",
     "@arronqzy/blueprint-dsl": "1.0.3",
-    "@arronqzy/react-blueprint": "1.0.3",
-    "@arronqzy/rx-store": "1.0.2"
+    "@arronqzy/i18n": "0.1.1",
+    "@arronqzy/rx-store": "1.0.2",
+    "@arronqzy/webllm-assistant": "0.1.1",
+    "@arronqzy/react-blueprint": "1.0.4",
+    "@arronqzy/view-table": "0.1.1"
   },
   "devDependencies": {
     "@types/react": "^19.0.1",

package/src/core/template.tsx

@@ -1,6 +1,16 @@
-import { JSX, useRef } from "react";
+import { JSX } from "react";
 import { instructions } from "./instructions";
 
+function isDevMode(): boolean {
+  try {
+    return Boolean(
+      (import.meta as { env?: { DEV?: boolean } }).env?.DEV
+    );
+  } catch {
+    return false;
+  }
+}
+
 /**
  * 事件需要补齐
  * @param props
@@ -15,7 +25,7 @@ export const Template = (
     if (props?.id) {
       instructions.execute(props.id + "click", { e });
     } else {
-      if (import.meta.env.DEV) {
+      if (isDevMode()) {
         console.warn("Template 缺少 id,无法触发事件");
       }
     }

package/src/panel/ReactViewOnlinePreview.tsx

@@ -1,4 +1,5 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useI18n } from "@arronqzy/i18n/react";
 import {
   BlueprintGraph,
   documentToRunnableGraph,
@@ -10,6 +11,7 @@ import {
 import type { LibraryBlueprintResolver, PageLifecyclePhase } from "@arronqzy/blueprint-dsl";
 import type { State } from "@arronqzy/rx-store";
 import { ElementsLayer } from "./components/ElementsLayer";
+import type { TableCellActionHandler } from "./components/table/TableNodeContent";
 import type { PanelElement } from "./types";
 import {
   clearViewElementScopes,
@@ -63,6 +65,8 @@ export function ReactViewOnlinePreview({
   projectId,
   previewInstanceId,
 }: ReactViewOnlinePreviewProps) {
+  const { t } = useI18n();
+
   const [loadError, setLoadError] = useState<string | null>(null);
   const [panelState, setPanelState] = useState<State | null>(null);
   const [projectRevision, setProjectRevision] = useState(0);
@@ -91,14 +95,14 @@ export function ReactViewOnlinePreview({
   const loadProject = useCallback(async () => {
     const record = await loadWorkspaceRecord(projectId);
     if (!record) {
-      setLoadError("工作区不存在或已被删除");
+      setLoadError(t("panel.messages.workspaceNotFound"));
       setPanelState(null);
       return;
     }
 
     const normalized = normalizeImportedPanelState(record.panelState);
     if (!normalized) {
-      setLoadError("工作区数据格式无效");
+      setLoadError(t("panel.messages.workspaceDataInvalid"));
       setPanelState(null);
       return;
     }
@@ -107,7 +111,7 @@ export function ReactViewOnlinePreview({
     clearViewElementScopes();
     setPanelState(normalized);
     setBlueprintGraph(BlueprintGraph.fromDocument(record.blueprintDocument));
-    document.title = record.productName.trim() || record.name || "预览";
+    document.title = record.productName.trim() || record.name || t("panel.workspace.previewDocTitle");
     applyTitleIcon(record.titleIconDataUrl);
     setProjectRevision((v) => v + 1);
   }, [projectId]);
@@ -228,7 +232,7 @@ export function ReactViewOnlinePreview({
   const lifecycleReady =
     !!panelState && layerElements.length > 0 && layoutReady;
 
-  useBlueprintPageLifecycle({
+  const { triggerBlueprintNode } = useBlueprintPageLifecycle({
     graph: blueprintGraph,
     active: true,
     enabled: lifecycleReady,
@@ -249,7 +253,12 @@ export function ReactViewOnlinePreview({
 
   const noopUpdate = useCallback((_id: string, _patch: Partial<PanelElement>) => {}, []);
   const noopSelect = useCallback((_ids: string[]) => {}, []);
-
+  const onTableCellAction = useCallback<TableCellActionHandler>(
+    (payload) => {
+      void triggerBlueprintNode(payload.blueprintNodeId, payload);
+    },
+    [triggerBlueprintNode]
+  );
   if (loadError) {
     return (
       <div className="flex min-h-[100vh] w-full items-center justify-center bg-white px-6 text-center text-sm text-gray-600">
@@ -261,7 +270,7 @@ export function ReactViewOnlinePreview({
   if (!panelState) {
     return (
       <div className="flex min-h-[100vh] w-full items-center justify-center bg-white text-sm text-gray-600">
-        加载预览中…
+        {t("panel.workspace.previewLoading")}
       </div>
     );
   }
@@ -269,9 +278,9 @@ export function ReactViewOnlinePreview({
   if (layerElements.length === 0) {
     return (
       <div className="flex min-h-[100vh] w-full flex-col items-center justify-center gap-2 bg-white px-6 text-center text-sm text-gray-600">
-        <div>当前工作区没有可预览的视图节点</div>
+        <div>{t("panel.workspace.previewNoNodes")}</div>
         <div className="text-xs text-gray-400">
-          请先在编辑器中点击「同步」或「创建工作区」后再预览
+          {t("panel.workspace.previewHint")}
         </div>
       </div>
     );
@@ -309,6 +318,7 @@ export function ReactViewOnlinePreview({
             layerLocked
             previewMode
             previewLayoutKey={layoutRevision}
+            onTableCellAction={onTableCellAction}
           />
         </div>
       </div>