aldehyde 0.2.473 → 0.2.474

package/lib/draw-canvas/edit/components/main-header/index.js

@@ -0,0 +1,163 @@
+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, { useState, useEffect, useCallback, useMemo } from 'react';
+import { Dropdown, Modal, Space, Button, Divider, Tooltip } from 'antd';
+import IconFont from "../../../../icon/aliIcon";
+import * as Draws from '../render/draws';
+import './index.less';
+// 布局类型
+const alignTypes = [
+    { label: '垂直居中', value: 'Middle', icon: "icon-middle-L" },
+    { label: '左对齐', value: 'Left', icon: "icon-left-L" },
+    { label: '右对齐', value: 'Right', icon: "icon-right-L" },
+    { label: '水平居中', value: 'Center', icon: "icon-center-L" },
+    { label: '上对齐', value: 'Top', icon: "icon-top-L" },
+    { label: '下对齐', value: 'Bottom', icon: "icon-bottom-L" }
+];
+// 连线类型
+const lineTypes = [
+    { label: '折线', value: 'curve', icon: "icon-zhexian" },
+    { label: '贝塞尔曲线', value: 'bezier', icon: "icon-bezier" },
+    { label: '自动', value: 'auto', icon: "icon-zhexian-auto" },
+];
+// 图形类型
+const graphTypes = [
+    { label: '折线', value: 'Curve', icon: "icon-zhexian" },
+    { label: '贝塞尔曲线', value: 'Bezier', icon: "icon-bezier" },
+    { label: '矩形', value: 'Rect', icon: 'icon-rect' },
+    { label: '圆', value: 'Circle', icon: 'icon-circle' },
+];
+const MainHeader = (props) => {
+    const { render, graphType, onGraphTypeChange, onTexting, texting } = props;
+    const [scale, setScale] = useState(100); // 缩放
+    const [history, setHistory] = useState([]); // 历史记录
+    const [historyIndex, setHistoryIndex] = useState(-1); // 当前历史记录标签
+    const [selection, setSelection] = useState([]); // 选中组件
+    const [currentLinkType, setCurrentLinkType] = useState("curve"); // 连接线类型
+    const [showShortCut, setShowShortCut] = useState(false); // 快捷键显示
+    const [loading, setLoading] = useState(false);
+    // 文件导入
+    const handleRestore = useCallback(() => {
+        if (!render)
+            return;
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = '.json';
+        input.onchange = () => {
+            var _a;
+            const file = (_a = input.files) === null || _a === void 0 ? void 0 : _a[0];
+            if (file) {
+                const reader = new FileReader();
+                reader.onload = () => __awaiter(void 0, void 0, void 0, function* () {
+                    yield render.importExportTool.restore(reader.result);
+                    render.positionTool.positionFit();
+                });
+                reader.readAsText(file);
+            }
+        };
+        input.click();
+    }, [render]);
+    // 数据导出
+    const handleSave = useCallback((type) => {
+        if (!render)
+            return;
+        const data = [];
+        switch (type) {
+            case 'json':
+                data.push({ name: 'data.json', content: render.importExportTool.save() });
+                break;
+            case 'asset':
+                data.push({ name: 'asset.json', content: render.importExportTool.getAsset() });
+                break;
+            case 'png':
+                download('image.png', render.importExportTool.getAssetImage(2));
+                return;
+            case 'assetPng':
+                download('image.png', render.importExportTool.getAssetImage());
+                return;
+        }
+        if (data.length) {
+            data.forEach(({ name, content }) => download(name, content));
+        }
+    }, [render]);
+    // 下载辅助函数
+    const download = (name, content) => {
+        const a = document.createElement('a');
+        a.download = name;
+        a.href = content.startsWith('blob:') ? content : URL.createObjectURL(new Blob([content]));
+        a.click();
+    };
+    // 工具操作
+    const handleAlign = useCallback((type) => {
+        render === null || render === void 0 ? void 0 : render.alignTool.align(type);
+    }, [render]);
+    // 更改组件连接线类型 
+    const handleLinkType = useCallback((type) => {
+        var _a;
+        (_a = render === null || render === void 0 ? void 0 : render.draws[Draws.LinkDraw.name]) === null || _a === void 0 ? void 0 : _a.changeLinkType(type);
+    }, [render]);
+    // 重置缩放
+    const handleScale = useCallback((action) => {
+        const tool = render === null || render === void 0 ? void 0 : render.positionTool;
+        if (!tool)
+            return;
+        action === 'fit' ? tool.positionFit() : action === 'reset' ? tool.positionZoomReset() : tool.positionReset();
+    }, [render]);
+    // 更改图类型
+    const handleGraph = (type) => onGraphTypeChange(graphType === type ? undefined : type);
+    // 绑定事件
+    useEffect(() => {
+        if (!render)
+            return;
+        render.on('selection-change', setSelection);
+        render.on('history-change', ({ records, index }) => {
+            setHistory(records);
+            setHistoryIndex(index);
+        });
+        render.on('link-type-change', setCurrentLinkType);
+        render.on('scale-change', (v) => setScale(v * 100));
+        render.on('loading', setLoading);
+    }, [render]);
+    // 是否选中多个组件
+    const isSelects = useMemo(() => selection.length <= 1, [selection]);
+    // 缩放菜单选项
+    const scaleMenu = [
+        { key: "fit", label: React.createElement("a", { onClick: () => handleScale('fit') }, "\u81EA\u9002\u5E94\u5927\u5C0F") },
+        { key: "reset", label: React.createElement("a", { onClick: () => handleScale('reset') }, "\u91CD\u7F6E\u4F4D\u7F6E\u5927\u5C0F") },
+        { key: "position", label: React.createElement("a", { onClick: () => handleScale('position') }, "\u4EC5\u91CD\u7F6E\u4F4D\u7F6E") }
+    ];
+    return (React.createElement("div", { className: "main-header" },
+        React.createElement(Space, { size: 4, separator: React.createElement(Divider, { vertical: true, styles: { root: { margin: "0 4px" } } }) },
+            React.createElement(Dropdown, { menu: { items: scaleMenu } },
+                React.createElement("span", { style: { cursor: "pointer" } }, `${scale.toFixed(0)}%`)),
+            React.createElement(Tooltip, { title: "\u64A4\u9500" },
+                React.createElement(Button, { type: "text", onClick: () => render === null || render === void 0 ? void 0 : render.prevHistory(), disabled: historyIndex <= 0 }, "\u21B6")),
+            React.createElement(Tooltip, { title: "\u6062\u590D" },
+                React.createElement(Button, { type: "text", onClick: () => render === null || render === void 0 ? void 0 : render.nextHistory(), disabled: historyIndex >= history.length - 1 }, "\u21B7")),
+            alignTypes.map(type => (React.createElement(Tooltip, { title: type.label },
+                React.createElement(Button, { type: "text", key: type.value, onClick: () => handleAlign(type.value), disabled: isSelects },
+                    React.createElement(IconFont, { type: type.icon }))))),
+            lineTypes.map(type => (React.createElement(Tooltip, { title: `连接线：${type.label}` },
+                React.createElement(Button, { type: "text", key: type.value, onClick: () => handleLinkType(type.value), disabled: currentLinkType === type.value },
+                    React.createElement(IconFont, { type: type.icon }))))),
+            graphTypes.map(type => (React.createElement(Tooltip, { title: `画${type.label}` },
+                React.createElement(Button, { type: "text", key: type.value, onClick: () => handleGraph(type.value), className: graphType === type.value ? 'active' : '' },
+                    React.createElement(IconFont, { type: type.icon }))))),
+            React.createElement(Tooltip, { title: "\u63D2\u5165\u6587\u5B57" },
+                React.createElement(Button, { type: "text", onClick: () => onTexting(true), className: texting ? "active" : "" },
+                    React.createElement(IconFont, { type: "icon-wenben" })))),
+        showShortCut &&
+            React.createElement(Modal, { title: "\u5FEB\u6377\u952E", open: showShortCut, onCancel: () => setShowShortCut(false) },
+                React.createElement("p", null, "1\u3001\u590D\u5236\u3001\u7C98\u8D34\u3001\u591A\u9009\u3001\u5168\u9009\u3001\u5220\u9664\u3001\u4E0A\u4E00\u6B65\u3001\u4E0B\u4E00\u6B65\u7B49\u5FEB\u6377\u952E\u4E0E\u4E00\u822C\u6587\u6863\u7F16\u8F91\u5668\u7C7B\u4F3C\uFF1B"),
+                React.createElement("p", null, "2\u3001\u653E\u5927\u7F29\u5C0F\uFF0C\u3010Win\u3011\u9F20\u6807\u4E0A\u6EDA\u52A8\u4E0B\u6EDA\u52A8\uFF0C\u3010Mac\u3011\u89E6\u63A7\u677F\u53CC\u6307\u653E\u5927\u3001\u7F29\u5C0F\uFF1B"),
+                React.createElement("p", null, "3\u3001\u753B\u5E03\u62D6\u52A8\uFF0C\u5728\u7A7A\u767D\u5904\uFF0C\u3010Win\u3011\u53F3\u952E\u6309\u4E0B\u79FB\u52A8\uFF0C\u3010Mac\u3011control + \u89E6\u63A7\u677F\u4E09\u6307\u79FB\u52A8\uFF1B"))));
+};
+export default MainHeader;
+//# sourceMappingURL=index.js.map

package/lib/draw-canvas/edit/components/main-header/index.js.map

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

package/lib/draw-canvas/edit/components/main-header/index.less

@@ -0,0 +1,21 @@
+.main-header {
+  padding: 4px 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: var(--ant-layout-body-bg);
+
+  button {
+    padding: 4px 8px;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &.active {
+      background-color: var(--ant-color-primary);
+      color: #fff;
+    }
+
+  }
+}

package/lib/draw-canvas/edit/components/render/index.d.ts

@@ -0,0 +1,86 @@
+import Konva from 'konva';
+import { GraphType, RenderConfig, Draw, Handler, RenderEvents, PageSettings, AssetSettings, LinkSettings } from './types';
+import { AssetTool, SelectionTool, CopyTool, PositionTool, ZIndexTool, ImportExportTool, AlignTool, LinkTool, AttractTool } from './tools';
+export declare class Render {
+    stage: Konva.Stage;
+    layer: Konva.Layer;
+    layerFloor: Konva.Layer;
+    layerCover: Konva.Layer;
+    config: RenderConfig;
+    draws: {
+        [index: string]: (Draw & Handler) | undefined;
+    };
+    assetTool: AssetTool;
+    selectionTool: SelectionTool;
+    copyTool: CopyTool;
+    positionTool: PositionTool;
+    zIndexTool: ZIndexTool;
+    importExportTool: ImportExportTool;
+    alignTool: AlignTool;
+    linkTool: LinkTool;
+    attractTool: AttractTool;
+    groupTransformer: Konva.Group;
+    transformer: Konva.Transformer;
+    selectRect: Konva.Rect;
+    handlers: {
+        [index: string]: Handler;
+    };
+    bgSize: number;
+    rulerSize: number;
+    previewSize: number;
+    pointSize: number;
+    history: string[];
+    historyIndex: number;
+    graphType: GraphType | undefined;
+    texting: boolean;
+    private emitter;
+    on: <K extends keyof RenderEvents>(event: K, handler: (payload: RenderEvents[K]) => void) => (() => void);
+    off: <K extends keyof RenderEvents>(event: K, handler: (payload: RenderEvents[K]) => void) => void;
+    emit: <K extends keyof RenderEvents>(event: K, payload: RenderEvents[K]) => void;
+    constructor(stageEle: HTMLDivElement, config: RenderConfig);
+    init(): void;
+    resize(width: number, height: number): void;
+    remove(nodes: Konva.Node[]): void;
+    prevHistory(): void;
+    nextHistory(): void;
+    updateHistory(): void;
+    eventBind(): void;
+    getStageState(): {
+        width: number;
+        height: number;
+        scale: number;
+        x: number;
+        y: number;
+    };
+    toStageValue(boardPos: number): number;
+    toBoardValue(stagePos: number): number;
+    ignore(node: Konva.Node): boolean;
+    ignoreSelect(node: Konva.Node): boolean;
+    ignoreDraw(node: Konva.Node): boolean;
+    ignoreLink(node: Konva.Node): boolean;
+    redraw(drawNames?: string[]): void;
+    changeDraggable(disabled: boolean): void;
+    changeGraphType(type?: GraphType): void;
+    changeTexting(texting: boolean): void;
+    static PageSettingsDefault: PageSettings;
+    getPageSettings(): PageSettings;
+    setPageSettings(settings: PageSettings, update?: boolean): void;
+    getBackground(): Konva.Rect;
+    updateBackground(): void;
+    static AssetSettingsDefault: AssetSettings;
+    getAssetSettings(asset?: Konva.Node): AssetSettings;
+    setSvgXMLSettings(xml: string, settings: AssetSettings): string;
+    rotatePoint({ x, y }: {
+        x: number;
+        y: number;
+    }, rad: number): {
+        x: number;
+        y: number;
+    };
+    rotateAroundCenter(node: Konva.Node, rotation: number): void;
+    setAssetSettings(asset: Konva.Node, settings: AssetSettings, update?: boolean): Promise<void>;
+    static LinkSettingsDefault: LinkSettings;
+    setLinkSettings(link: Konva.Line, settings: LinkSettings, update?: boolean): Promise<void>;
+    getLinkSettings(link?: Konva.Line): LinkSettings;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/draw-canvas/edit/components/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas/edit/components/render/index.ts"],"names":[],"mappings":"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"}