aldehyde 0.2.475 → 0.2.477

package/lib/draw-canvas/view/view.js

@@ -1,104 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React, { useEffect, useRef, useCallback } from 'react';
-import { Space, Button } from "antd";
-import { ExpandOutlined } from '@ant-design/icons';
-import { Render } from '../edit/components/render';
-import './index.less';
-const Index = (props) => {
-    const { data, width = '100%', height = '100%' } = props;
-    const boardRef = useRef(null);
-    const stageRef = useRef(null);
-    const renderRef = useRef(null);
-    const observerRef = useRef(null);
-    // 初始化渲染器（只读模式）
-    const initRender = useCallback((width, height) => {
-        if (renderRef.current || !stageRef.current)
-            return;
-        const render = new Render(stageRef.current, {
-            width,
-            height,
-            showRuler: false, // 不需要标尺
-            showRefLine: false, // 不需要参考线
-            showPreview: false, // 不需要预览框
-            showContextmenu: false, // 不需要右键菜单
-            showBg: true,
-            readonly: true // ★ 只读模式
-        });
-        renderRef.current = render;
-        // 如果有数据，恢复画布
-        if (data) {
-            loadData(render, data);
-        }
-    }, [data]);
-    // 加载画布数据
-    const loadData = useCallback((render, jsonData) => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            yield render.importExportTool.restore(jsonData);
-            // 数据加载完成后自适应居中
-            render.positionTool.positionFit();
-        }
-        catch (e) {
-            console.error('Failed to load canvas data:', e);
-        }
-    }), []);
-    // 监听容器尺寸变化
-    useEffect(() => {
-        if (!boardRef.current)
-            return;
-        const observer = new ResizeObserver(() => {
-            const { width, height } = boardRef.current.getBoundingClientRect();
-            if (renderRef.current) {
-                renderRef.current.resize(width, height); // 更新尺寸
-                renderRef.current.positionTool.positionFit(); // 自适应居中
-            }
-            else {
-                initRender(width, height);
-            }
-        });
-        observer.observe(boardRef.current);
-        observerRef.current = observer;
-        return () => {
-            observer.disconnect();
-        };
-    }, []);
-    // 当外部 data 更新时，重新加载
-    useEffect(() => {
-        if (renderRef.current && data) {
-            loadData(renderRef.current, data);
-        }
-    }, [data, loadData]);
-    const handleFit = useCallback(() => {
-        if (!renderRef.current)
-            return;
-        renderRef.current.positionTool.positionFit();
-    }, []);
-    // 清理
-    useEffect(() => {
-        return () => {
-            if (renderRef.current) {
-                renderRef.current.stage.destroy();
-                renderRef.current = null;
-            }
-            if (observerRef.current) {
-                observerRef.current.disconnect();
-                observerRef.current = null;
-            }
-        };
-    }, []);
-    return (React.createElement("div", { className: "draw-viewer", style: { width, height } },
-        React.createElement("div", { className: "draw-viewer-toolbar" },
-            React.createElement(Space, null,
-                React.createElement(Button, { type: "text", className: 'fit', onClick: handleFit, icon: React.createElement(ExpandOutlined, null) }))),
-        React.createElement("div", { className: "draw-viewer-content", ref: boardRef },
-            React.createElement("div", { ref: stageRef }))));
-};
-export default Index;
-//# sourceMappingURL=view.js.map

package/lib/draw-canvas/view/view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../../src/aldehyde/draw-canvas/view/view.tsx"],"names":[],"mappings":"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"}

package/src/aldehyde/draw-canvas/view/view.tsx

@@ -1,114 +0,0 @@
-import React, { useEffect, useRef, useCallback } from 'react';
-import { Space, Button } from "antd";
-import { ExpandOutlined } from '@ant-design/icons';
-import { Render } from '../edit/components/render';
-import './index.less';
-
-interface ViewerProps {
-  data?: string; // 画布 JSON 数据 
-  width?: number | string;
-  height?: number | string;
-}
-
-const Index: React.FC<ViewerProps> = (props) => {
-  const { data, width = '100%', height = '100%' } = props;
-  const boardRef = useRef<HTMLDivElement>(null);
-  const stageRef = useRef<HTMLDivElement>(null);
-  const renderRef = useRef<Render | null>(null);
-  const observerRef = useRef<ResizeObserver | null>(null);
-
-  // 初始化渲染器（只读模式）
-  const initRender = useCallback(
-    (width: number, height: number) => {
-      if (renderRef.current || !stageRef.current) return;
-      const render = new Render(stageRef.current, {
-        width,
-        height,
-        showRuler: false, // 不需要标尺
-        showRefLine: false, // 不需要参考线
-        showPreview: false, // 不需要预览框
-        showContextmenu: false, // 不需要右键菜单
-        showBg: true,
-        readonly: true // ★ 只读模式
-      });
-      renderRef.current = render;
-      // 如果有数据，恢复画布
-      if (data) {
-        loadData(render, data);
-      }
-    },
-    [data]
-  );
-
-  // 加载画布数据
-  const loadData = useCallback(async (render: Render, jsonData: string) => {
-    try {
-      await render.importExportTool.restore(jsonData);
-      // 数据加载完成后自适应居中
-      render.positionTool.positionFit();
-    } catch (e) {
-      console.error('Failed to load canvas data:', e);
-    }
-  }, []);
-
-  // 监听容器尺寸变化
-  useEffect(() => {
-    if (!boardRef.current) return;
-    const observer = new ResizeObserver(() => {
-      const { width, height } = boardRef.current!.getBoundingClientRect();
-      if (renderRef.current) {
-        renderRef.current.resize(width, height); // 更新尺寸
-        renderRef.current.positionTool.positionFit(); // 自适应居中
-      } else {
-        initRender(width, height);
-      }
-    });
-    observer.observe(boardRef.current);
-    observerRef.current = observer;
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-
-  // 当外部 data 更新时，重新加载
-  useEffect(() => {
-    if (renderRef.current && data) {
-      loadData(renderRef.current, data);
-    }
-  }, [data, loadData]);
-
-  const handleFit = useCallback(() => {
-    if (!renderRef.current) return;
-    renderRef.current.positionTool.positionFit();
-  }, []);
-
-  // 清理
-  useEffect(() => {
-    return () => {
-      if (renderRef.current) {
-        renderRef.current.stage.destroy();
-        renderRef.current = null;
-      }
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-        observerRef.current = null;
-      }
-    };
-  }, []);
-
-  return (
-    <div className="draw-viewer" style={{ width, height }}>
-      <div className="draw-viewer-toolbar">
-        <Space>
-          <Button type="text" className='fit' onClick={handleFit} icon={<ExpandOutlined />} />
-        </Space>
-      </div>
-      {/* 画布区域 */}
-      <div className="draw-viewer-content" ref={boardRef}>
-        <div ref={stageRef} />
-      </div>
-    </div>
-  );
-};
-
-export default Index;