@flowgram.ai/export-plugin 0.1.0-alpha.26 → 0.1.0-alpha.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +10 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/dist/esm/index.js
CHANGED
|
@@ -307,6 +307,15 @@ var FlowExportImageService = class {
|
|
|
307
307
|
if (cloned?.classList?.contains("gedit-flow-render-layer")) {
|
|
308
308
|
this.handleCanvas(cloned, width, height, options);
|
|
309
309
|
}
|
|
310
|
+
this.handleTextareaValue(cloned);
|
|
311
|
+
}
|
|
312
|
+
handleTextareaValue(cloned) {
|
|
313
|
+
if (cloned.tagName !== "TEXTAREA") {
|
|
314
|
+
return;
|
|
315
|
+
}
|
|
316
|
+
const textarea = cloned;
|
|
317
|
+
const value = textarea.getAttribute("value") || textarea.value || "";
|
|
318
|
+
textarea.textContent = value;
|
|
310
319
|
}
|
|
311
320
|
// 处理克隆节点
|
|
312
321
|
handleFixedClone(cloned, {
|
|
@@ -325,6 +334,7 @@ var FlowExportImageService = class {
|
|
|
325
334
|
cloned.appendChild(linesLayer);
|
|
326
335
|
this.handleCanvas(cloned, width, height, options);
|
|
327
336
|
}
|
|
337
|
+
this.handleTextareaValue(cloned);
|
|
328
338
|
}
|
|
329
339
|
// 处理节点位置
|
|
330
340
|
handlePosition(cloned, x, y) {
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/create-plugin.ts","../../src/export-image-service/service.ts","../../src/export-image-service/utils.ts","../../src/export-image-service/constant.ts","../../src/constant.ts","../../src/download-service/service.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator, PluginContext } from '@flowgram.ai/core';\n\nimport { CreateDownloadPluginOptions } from './type';\nimport { WorkflowExportImageService } from './export-image-service';\nimport { FlowDownloadService } from './download-service';\n\nexport const createDownloadPlugin = definePluginCreator<CreateDownloadPluginOptions>({\n onBind: ({ bind }) => {\n bind(WorkflowExportImageService).toSelf().inSingletonScope();\n bind(FlowDownloadService).toSelf().inSingletonScope();\n },\n onInit: (ctx: PluginContext, opts: CreateDownloadPluginOptions) => {\n ctx.get(FlowDownloadService).init(opts);\n },\n onDispose: (ctx: PluginContext) => {\n ctx.get(FlowDownloadService).dispose();\n },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport { getWorkflowRect } from './utils';\nimport { type IFlowExportImageService, type ExportImageOptions } from './type';\nimport {\n IN_SAFARI,\n IN_FIREFOX,\n EXPORT_IMAGE_WATERMARK_SVG,\n EXPORT_IMAGE_STYLE_PROPERTIES,\n} from './constant';\nimport { FlowDownloadFormat } from '../constant';\n\nconst PADDING_X = 58;\nconst PADDING_Y = 138;\n\n@injectable()\nexport class FlowExportImageService implements IFlowExportImageService {\n private modernScreenshot: any;\n\n @inject(FlowDocument)\n private document: FlowDocument;\n\n public async export(options: ExportImageOptions): Promise<string | undefined> {\n try {\n const imgUrl = await this.doExport(options);\n return imgUrl;\n } catch (e) {\n console.error('Export image failed:', e);\n return;\n }\n }\n\n private async loadModernScreenshot() {\n if (this.modernScreenshot) {\n return this.modernScreenshot;\n }\n\n const modernScreenshot = await import('modern-screenshot');\n this.modernScreenshot = modernScreenshot;\n }\n\n private async doExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n if (this.document.layout.name.includes('fixed-layout')) {\n return await this.doFixedExport(exportOptions);\n }\n return await this.doFreeExport(exportOptions);\n }\n\n private async doFreeExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n // const el = this.stackingContextManager.node as HTMLElement;\n const renderLayer = window.document.querySelector('.gedit-flow-render-layer') as HTMLElement;\n\n if (!renderLayer) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFreeClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(renderLayer, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(renderLayer, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(renderLayer, options);\n break;\n default:\n imgUrl = await domToPng(renderLayer, options);\n }\n return imgUrl;\n }\n\n private async doFixedExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n\n const el = window.document.querySelector('.gedit-flow-nodes-layer') as HTMLElement;\n\n if (!el) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFixedClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(el, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(el, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(el, options);\n break;\n default:\n imgUrl = await domToPng(el, options);\n }\n return imgUrl;\n }\n\n private async svgToDataURL(svg: SVGElement): Promise<string> {\n return Promise.resolve()\n .then(() => new XMLSerializer().serializeToString(svg))\n .then(encodeURIComponent)\n .then((html) => `data:image/svg+xml;charset=utf-8,${html}`);\n }\n\n // 处理克隆节点\n private handleFreeClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-render-layer')) {\n this.handleCanvas(cloned, width, height, options);\n }\n }\n\n // 处理克隆节点\n private handleFixedClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-nodes-layer')) {\n const linesLayer = window.document\n .querySelector('.gedit-flow-lines-layer')\n ?.cloneNode(true) as HTMLElement;\n this.handleLines(linesLayer, width, height);\n cloned.appendChild(linesLayer);\n this.handleCanvas(cloned, width, height, options);\n }\n }\n\n // 处理节点位置\n private handlePosition(cloned: HTMLElement, x: number, y: number) {\n cloned.style.transform = `translate(${-x + PADDING_X}px, ${-y + PADDING_Y}px)`;\n }\n\n // 处理画布\n private handleLines(cloned: HTMLElement, width: number, height: number) {\n cloned.style.position = 'absolute';\n cloned.style.width = `${width}px`;\n cloned.style.height = `${height}px`;\n cloned.style.left = `${width / 2 - PADDING_X}px`;\n cloned.style.top = `${PADDING_Y}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = 'transparent';\n cloned.querySelector('.flow-lines-container')!.setAttribute('viewBox', `0 0 1000 1000`);\n }\n\n // 处理画布\n private handleCanvas(\n cloned: HTMLElement,\n width: number,\n height: number,\n options: ExportImageOptions\n ) {\n cloned.style.width = `${width + PADDING_X * 2}px`;\n cloned.style.height = `${height + PADDING_Y * 2}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = '#ECECEE';\n this.handleWaterMark(cloned, options);\n }\n\n // 添加水印节点\n private handleWaterMark(element: HTMLElement, options: ExportImageOptions) {\n const watermarkNode = document.createElement('div');\n // 水印svg\n watermarkNode.innerHTML = options?.watermarkSVG ?? EXPORT_IMAGE_WATERMARK_SVG;\n watermarkNode.style.position = 'absolute';\n watermarkNode.style.bottom = '32px';\n watermarkNode.style.right = '32px';\n watermarkNode.style.zIndex = '999999';\n element.appendChild(watermarkNode);\n }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FlowDocument, FlowNodeEntity } from '@flowgram.ai/document';\nimport { TransformData } from '@flowgram.ai/core';\n\nconst getNodesRect = (nodes: FlowNodeEntity[]) => {\n const rects = nodes\n .map((node) => node.getData<TransformData>(TransformData)?.bounds)\n .filter(Boolean);\n const x1 = Math.min(...rects.map((rect) => rect.x));\n const x2 = Math.max(...rects.map((rect) => rect.x + rect.width));\n const y1 = Math.min(...rects.map((rect) => rect.y));\n const y2 = Math.max(...rects.map((rect) => rect.y + rect.height));\n\n const width = x2 - x1;\n const height = y2 - y1;\n\n return {\n width,\n height,\n x: x1,\n y: y1,\n };\n};\n\n/**\n * 获取流程所有节点矩形坐标\n */\nexport const getWorkflowRect = (document: FlowDocument) => getNodesRect(document.getAllNodes());\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nconst USER_AGENT = navigator?.userAgent ?? '';\nexport const IN_CHROME = USER_AGENT.includes('Chrome');\nexport const IN_SAFARI = USER_AGENT.includes('AppleWebKit') && !IN_CHROME;\nexport const IN_FIREFOX = USER_AGENT.includes('Firefox');\n\nexport const EXPORT_IMAGE_WATERMARK_SVG = `\n<svg width=\"201\" height=\"133\" viewBox=\"0 0 201 133\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <image id=\"-\" x=\"0\" y=\"0\" width=\"200\" height=\"133\" xlink:href=\"data:image/png;base64, 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\"/>\n</svg>\n`;\n\n/**\n * safari/firefox 中指定样式表\n * 1. 样式计算会导致所有css变量被生成到dom元素中,导致svg过大无法正常序列化\n * 2. boxShadow 渲染效果有问题排除掉\n */\nexport const EXPORT_IMAGE_STYLE_PROPERTIES = [\n 'width',\n 'height',\n 'box-sizing',\n 'display',\n 'align-items',\n 'justify-content',\n 'font-size',\n 'gap',\n 'color',\n 'background',\n 'background-color',\n 'font',\n 'font-family',\n 'fill',\n 'stroke',\n 'stroke-width',\n 'margin',\n 'padding',\n 'padding-left',\n 'padding-top',\n 'padding-bottom',\n 'padding-right',\n 'flex-direction',\n 'filter',\n 'position',\n 'top',\n 'left',\n 'bottom',\n 'right',\n 'content',\n 'line-height',\n 'text-decoration',\n 'border-radius',\n 'opacity',\n 'border-right',\n 'border-left',\n 'border-width',\n 'border-style',\n 'border-color',\n 'margin-right',\n 'margin-left',\n 'margin-top',\n 'margin-bottom',\n 'white-space',\n 'overflow',\n 'text-overflow',\n 'font-weight',\n 'min-width',\n 'min-height',\n 'transform',\n 'z-index',\n 'flex',\n 'border-width',\n 'text-wrap',\n 'word-break',\n 'vertical-align',\n 'aspect-ratio',\n 'object-fit',\n 'align-content',\n 'align-self',\n 'background-attachment',\n 'background-clip',\n 'background-image',\n 'background-origin',\n 'background-repeat',\n 'background-size',\n 'block-size',\n 'border-block-end-color',\n 'border-block-end-style',\n 'border-block-end-width',\n 'border-block-start-color',\n 'border-block-start-style',\n 'border-block-start-width',\n 'border-bottom-color',\n 'border-bottom-style',\n 'border-bottom-width',\n 'border-bottom-left-radius',\n 'border-bottom-right-radius',\n 'border-end-end-radius',\n 'border-end-start-radius',\n 'border-inline-end-color',\n 'border-inline-end-style',\n 'border-inline-end-width',\n 'border-inline-start-color',\n 'border-inline-start-style',\n 'border-inline-start-width',\n 'border-right-color',\n 'border-right-style',\n 'border-right-width',\n 'border-start-end-radius',\n 'border-start-start-radius',\n 'border-top-color',\n 'border-top-style',\n 'border-top-width',\n 'border-top-left-radius',\n 'border-top-right-radius',\n 'flex-basis',\n 'flex-grow',\n 'flex-shrink',\n 'flex-wrap',\n 'font-kerning',\n 'font-palette',\n 'font-stretch',\n 'font-style',\n 'inline-size',\n 'inset-block-end',\n 'inset-block-start',\n 'inset-inline-end',\n 'inset-inline-start',\n 'justify-items',\n 'justify-self',\n 'line-break',\n 'margin-trim',\n 'margin-inline-end',\n 'margin-inline-start',\n 'min-block-size',\n 'min-inline-size',\n 'overflow-wrap',\n 'overflow-x',\n 'overflow-y',\n 'perspective-origin',\n 'transform-box',\n 'transform-origin',\n 'transform-style',\n 'grid-template',\n 'grid-template-rows',\n 'grid-template-columns',\n 'grid-template-areas',\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum FlowDownloadFormat {\n JSON = 'json',\n YAML = 'yaml',\n PNG = 'png',\n JPEG = 'jpeg',\n SVG = 'svg',\n}\n\nexport const FlowImageFormats = [\n FlowDownloadFormat.PNG,\n FlowDownloadFormat.JPEG,\n FlowDownloadFormat.SVG,\n];\n\nexport const FlowDataFormats = [FlowDownloadFormat.JSON, FlowDownloadFormat.YAML];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { nanoid } from 'nanoid';\nimport { inject, injectable } from 'inversify';\nimport { DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport type { DownloadServiceOptions, WorkflowDownloadParams } from './type';\nimport { WorkflowExportImageService } from '../export-image-service';\nimport { FlowDataFormats, FlowDownloadFormat, FlowImageFormats } from '../constant';\n\n@injectable()\nexport class FlowDownloadService {\n @inject(FlowDocument) private readonly document: FlowDocument;\n\n @inject(WorkflowExportImageService)\n private readonly exportImageService: WorkflowExportImageService;\n\n private toDispose: DisposableCollection = new DisposableCollection();\n\n public downloading = false;\n\n private onDownloadingChangeEmitter = new Emitter<boolean>();\n\n private options: DownloadServiceOptions = {};\n\n public onDownloadingChange = this.onDownloadingChangeEmitter.event;\n\n public init(options?: Partial<DownloadServiceOptions>) {\n this.options = options ?? {};\n this.toDispose.push(this.onDownloadingChangeEmitter);\n }\n\n public dispose(): void {\n this.toDispose.dispose();\n }\n\n public async download(params: WorkflowDownloadParams): Promise<void> {\n if (this.downloading) {\n return;\n }\n\n const { format } = params;\n\n if (FlowImageFormats.includes(format)) {\n await this.handleImageDownload(format);\n } else if (FlowDataFormats.includes(format)) {\n await this.handleDataDownload(format);\n }\n }\n\n public setDownloading(value: boolean) {\n this.downloading = value;\n this.onDownloadingChangeEmitter.fire(value);\n }\n\n private async handleImageDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadImage(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async handleDataDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadData(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async downloadData(format: FlowDownloadFormat): Promise<void> {\n const json = this.document.toJSON();\n const { content, mimeType } = await this.formatDataContent(json, format);\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const filename = this.getFileName(format);\n\n this.downloadFile(url, filename);\n URL.revokeObjectURL(url);\n }\n\n private async formatDataContent(\n json: unknown,\n format: FlowDownloadFormat\n ): Promise<{ content: string; mimeType: string }> {\n if (format === FlowDownloadFormat.YAML) {\n const yaml = await import('js-yaml');\n return {\n content: yaml.dump(json, {\n indent: 2,\n lineWidth: -1,\n noRefs: true,\n }),\n mimeType: 'application/x-yaml',\n };\n }\n\n return {\n content: JSON.stringify(json, null, 2),\n mimeType: 'application/json',\n };\n }\n\n private async downloadImage(format: FlowDownloadFormat): Promise<void> {\n const imageUrl = await this.exportImageService.export({\n format,\n watermarkSVG: this.options.watermarkSVG,\n });\n if (!imageUrl) {\n return;\n }\n\n const filename = this.getFileName(format);\n this.downloadFile(imageUrl, filename);\n }\n\n private getFileName(format: FlowDownloadFormat): string {\n if (this.options.getFilename) {\n return this.options.getFilename(format);\n }\n return `flowgram-${nanoid(5)}.${format}`;\n }\n\n private downloadFile(href: string, filename: string): void {\n const link = document.createElement('a');\n link.href = href;\n link.download = filename;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n}\n"],"mappings":"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","names":["document","FlowDownloadFormat","inject","injectable","FlowDocument","inject","FlowDocument","injectable"]}
|
|
1
|
+
{"version":3,"sources":["../../src/create-plugin.ts","../../src/export-image-service/service.ts","../../src/export-image-service/utils.ts","../../src/export-image-service/constant.ts","../../src/constant.ts","../../src/download-service/service.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator, PluginContext } from '@flowgram.ai/core';\n\nimport { CreateDownloadPluginOptions } from './type';\nimport { WorkflowExportImageService } from './export-image-service';\nimport { FlowDownloadService } from './download-service';\n\nexport const createDownloadPlugin = definePluginCreator<CreateDownloadPluginOptions>({\n onBind: ({ bind }) => {\n bind(WorkflowExportImageService).toSelf().inSingletonScope();\n bind(FlowDownloadService).toSelf().inSingletonScope();\n },\n onInit: (ctx: PluginContext, opts: CreateDownloadPluginOptions) => {\n ctx.get(FlowDownloadService).init(opts);\n },\n onDispose: (ctx: PluginContext) => {\n ctx.get(FlowDownloadService).dispose();\n },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport { getWorkflowRect } from './utils';\nimport { type IFlowExportImageService, type ExportImageOptions } from './type';\nimport {\n IN_SAFARI,\n IN_FIREFOX,\n EXPORT_IMAGE_WATERMARK_SVG,\n EXPORT_IMAGE_STYLE_PROPERTIES,\n} from './constant';\nimport { FlowDownloadFormat } from '../constant';\n\nconst PADDING_X = 58;\nconst PADDING_Y = 138;\n\n@injectable()\nexport class FlowExportImageService implements IFlowExportImageService {\n private modernScreenshot: any;\n\n @inject(FlowDocument)\n private document: FlowDocument;\n\n public async export(options: ExportImageOptions): Promise<string | undefined> {\n try {\n const imgUrl = await this.doExport(options);\n return imgUrl;\n } catch (e) {\n console.error('Export image failed:', e);\n return;\n }\n }\n\n private async loadModernScreenshot() {\n if (this.modernScreenshot) {\n return this.modernScreenshot;\n }\n\n const modernScreenshot = await import('modern-screenshot');\n this.modernScreenshot = modernScreenshot;\n }\n\n private async doExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n if (this.document.layout.name.includes('fixed-layout')) {\n return await this.doFixedExport(exportOptions);\n }\n return await this.doFreeExport(exportOptions);\n }\n\n private async doFreeExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n // const el = this.stackingContextManager.node as HTMLElement;\n const renderLayer = window.document.querySelector('.gedit-flow-render-layer') as HTMLElement;\n\n if (!renderLayer) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFreeClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(renderLayer, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(renderLayer, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(renderLayer, options);\n break;\n default:\n imgUrl = await domToPng(renderLayer, options);\n }\n return imgUrl;\n }\n\n private async doFixedExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n\n const el = window.document.querySelector('.gedit-flow-nodes-layer') as HTMLElement;\n\n if (!el) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFixedClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(el, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(el, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(el, options);\n break;\n default:\n imgUrl = await domToPng(el, options);\n }\n return imgUrl;\n }\n\n private async svgToDataURL(svg: SVGElement): Promise<string> {\n return Promise.resolve()\n .then(() => new XMLSerializer().serializeToString(svg))\n .then(encodeURIComponent)\n .then((html) => `data:image/svg+xml;charset=utf-8,${html}`);\n }\n\n // 处理克隆节点\n private handleFreeClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-render-layer')) {\n this.handleCanvas(cloned, width, height, options);\n }\n\n this.handleTextareaValue(cloned);\n }\n\n private handleTextareaValue(cloned: HTMLElement) {\n if (cloned.tagName !== 'TEXTAREA') {\n return;\n }\n const textarea = cloned as HTMLTextAreaElement;\n const value = textarea.getAttribute('value') || textarea.value || '';\n textarea.textContent = value;\n }\n\n // 处理克隆节点\n private handleFixedClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-nodes-layer')) {\n const linesLayer = window.document\n .querySelector('.gedit-flow-lines-layer')\n ?.cloneNode(true) as HTMLElement;\n this.handleLines(linesLayer, width, height);\n cloned.appendChild(linesLayer);\n this.handleCanvas(cloned, width, height, options);\n }\n\n this.handleTextareaValue(cloned);\n }\n\n // 处理节点位置\n private handlePosition(cloned: HTMLElement, x: number, y: number) {\n cloned.style.transform = `translate(${-x + PADDING_X}px, ${-y + PADDING_Y}px)`;\n }\n\n // 处理画布\n private handleLines(cloned: HTMLElement, width: number, height: number) {\n cloned.style.position = 'absolute';\n cloned.style.width = `${width}px`;\n cloned.style.height = `${height}px`;\n cloned.style.left = `${width / 2 - PADDING_X}px`;\n cloned.style.top = `${PADDING_Y}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = 'transparent';\n cloned.querySelector('.flow-lines-container')!.setAttribute('viewBox', `0 0 1000 1000`);\n }\n\n // 处理画布\n private handleCanvas(\n cloned: HTMLElement,\n width: number,\n height: number,\n options: ExportImageOptions\n ) {\n cloned.style.width = `${width + PADDING_X * 2}px`;\n cloned.style.height = `${height + PADDING_Y * 2}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = '#ECECEE';\n this.handleWaterMark(cloned, options);\n }\n\n // 添加水印节点\n private handleWaterMark(element: HTMLElement, options: ExportImageOptions) {\n const watermarkNode = document.createElement('div');\n // 水印svg\n watermarkNode.innerHTML = options?.watermarkSVG ?? EXPORT_IMAGE_WATERMARK_SVG;\n watermarkNode.style.position = 'absolute';\n watermarkNode.style.bottom = '32px';\n watermarkNode.style.right = '32px';\n watermarkNode.style.zIndex = '999999';\n element.appendChild(watermarkNode);\n }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FlowDocument, FlowNodeEntity } from '@flowgram.ai/document';\nimport { TransformData } from '@flowgram.ai/core';\n\nconst getNodesRect = (nodes: FlowNodeEntity[]) => {\n const rects = nodes\n .map((node) => node.getData<TransformData>(TransformData)?.bounds)\n .filter(Boolean);\n const x1 = Math.min(...rects.map((rect) => rect.x));\n const x2 = Math.max(...rects.map((rect) => rect.x + rect.width));\n const y1 = Math.min(...rects.map((rect) => rect.y));\n const y2 = Math.max(...rects.map((rect) => rect.y + rect.height));\n\n const width = x2 - x1;\n const height = y2 - y1;\n\n return {\n width,\n height,\n x: x1,\n y: y1,\n };\n};\n\n/**\n * 获取流程所有节点矩形坐标\n */\nexport const getWorkflowRect = (document: FlowDocument) => getNodesRect(document.getAllNodes());\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nconst USER_AGENT = navigator?.userAgent ?? '';\nexport const IN_CHROME = USER_AGENT.includes('Chrome');\nexport const IN_SAFARI = USER_AGENT.includes('AppleWebKit') && !IN_CHROME;\nexport const IN_FIREFOX = USER_AGENT.includes('Firefox');\n\nexport const EXPORT_IMAGE_WATERMARK_SVG = `\n<svg width=\"201\" height=\"133\" viewBox=\"0 0 201 133\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <image id=\"-\" x=\"0\" y=\"0\" width=\"200\" height=\"133\" xlink:href=\"data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAMgAAACFCAYAAAAenrcsAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAyKADAAQAAAABAAAAhQAAAAA7OKFtAAAej0lEQVR4Ae1dCZhUxbWuurd7ZoABAiiuIBAElSSuCBGB2UBxS2LCAIPDMhBMNMa4PuOCDYm4EE1ATQIBZxhgZoDo0yAqyiysgmJ8LrihIIuKArINzNJ9q95/bk8P3TPdTS+3b9PfV/Vxu+pWnTrn1F91arvzcTjzC1lZLgfv1ednXPKxksnLUNTerzj6JJgwzr7hjFdJIf9ZvaBgS/RMrK4hef60ynGc81FSsgvBvW18EqRA/Z3g9xoX2pwKV/aX8fGLv/bILVvS2n697+dQ7Cpw64nHEQ9XzlgdOnKLpskXF+QOXRMPLyvquqTU2r21YQRjvIAxcRnjPDMuvjROGY1TVuXWxJw/9h+8zccPed4weOLSU53MsxiUw3x5Vsecsz92OeKYuWxZvmE170j4jXlk1WmGwasBx/mR0EdNw1mDJuWtFQ/nzY+6rkUVCl+vxoDRFoNdH4tYBrDBgFnhydAKywYPPhBQYNPLjE2buqQxTwnG6XUJE8nZ7Uf7X/GMi2PKIyGDiua3d3LPykQaB8nBjP3ovkzPvUg2Gybl2xEKZ65sZ3j4toQZBzVCsnTB+LzR06on2dGmljLGvbH6YqbpVchPiHGQPIyRa/V68c6E6uqMlvIT/T7zvffaOZmxIqHG4W3krHZvb/gdJU0DSZNt7sbgvTjRDWziPyNvcsV5NsnyipGSN9Y5KvAS53YqMq0FM2bTahUZtTVUtO3AlurfmIXi2xZHpk5Pw9CWRkZqIVV97d0w0QEWcgzNSrJZT23Y0Fv76R1L24DqntCU1pcYhvwf67mG5jhy2spOmAAStyS3Es3bCg+7q1V2AjM+X7XmJizLvRIoIpC1ZMOnbN7sDMxM3Fvx9u1YsaS941ST92rpBxrIIslI7Aucjc1yVcd1cIxGWafD2Tsaemto+SBr+ETGBcbxm8goLaNKP3bwaL5l3E7AaN+e3QOxM293AjJrizmboOm683RruUbATUpH+q69HSKgtITEEOwnljCKgglufbpGQW4FaScrmETDQ5f8ymjo46HlOj8rnvox1nVqwvCY55AYGcRczeOus++gLqUes6IxVsTNod242i2PDuzpMcITfTXBbW8fKZkUodGjo2ooBJKDgDKQ5OCupKYIAspAUqSjlJrJQUAZSHJwV1JTBAFlICnSUUrN5CCgDCQ5uCupKYKAMpAU6SilZnIQUAaSHNyV1BRBQBlIinSUUjM5CCgDSQ7uSmqKIKAMJEU6SqmZHASUgSQHdyU1RRBQBpIiHaXUTA4CykCSg7uSmiIIKANJkY5SaiYHAWUgycFdSU0RBJSBpEhHKTWTg4AykOTgrqSmCALKQFKko5SayUFAGUhycFdSUwQBZSAp0lFKzeQgoAwkObgrqSmCgDKQFOkopWZyEFAGkhzcldQUQUAZSIp0lFIzOQgoA0kO7kpqiiCgDCRFOkqpmRwElIEkB3clNUUQUAaSIh2l1EwOArb56ICjxUPwfrRS01i5kI6PO9c5DtrVZPhG/AiyXob8vnBLcG4C5R7E/+q+GvyX61z7MIFyWrFGG2fAkVYuZ3Ig/tf1RLbxewjfyLhcJwXf0EqRBGUYHvmilqEPZB5jOHww/grOdGxxacGzJywqaHL6mKCmmWzXnVLryIXzzsZEComE9+hpVbmCyRLQnh0JfcQ08HIr04zRy+4bdijiOgkiLKxcW8gMMQueIK3zGcK5mzOxoFfu0JvJuWWCVI+Y7V82bRiDfpwHHxoJdauXeAPh7LXq5wrgspexEbfNTq871vVcTYiBcA19EF713q7qtnUXc7kSAvjIpUt1Y2uHrrpbdzrrG46UPXZds2dWuIIml9QXRNwjYQjhAnrukqk5NxPJbbO3pu85tKuHg/GeHkN872DatnJX9r4w1eMqKly5sqvO0jp7hJTpvHHv/KuvphmeFa5e3ZM1ss1Ido5LgLeyR+ParQvyBs+lV3LgKevEWZ40Z7outdpe61ftdiWoD2dv3NihgRv94F3qJ1zjO4Wsf/fey7P3kB5/2bjmAsn195BM2E4owQYiv6suHms6s8wd90IX4ajfCq8rAbMaBtfCLkf0yVavLqOmV10opXwd4DV7esJss7CN1KaUuLLrXS6pfcSrvkN5FzwxB/Dccb7Uertc2Z5fulb10jlfC2Zn+jGUmAz+Z8nDOTP98uJOZlVXO7ob2jz4Xhzvzwx4Tu2lG4+6srM9hZWrc+DFfRV0xL84gmTPLhw+lLy+8vGvr7lCcFmN9HH/hJzt9jD3ZeV5ed/GIaVV1SfefnMQF4L6MGCVwHbyobv7X/EItu3yL2+9OVZKsahVZYsyEnpIl0z7vamny6UJvX53S+OgMgziwv3t3XMsao/JhrZR4Pt/eGk2DirA3rzwmCa/HulamuZyYZvA5XSzQjw/XB9JxjHysTc6wjhIpr9xEGeOc8kTo6avmhqPGP+6aBvv7tE+aGkcRIOy6ds8fDalF+YOrcKZ5CVKxxGO/sBz1HRICoPLhnGsA6/jxkGMJTvbIZ17xq3aFNdk46/jo2+v7QXjqEFegHEQDdr9p5mb1t9H6dqj9c/DUBKyAyH+iTMQzmtriscsISE5O8+dgQheSoMH9PeErEkVPwpeGl3ulCmbnejE/w1ZS8pOmtblFipfOjWPBtLhkLQRFAghPyYyrUEnIw/pghmdapnX26LKtefD2M8LpR4uIn5buHItOWcl6ywNRRdh/otPX3NNw0hyYyfYi2HryPpnw5ZHUeiQOukdeuvE2Z3EDitlPQx0YRSsoyINrUBUbIIQS3aoKZfDAODfOjBgK4Dew+bDjMwdwH+H3bzUoPzmMs1XrjE4cTTzOVzVmd7qiA7l2Bs386D379kBzj3wndfMJ1AuvWFwPYEt1mxzFcEWCVk/bk0VQQ6Xu5Y9nF3rpZSXtKxB+pibG2qexjuMfryqzpySKB9eE812IKY8k9aXptiXbqI16yGP6ngaUGryBB2JQFslLCEg6PIqvG/SpPwYoAYURfMCrrQqsrbV6y7CNB0wAZh9hTLiTiLwL39y1ZohUNF8pxirqldVFNK72Rzk+dJUt7mJJi32HcjwGLIrtZVqEw3xp6XjeOCnPLlpbZ+7Bgz+DKvmcpSPP15mXSpxBsKw+6WAUYghSN3dKlCbmwPntGwHLt1mIahMcPBiViCQmkAzk953+qWRbwJJ6XBBMuc77GVa0Y6B0zFsgcJRhy6T/IivEI1tE9AeKvCq5iOhGDK9VJg18Ip0s+jWxFSBBr7ZWn/mVNd8px9vuilFVbxBslMoITTPMcbSmjKjj7gU5gQghdHBp3soLtCB1DiDyklnn04Um8Gvc6i19JBxUJAow2GtqRa9n0gaaKTTNFiHxo8aAcbj5WnFb8IMBO3z+rSm242JZVVQNsdfYVg97ZePZ3E2SgrHGtZWYtPZlO81McYML5iynZ+bbBNhydoJPx4o1njaAMxB4bcCnNddKt+pXw7pqO3H9Lg6EabOpcM+rUTo3l3o0oCrY7N90N0bpEhPz+hZJ92N1B5mACHfuKV20pPm1+6mtptNJpw8Xi6krZGmTcPbFC8q9OuHQRMZ4+JzbzItrnOB5Jp5yaIZ8hvDN5qbZJh92JSmBUzgKtjhkAO4oeFOzew2b5Mw7XlnSK+maLkZHKR2k+p6U9vpleDJYBptz/sCV0QITZH3Ba+S1R+tq6MbLAbjgA/1xISEGQja0yn31xV9Kv81+jPNcOcL3Uk3HEFXEkwb78ttn71QU+PyDYOYWzvitldea39K+h4wCOn/HSv3H8xrSez92PSqHjELw4r3vqOqG+rvwFbvGYyKn4bihfn049L7rtwZqjya/ML16x9ixzwwkOAB2HtYmraMSrH+XNZqdAWvFjQXA38QFfR4c/VnXwzKWQdeVwYjNMevFHfNH5r1brDyaPOe3LjhCZwl54eqB8Oppps6l4S77bc2eC+DQhHHkY+xkrDAhUcsJu6VpeP3A8BJANe3JvgL/VZyxy+tMA5i+urT19AOfZS/AP80Zq9PDLGvhPJG/bn6bkSZlI41OAQ3B2rF1Jwy8P5HUD6cf6M5ZG7QshgyFw4atBcD9w+hqupSjls0ZMg3mATQv/KOUHSR5GMKyZ5QveE8mlAMzX0T6oS41OCbOrqPzY2EZyQ0dw284jnQBcUTZ59327bvlE98Mt98sw+iTpROREikgUBfeUnuxDICldUUFyzQNQ2zGZuDgfQBnjexYt8t69mPaubnf040VoWlD+au0aTWHzI2HecpaeV+/HCnhouWufIbR7qqM6UQ5lXhcZoYUlLcN3J61aVUEx8Lb8Ue71oMKrq73wf5n2B1fMhdJ35c/oCl3whk6fChszTJ6CD+Nh6awCGWV+LTwBULhmeV451tH5RNNz3nUzrWgDY4hIFreKy2Zbm5O9J5eh8I+zv41Xt5ym/JWNt0ajuYbrtilROs3j0DBtFtYy4wrIAeW3DAXIUpdmLt0YYrbu3Xr9a18ZUOUpOVwepalZfgD4Wmmga6bkp1yRiaEewO/MZHXjs9Q7TJTDPErhJ8ICQFrndtbtuGH6KBdYFFCn2vc/268qlZb1rELyo2IzdsaMM6djSW9evX6KtYuGr1JJgNzcBBLj58VFHFS+oPfDt2WX4+TTSMVqedF+e1e+5nVzZfVETFLU7ime+t7woTXQE2NOkmLNhhIKbymN1e1riY5el+JnZT2Z6EtegEjPOnV+VjNpwNstNOQBptMdrE52BH/PSyh3I+jbayVfQTV625wJDsQRyHR4MnJl7rAph9gHvm+0vzBtPANI8d1nGPjNOszZu7u0XDOBzSaXVM2NbKp41tBuITiLgBQH8lZMOlNSUTD/rlJyw5ylU9EH/3dSu6NAdCWn7pToTcr8D0raUP596YCObBeI57owbbHp6NUdsX5ZYaRhB5+2Afm/HB4qWFuUP+GaTc8qzHN635ucbMj7FdLWcehmGCzyBBJaejE3vpQgt+oxW0SpyZ3LgQxkFnITuMg5Q9C228ME6to6qO26pcyKSv64k2DtLrFIi5Gn/gcXlUSsZBrEudvnnYahykbjIMJA6YVFWFgL0IKAOxF28lLcUQUAaSYh2m1LUXAWUg9uKtpKUYAspAUqzDlLr2IqAMxF68lbQUQ0AZSIp1mFLXXgSUgdiLt5KWYggoA0mxDlPq2ouAMhB78VbSUgwBZSAp1mFKXXsRUAZiL95KWoohoAwkxTpMqWsvAspA7MVbSUsxBJSBpFiHKXXtRUAZiL14K2kphoAykBTrMKWuvQgoA7EXbyUtxRBQBpJiHabUtRcBZSD24q2kpRgCykBSrMOUuvYioAzEXryVtBRDQBlIinWYUtdeBJSB2Iu3kpZiCCgDSbEOU+rai4AyEHvxVtJSDAFlICnWYUpdexFQBmIv3kpaiiGgwWss/s9j+4PD2cY2ucloI/4HadvaZ/YePOfY34v2SYRbiaS0D9Yhv7evmT5JXGptM4/63hIdG1JsT7SMIPxtce3gkwuvuc3Oc3x5iY4xdr5OtIxm/pIdaE7bmNCkk78DeabXIPvkikrTl6BNAjNkG9Mbqk3ivGI4s8SZZcQ6S2l7G+HVtixi/eIkbJT6ZrAI5uMyTs5hqnNWpdXMLdgHp4gLw5BZXgSf2NMsZxqGYf2Wr/bDa4Z9Xp84M3RdPh1GJcuLuMdwganbcsahGe5fnDfko9DF1pY8MHDgt/BStsRaruG5wc01eUGFz2DJpiLaG57colLOnj/1iMNWX37LluUb2MOSM0hb9rFcyFlw2vm+RYhFxGbBNblfwC2ZXTM67TimRKSYhUSSuR8AO5u2Wnx5j8sHbTANZE3xmF3w95QH4bssbE9rVpytqD/iKKQB27owsTnLHsyFWzQ+GFJqEyuJ/et8lntPgmUEZd972JAiTALLgxZalIkZxgNvs9MXDhv6gkUsI2Zzz4Ch24VhXA0dvo24UgyEnLM3dIONyufcCHDXdUPRS+1r5bEZ8Cd8LRxd9gDvgPIYZBGLBsblh7hjebaqeEwJ3m2ZxUPpOtb1SgePlvE0lk/yW04u2SxoI8OFA3+XS/H4Elfey6Fk25U/7vWaO7GNvRXyelkokya1/6KdDy0cNmSlhXyjZvXUhg2dhS5nYsW8Gr1nlVs9A/w+Yjqfc2zF6/8gv/CkWMjBMXLk0rTaTNYxau39KjQaDlFZeuN+v6yTKnm9a3nbjLSO7eJSqvGYscx1FZb95Bp+sDYUrlzdk+uinyF4XK6gnZqjVrD6/5bm5Z10ffno2rWdMjLi83Zb73GIgQPrd2fz5HlfDtZ/Kk8hoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQkAhoBBQCCgEFAIKAYWAQuAkQ4BnFS3Jg3/EsN5uuxzRKmPx6ZFVVHalxrS2OpMfvvHcmET6s+NZkysGMCEGaYyfKgSrg2/SDzMd7V9dPvf6Y/FgnjdlaXfhEecxKTxVxQVVLXnlTFo8hEk9I1gbB09ZeIbT4/xxqLoteZ3oPWtSxY80KfLw3/SfAW9Ljfi/+b9AO1+tnFcQt7+MvMkV5wO3bi114EJIg8m9rMeZH9a4rP3fz0eMXdShId0xkGTGOsZa6kvvuUWLsyXTnYKzr2vmj/4wGI0vD/3bEf07gN4POQ5VvzP35gAvXQ4ujVfgsCPsf49f36kduQiIeqDBsWSxZKK3h8vxqF9KSlgdciZWXCK5mMsMcSnxhmNJ+HcxE6zWfeRwTlHZg1XPFcTsDs1oaOzGNA3+MKSbuVwZeEy/Ed52SDSxYgUMINMj5bPI+5033/vrdDvuRPvvxtsXeHr7l0WTzp1cdpo0+DwpxHU+5yrUTvMfRm92UdkzUjTcW1MysT4avv60sIPfw2fKb/zzKA1fMbBD/Oz4Zn/2xPLp1cVjZrekifW9IU17Ukoxmervby/uQPS3WHn51xOCP8+46MQFOzC8sLTb6wvHhXQYa7g9s1CXxidLMzp1QRTg1NZ/5fgPChcEezIO1HmQf9KF7KKFF2IAVmGgwDjkTvQjDIHfDguZCmVX4emA2XZ2TlH5Y7Eq79EaP/PW5c7sXX1H+PPJmVieDUdDmWYe57+A8fjjicElb6AyDK+3/OtFkx488blThcHWwyCuQz3ynDsHbb0d8f0YuHDWgxZKdhtnac94h3M03IPSfolcv3Egy9AAcvSKwSP/ljux7KagtaLMpNUDU9kkXzW04rFLp8wJO1H7aCOOOevUmOYYFoo+a8LS01FmGkcoGoevQDPYQ5WlBbb61fPJjjmWOjl17AjfNZVOt/GzljNF9oTyApQtxsx4d9aEspKakoJPopW1trhoL2bo9zEIf8KEvBP1VxznwX+LQeN7PTN323m9KxkzDWpYUfmZWFX6UCGX/B8+omhjB8uYiTo/BJPtUjReglUiwL109iS0UchSTAqTcicufqqyGF6S4gtvVRcXTGjJAqsHGeYUIdk9KFvUsjzad6wel3kNmu+B68jOQDG9Y0PH7uBDq61lAW6NHsTE9Z/Alb+JPXf/ypy+wkgLmPHC0J10RTlFFTSb98VTJ4XzppbGQQpXl4wpw3arAkkd8YuUF1uQT5r1OLvcvz461XzHCmE6JTUcRn9fucfwYACYYX9lyZi1vvxo4pwpFT8EPc1wHifXb2hpHMSrev4YctxJLpL3SMmxkiYoCEY7DBpPHeKWAEWxdXuC+OD8ew+M/1FKS108TrF1QQraXWTtPi+g34j/9VPmtMUKPAN957dlbi05ZQ0EO4tbmppTXlOSv6d107w5kjlc3hQ7pymOOoJxrW6qlOGr7HLRxYbsivcjnGkzKB+9fnw51/RBTbQfNsXRR24xhCqhEz9+PcxhEzP+QDxnVJWMXRi9kAhraIKMFUEG7NG9edH9Dhm3sAcNXPA6VllcsEhs2/pnpGkw/zJrQvEPouMWjlozJ0V4HfaNlWbiI+52OXhpj63d582ZQRLNWyw4RSzOmVjW6jCDDe6R6uKx1wapm9QszN7mjQsGz7pwijjTHAfcDeYRKub9bZfDzm/2ZbrdOFQ4ce64As5IN6z+sgwOJDkZzILB53zyypodfY+hk0e4cA7BQ7PSVV69+Evh9AtbxnlfOmJg5OwOpJM8d1xp58A8xozMNg01f8+vbZkfzTvOBe1zf11hbg2pnhvXQZqQOdDjr3htkLp2VzT8gtHqDufPgRWKuLkdralxebJ7lsHPI51z0ulW67Vg9aLOE2IG03gedC/Mmrzo/pp5N3lxRB/xHXwa+Emu8fuwBX8hFG+/FYRfBGMY1PLBIGi1PIViZm++9A54KcMOCO72mNYB3WBLsQVccTdyrpVQbYB5P8Wc8z9QrEm+mAxCMLEFXd513Ze9+2WNKTsFRRfiEWmavoDoYgnoi/ZUD7ID2nj9lJfbCN25r+XD64xnYpHjXwfngRG49vzU9+iG+AhXdcR3L846g2rmjanxp4827T2ISxqc1CHNxgY8/2jmcfYsQI65rwL00XUPGJlnRk3wyb6ynG3nXgbpl+B9pxD1r/ryg8UOXyYO6RdXlo593/d+8seykSAWnLeaSf11bzBYmnnty3HpF0fARIpziOfXEHkNPADr+5iHAMbGQN9GMTr4bUyK/QW2VrwN+xqdTNkfrZyfH/uWRLJDxARSTEPxpun3azyZR46/mytZzCvkcT5IcbYP7TBn9qb8Dtir94KxnobZuArXpmcGO+8F8Ajz0tHdoX+T4X/fztl+4/VTlrdtIl+Ma/mnke6VM2FJryqLDuu4KHlYZ3w0VsbbYZyP0HcOqXNzy4XJYKHZS2H0bTaQMDQna9GnUOwiDH7a9+OGJXgQrPFUHUdBDNiAD0DBqUPnZjQ0flOfZi64fPfZLC3joHlYra0qHUmjFecP9jzAvgVycvHqNRrGNobmeOIS8PvInEql7O5PvXzuzdjOHT8sZxctLsVmodCfJua0ZFU4z4zyr29OCJme7cjr5nE4H0N8m395NGmswLfACCl0hkG02tJTgdTEWETTKR1vWFMyditu4FaDa1ZHd/vxOeOWviqZZzx0qK2aXzA1a2JJejgZfluscGQnX5muad4bD8lu9N8zt9QUdMVNeXGtjq8uvukw+OwgXm0Oex5A5MTM+k/TNPCCc0k1oloM6mGYIbORxqqCbwhxBCfnmEgp8POzxy++1Ju2/5f+igKz7VySjLZdFKsGWH3oUqOgqf5XGKS7Ax7cxDWVPYTDOp3vLAkY5M+ajDi7ReieCZTGhPYGdZCZH+YnZQ1k1fwx76K33qK2Yr9cCUBPD2yn5Lh0+BtoLsWE1SjbOPICy6N/w178IaqF+5b7KdakXkqxN5hgv4N0RxhOf8TfV3bfipkr9kB/noPdOM3YHBfVbwyfXNozODd+avB863Ix85urIji22O5FLsOjO69CS2BrcjtWqbOrnyvoFvDgJg6ldFh3OLR0nBOsCZXnfEqH8G3Y9V6MAT+VuArNcW8k3O3ZYkn+ZPbEsmnBFMKM9O+a4rH3BCs7UZ5kba7irI5Whm6cp2/DB71dMAj6ot6JyfLumB5OhXEIDLKCeG93SJejbvlS2zRwpAGLIIXD3F5R2gycr0fnD6U0CNYH/TjlpYz8VzRMkzx9EMxvsNtwbM0uKt9JAwwMavH8EOPtDAzezsQQMvdSnIiAv6nbK7yMfxArf/SD91DO2fJQPNDOzei3YQYzP0iuC0UXVT7dKhaVzwduj4B3GlaO9TXz88Ne7/r427WCnAKBPYI+klFZTKGm5BcH0zTHRRgZ/8LwyIBx9AEjXOvRHTujWfULTeOXYZZ6PiYBLSp1b0w76svCYPyucsEvAg7g6NwVvnJ8JbHkqtL8+yrZMBzmeCd40+zbE3EOnhvw9MMEA+OQdFbJFeecbt4EId/yYDDHB2CK8cXOzptUfnG0Arx1JN3sGdLJ/xSqPlbnO6gMWF6Hq9mzQ9FFmy9Fxt9Rp4HqaUI8E2l9hyFlPzqlODru3xlppUjppNSGOZkIe7siHPxwpPyC0TXdEk3B4WsaczT2w7VWR6lpAILvGNr9kw+avkkEqxp1Hu3Fc8ZX9Na5oRnCeazlHrZLrb7pYDs3GSnL0Gu/ilpAiApNf4T41xG3LZpfX6thm+DdUkluHBY8bVvNvJFftNQlBKuQ2Q63+2Gp60/VewStTK0CfYzNmlDei/oTK9mRVgQnyKiTxz5vKzP6YOIwVs0duy8UefWCgi1Zk5ae6zDc2DqfFZIuVH3K51LrrzNDc2R+1zymaTLFX1731XGr6f5yK63AZqgpmdAwbEKZ2WdnH/bdGvpKGft/NV7P5Q0myzAAAAAASUVORK5CYII=\"/>\n</svg>\n`;\n\n/**\n * safari/firefox 中指定样式表\n * 1. 样式计算会导致所有css变量被生成到dom元素中,导致svg过大无法正常序列化\n * 2. boxShadow 渲染效果有问题排除掉\n */\nexport const EXPORT_IMAGE_STYLE_PROPERTIES = [\n 'width',\n 'height',\n 'box-sizing',\n 'display',\n 'align-items',\n 'justify-content',\n 'font-size',\n 'gap',\n 'color',\n 'background',\n 'background-color',\n 'font',\n 'font-family',\n 'fill',\n 'stroke',\n 'stroke-width',\n 'margin',\n 'padding',\n 'padding-left',\n 'padding-top',\n 'padding-bottom',\n 'padding-right',\n 'flex-direction',\n 'filter',\n 'position',\n 'top',\n 'left',\n 'bottom',\n 'right',\n 'content',\n 'line-height',\n 'text-decoration',\n 'border-radius',\n 'opacity',\n 'border-right',\n 'border-left',\n 'border-width',\n 'border-style',\n 'border-color',\n 'margin-right',\n 'margin-left',\n 'margin-top',\n 'margin-bottom',\n 'white-space',\n 'overflow',\n 'text-overflow',\n 'font-weight',\n 'min-width',\n 'min-height',\n 'transform',\n 'z-index',\n 'flex',\n 'border-width',\n 'text-wrap',\n 'word-break',\n 'vertical-align',\n 'aspect-ratio',\n 'object-fit',\n 'align-content',\n 'align-self',\n 'background-attachment',\n 'background-clip',\n 'background-image',\n 'background-origin',\n 'background-repeat',\n 'background-size',\n 'block-size',\n 'border-block-end-color',\n 'border-block-end-style',\n 'border-block-end-width',\n 'border-block-start-color',\n 'border-block-start-style',\n 'border-block-start-width',\n 'border-bottom-color',\n 'border-bottom-style',\n 'border-bottom-width',\n 'border-bottom-left-radius',\n 'border-bottom-right-radius',\n 'border-end-end-radius',\n 'border-end-start-radius',\n 'border-inline-end-color',\n 'border-inline-end-style',\n 'border-inline-end-width',\n 'border-inline-start-color',\n 'border-inline-start-style',\n 'border-inline-start-width',\n 'border-right-color',\n 'border-right-style',\n 'border-right-width',\n 'border-start-end-radius',\n 'border-start-start-radius',\n 'border-top-color',\n 'border-top-style',\n 'border-top-width',\n 'border-top-left-radius',\n 'border-top-right-radius',\n 'flex-basis',\n 'flex-grow',\n 'flex-shrink',\n 'flex-wrap',\n 'font-kerning',\n 'font-palette',\n 'font-stretch',\n 'font-style',\n 'inline-size',\n 'inset-block-end',\n 'inset-block-start',\n 'inset-inline-end',\n 'inset-inline-start',\n 'justify-items',\n 'justify-self',\n 'line-break',\n 'margin-trim',\n 'margin-inline-end',\n 'margin-inline-start',\n 'min-block-size',\n 'min-inline-size',\n 'overflow-wrap',\n 'overflow-x',\n 'overflow-y',\n 'perspective-origin',\n 'transform-box',\n 'transform-origin',\n 'transform-style',\n 'grid-template',\n 'grid-template-rows',\n 'grid-template-columns',\n 'grid-template-areas',\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum FlowDownloadFormat {\n JSON = 'json',\n YAML = 'yaml',\n PNG = 'png',\n JPEG = 'jpeg',\n SVG = 'svg',\n}\n\nexport const FlowImageFormats = [\n FlowDownloadFormat.PNG,\n FlowDownloadFormat.JPEG,\n FlowDownloadFormat.SVG,\n];\n\nexport const FlowDataFormats = [FlowDownloadFormat.JSON, FlowDownloadFormat.YAML];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { nanoid } from 'nanoid';\nimport { inject, injectable } from 'inversify';\nimport { DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport type { DownloadServiceOptions, WorkflowDownloadParams } from './type';\nimport { WorkflowExportImageService } from '../export-image-service';\nimport { FlowDataFormats, FlowDownloadFormat, FlowImageFormats } from '../constant';\n\n@injectable()\nexport class FlowDownloadService {\n @inject(FlowDocument) private readonly document: FlowDocument;\n\n @inject(WorkflowExportImageService)\n private readonly exportImageService: WorkflowExportImageService;\n\n private toDispose: DisposableCollection = new DisposableCollection();\n\n public downloading = false;\n\n private onDownloadingChangeEmitter = new Emitter<boolean>();\n\n private options: DownloadServiceOptions = {};\n\n public onDownloadingChange = this.onDownloadingChangeEmitter.event;\n\n public init(options?: Partial<DownloadServiceOptions>) {\n this.options = options ?? {};\n this.toDispose.push(this.onDownloadingChangeEmitter);\n }\n\n public dispose(): void {\n this.toDispose.dispose();\n }\n\n public async download(params: WorkflowDownloadParams): Promise<void> {\n if (this.downloading) {\n return;\n }\n\n const { format } = params;\n\n if (FlowImageFormats.includes(format)) {\n await this.handleImageDownload(format);\n } else if (FlowDataFormats.includes(format)) {\n await this.handleDataDownload(format);\n }\n }\n\n public setDownloading(value: boolean) {\n this.downloading = value;\n this.onDownloadingChangeEmitter.fire(value);\n }\n\n private async handleImageDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadImage(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async handleDataDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadData(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async downloadData(format: FlowDownloadFormat): Promise<void> {\n const json = this.document.toJSON();\n const { content, mimeType } = await this.formatDataContent(json, format);\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const filename = this.getFileName(format);\n\n this.downloadFile(url, filename);\n URL.revokeObjectURL(url);\n }\n\n private async formatDataContent(\n json: unknown,\n format: FlowDownloadFormat\n ): Promise<{ content: string; mimeType: string }> {\n if (format === FlowDownloadFormat.YAML) {\n const yaml = await import('js-yaml');\n return {\n content: yaml.dump(json, {\n indent: 2,\n lineWidth: -1,\n noRefs: true,\n }),\n mimeType: 'application/x-yaml',\n };\n }\n\n return {\n content: JSON.stringify(json, null, 2),\n mimeType: 'application/json',\n };\n }\n\n private async downloadImage(format: FlowDownloadFormat): Promise<void> {\n const imageUrl = await this.exportImageService.export({\n format,\n watermarkSVG: this.options.watermarkSVG,\n });\n if (!imageUrl) {\n return;\n }\n\n const filename = this.getFileName(format);\n this.downloadFile(imageUrl, filename);\n }\n\n private getFileName(format: FlowDownloadFormat): string {\n if (this.options.getFilename) {\n return this.options.getFilename(format);\n }\n return `flowgram-${nanoid(5)}.${format}`;\n }\n\n private downloadFile(href: string, filename: string): void {\n const link = document.createElement('a');\n link.href = href;\n link.download = filename;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n}\n"],"mappings":"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","names":["document","FlowDownloadFormat","inject","injectable","FlowDocument","inject","FlowDocument","injectable"]}
|
package/dist/index.js
CHANGED
|
@@ -342,6 +342,15 @@ var FlowExportImageService = class {
|
|
|
342
342
|
if (cloned?.classList?.contains("gedit-flow-render-layer")) {
|
|
343
343
|
this.handleCanvas(cloned, width, height, options);
|
|
344
344
|
}
|
|
345
|
+
this.handleTextareaValue(cloned);
|
|
346
|
+
}
|
|
347
|
+
handleTextareaValue(cloned) {
|
|
348
|
+
if (cloned.tagName !== "TEXTAREA") {
|
|
349
|
+
return;
|
|
350
|
+
}
|
|
351
|
+
const textarea = cloned;
|
|
352
|
+
const value = textarea.getAttribute("value") || textarea.value || "";
|
|
353
|
+
textarea.textContent = value;
|
|
345
354
|
}
|
|
346
355
|
// 处理克隆节点
|
|
347
356
|
handleFixedClone(cloned, {
|
|
@@ -360,6 +369,7 @@ var FlowExportImageService = class {
|
|
|
360
369
|
cloned.appendChild(linesLayer);
|
|
361
370
|
this.handleCanvas(cloned, width, height, options);
|
|
362
371
|
}
|
|
372
|
+
this.handleTextareaValue(cloned);
|
|
363
373
|
}
|
|
364
374
|
// 处理节点位置
|
|
365
375
|
handlePosition(cloned, x, y) {
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/create-plugin.ts","../src/export-image-service/service.ts","../src/export-image-service/utils.ts","../src/export-image-service/constant.ts","../src/constant.ts","../src/download-service/service.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport { createDownloadPlugin } from './create-plugin';\nexport { FlowDownloadService, type DownloadServiceOptions } from './download-service';\nexport { type CreateDownloadPluginOptions } from './type';\nexport { FlowDownloadFormat } from './constant';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator, PluginContext } from '@flowgram.ai/core';\n\nimport { CreateDownloadPluginOptions } from './type';\nimport { WorkflowExportImageService } from './export-image-service';\nimport { FlowDownloadService } from './download-service';\n\nexport const createDownloadPlugin = definePluginCreator<CreateDownloadPluginOptions>({\n onBind: ({ bind }) => {\n bind(WorkflowExportImageService).toSelf().inSingletonScope();\n bind(FlowDownloadService).toSelf().inSingletonScope();\n },\n onInit: (ctx: PluginContext, opts: CreateDownloadPluginOptions) => {\n ctx.get(FlowDownloadService).init(opts);\n },\n onDispose: (ctx: PluginContext) => {\n ctx.get(FlowDownloadService).dispose();\n },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport { getWorkflowRect } from './utils';\nimport { type IFlowExportImageService, type ExportImageOptions } from './type';\nimport {\n IN_SAFARI,\n IN_FIREFOX,\n EXPORT_IMAGE_WATERMARK_SVG,\n EXPORT_IMAGE_STYLE_PROPERTIES,\n} from './constant';\nimport { FlowDownloadFormat } from '../constant';\n\nconst PADDING_X = 58;\nconst PADDING_Y = 138;\n\n@injectable()\nexport class FlowExportImageService implements IFlowExportImageService {\n private modernScreenshot: any;\n\n @inject(FlowDocument)\n private document: FlowDocument;\n\n public async export(options: ExportImageOptions): Promise<string | undefined> {\n try {\n const imgUrl = await this.doExport(options);\n return imgUrl;\n } catch (e) {\n console.error('Export image failed:', e);\n return;\n }\n }\n\n private async loadModernScreenshot() {\n if (this.modernScreenshot) {\n return this.modernScreenshot;\n }\n\n const modernScreenshot = await import('modern-screenshot');\n this.modernScreenshot = modernScreenshot;\n }\n\n private async doExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n if (this.document.layout.name.includes('fixed-layout')) {\n return await this.doFixedExport(exportOptions);\n }\n return await this.doFreeExport(exportOptions);\n }\n\n private async doFreeExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n // const el = this.stackingContextManager.node as HTMLElement;\n const renderLayer = window.document.querySelector('.gedit-flow-render-layer') as HTMLElement;\n\n if (!renderLayer) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFreeClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(renderLayer, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(renderLayer, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(renderLayer, options);\n break;\n default:\n imgUrl = await domToPng(renderLayer, options);\n }\n return imgUrl;\n }\n\n private async doFixedExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n\n const el = window.document.querySelector('.gedit-flow-nodes-layer') as HTMLElement;\n\n if (!el) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFixedClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(el, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(el, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(el, options);\n break;\n default:\n imgUrl = await domToPng(el, options);\n }\n return imgUrl;\n }\n\n private async svgToDataURL(svg: SVGElement): Promise<string> {\n return Promise.resolve()\n .then(() => new XMLSerializer().serializeToString(svg))\n .then(encodeURIComponent)\n .then((html) => `data:image/svg+xml;charset=utf-8,${html}`);\n }\n\n // 处理克隆节点\n private handleFreeClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-render-layer')) {\n this.handleCanvas(cloned, width, height, options);\n }\n }\n\n // 处理克隆节点\n private handleFixedClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-nodes-layer')) {\n const linesLayer = window.document\n .querySelector('.gedit-flow-lines-layer')\n ?.cloneNode(true) as HTMLElement;\n this.handleLines(linesLayer, width, height);\n cloned.appendChild(linesLayer);\n this.handleCanvas(cloned, width, height, options);\n }\n }\n\n // 处理节点位置\n private handlePosition(cloned: HTMLElement, x: number, y: number) {\n cloned.style.transform = `translate(${-x + PADDING_X}px, ${-y + PADDING_Y}px)`;\n }\n\n // 处理画布\n private handleLines(cloned: HTMLElement, width: number, height: number) {\n cloned.style.position = 'absolute';\n cloned.style.width = `${width}px`;\n cloned.style.height = `${height}px`;\n cloned.style.left = `${width / 2 - PADDING_X}px`;\n cloned.style.top = `${PADDING_Y}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = 'transparent';\n cloned.querySelector('.flow-lines-container')!.setAttribute('viewBox', `0 0 1000 1000`);\n }\n\n // 处理画布\n private handleCanvas(\n cloned: HTMLElement,\n width: number,\n height: number,\n options: ExportImageOptions\n ) {\n cloned.style.width = `${width + PADDING_X * 2}px`;\n cloned.style.height = `${height + PADDING_Y * 2}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = '#ECECEE';\n this.handleWaterMark(cloned, options);\n }\n\n // 添加水印节点\n private handleWaterMark(element: HTMLElement, options: ExportImageOptions) {\n const watermarkNode = document.createElement('div');\n // 水印svg\n watermarkNode.innerHTML = options?.watermarkSVG ?? EXPORT_IMAGE_WATERMARK_SVG;\n watermarkNode.style.position = 'absolute';\n watermarkNode.style.bottom = '32px';\n watermarkNode.style.right = '32px';\n watermarkNode.style.zIndex = '999999';\n element.appendChild(watermarkNode);\n }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FlowDocument, FlowNodeEntity } from '@flowgram.ai/document';\nimport { TransformData } from '@flowgram.ai/core';\n\nconst getNodesRect = (nodes: FlowNodeEntity[]) => {\n const rects = nodes\n .map((node) => node.getData<TransformData>(TransformData)?.bounds)\n .filter(Boolean);\n const x1 = Math.min(...rects.map((rect) => rect.x));\n const x2 = Math.max(...rects.map((rect) => rect.x + rect.width));\n const y1 = Math.min(...rects.map((rect) => rect.y));\n const y2 = Math.max(...rects.map((rect) => rect.y + rect.height));\n\n const width = x2 - x1;\n const height = y2 - y1;\n\n return {\n width,\n height,\n x: x1,\n y: y1,\n };\n};\n\n/**\n * 获取流程所有节点矩形坐标\n */\nexport const getWorkflowRect = (document: FlowDocument) => getNodesRect(document.getAllNodes());\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nconst USER_AGENT = navigator?.userAgent ?? '';\nexport const IN_CHROME = USER_AGENT.includes('Chrome');\nexport const IN_SAFARI = USER_AGENT.includes('AppleWebKit') && !IN_CHROME;\nexport const IN_FIREFOX = USER_AGENT.includes('Firefox');\n\nexport const EXPORT_IMAGE_WATERMARK_SVG = `\n<svg width=\"201\" height=\"133\" viewBox=\"0 0 201 133\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <image id=\"-\" x=\"0\" y=\"0\" width=\"200\" height=\"133\" xlink:href=\"data:image/png;base64, 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\"/>\n</svg>\n`;\n\n/**\n * safari/firefox 中指定样式表\n * 1. 样式计算会导致所有css变量被生成到dom元素中,导致svg过大无法正常序列化\n * 2. boxShadow 渲染效果有问题排除掉\n */\nexport const EXPORT_IMAGE_STYLE_PROPERTIES = [\n 'width',\n 'height',\n 'box-sizing',\n 'display',\n 'align-items',\n 'justify-content',\n 'font-size',\n 'gap',\n 'color',\n 'background',\n 'background-color',\n 'font',\n 'font-family',\n 'fill',\n 'stroke',\n 'stroke-width',\n 'margin',\n 'padding',\n 'padding-left',\n 'padding-top',\n 'padding-bottom',\n 'padding-right',\n 'flex-direction',\n 'filter',\n 'position',\n 'top',\n 'left',\n 'bottom',\n 'right',\n 'content',\n 'line-height',\n 'text-decoration',\n 'border-radius',\n 'opacity',\n 'border-right',\n 'border-left',\n 'border-width',\n 'border-style',\n 'border-color',\n 'margin-right',\n 'margin-left',\n 'margin-top',\n 'margin-bottom',\n 'white-space',\n 'overflow',\n 'text-overflow',\n 'font-weight',\n 'min-width',\n 'min-height',\n 'transform',\n 'z-index',\n 'flex',\n 'border-width',\n 'text-wrap',\n 'word-break',\n 'vertical-align',\n 'aspect-ratio',\n 'object-fit',\n 'align-content',\n 'align-self',\n 'background-attachment',\n 'background-clip',\n 'background-image',\n 'background-origin',\n 'background-repeat',\n 'background-size',\n 'block-size',\n 'border-block-end-color',\n 'border-block-end-style',\n 'border-block-end-width',\n 'border-block-start-color',\n 'border-block-start-style',\n 'border-block-start-width',\n 'border-bottom-color',\n 'border-bottom-style',\n 'border-bottom-width',\n 'border-bottom-left-radius',\n 'border-bottom-right-radius',\n 'border-end-end-radius',\n 'border-end-start-radius',\n 'border-inline-end-color',\n 'border-inline-end-style',\n 'border-inline-end-width',\n 'border-inline-start-color',\n 'border-inline-start-style',\n 'border-inline-start-width',\n 'border-right-color',\n 'border-right-style',\n 'border-right-width',\n 'border-start-end-radius',\n 'border-start-start-radius',\n 'border-top-color',\n 'border-top-style',\n 'border-top-width',\n 'border-top-left-radius',\n 'border-top-right-radius',\n 'flex-basis',\n 'flex-grow',\n 'flex-shrink',\n 'flex-wrap',\n 'font-kerning',\n 'font-palette',\n 'font-stretch',\n 'font-style',\n 'inline-size',\n 'inset-block-end',\n 'inset-block-start',\n 'inset-inline-end',\n 'inset-inline-start',\n 'justify-items',\n 'justify-self',\n 'line-break',\n 'margin-trim',\n 'margin-inline-end',\n 'margin-inline-start',\n 'min-block-size',\n 'min-inline-size',\n 'overflow-wrap',\n 'overflow-x',\n 'overflow-y',\n 'perspective-origin',\n 'transform-box',\n 'transform-origin',\n 'transform-style',\n 'grid-template',\n 'grid-template-rows',\n 'grid-template-columns',\n 'grid-template-areas',\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum FlowDownloadFormat {\n JSON = 'json',\n YAML = 'yaml',\n PNG = 'png',\n JPEG = 'jpeg',\n SVG = 'svg',\n}\n\nexport const FlowImageFormats = [\n FlowDownloadFormat.PNG,\n FlowDownloadFormat.JPEG,\n FlowDownloadFormat.SVG,\n];\n\nexport const FlowDataFormats = [FlowDownloadFormat.JSON, FlowDownloadFormat.YAML];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { nanoid } from 'nanoid';\nimport { inject, injectable } from 'inversify';\nimport { DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport type { DownloadServiceOptions, WorkflowDownloadParams } from './type';\nimport { WorkflowExportImageService } from '../export-image-service';\nimport { FlowDataFormats, FlowDownloadFormat, FlowImageFormats } from '../constant';\n\n@injectable()\nexport class FlowDownloadService {\n @inject(FlowDocument) private readonly document: FlowDocument;\n\n @inject(WorkflowExportImageService)\n private readonly exportImageService: WorkflowExportImageService;\n\n private toDispose: DisposableCollection = new DisposableCollection();\n\n public downloading = false;\n\n private onDownloadingChangeEmitter = new Emitter<boolean>();\n\n private options: DownloadServiceOptions = {};\n\n public onDownloadingChange = this.onDownloadingChangeEmitter.event;\n\n public init(options?: Partial<DownloadServiceOptions>) {\n this.options = options ?? {};\n this.toDispose.push(this.onDownloadingChangeEmitter);\n }\n\n public dispose(): void {\n this.toDispose.dispose();\n }\n\n public async download(params: WorkflowDownloadParams): Promise<void> {\n if (this.downloading) {\n return;\n }\n\n const { format } = params;\n\n if (FlowImageFormats.includes(format)) {\n await this.handleImageDownload(format);\n } else if (FlowDataFormats.includes(format)) {\n await this.handleDataDownload(format);\n }\n }\n\n public setDownloading(value: boolean) {\n this.downloading = value;\n this.onDownloadingChangeEmitter.fire(value);\n }\n\n private async handleImageDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadImage(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async handleDataDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadData(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async downloadData(format: FlowDownloadFormat): Promise<void> {\n const json = this.document.toJSON();\n const { content, mimeType } = await this.formatDataContent(json, format);\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const filename = this.getFileName(format);\n\n this.downloadFile(url, filename);\n URL.revokeObjectURL(url);\n }\n\n private async formatDataContent(\n json: unknown,\n format: FlowDownloadFormat\n ): Promise<{ content: string; mimeType: string }> {\n if (format === FlowDownloadFormat.YAML) {\n const yaml = await import('js-yaml');\n return {\n content: yaml.dump(json, {\n indent: 2,\n lineWidth: -1,\n noRefs: true,\n }),\n mimeType: 'application/x-yaml',\n };\n }\n\n return {\n content: JSON.stringify(json, null, 2),\n mimeType: 'application/json',\n };\n }\n\n private async downloadImage(format: FlowDownloadFormat): Promise<void> {\n const imageUrl = await this.exportImageService.export({\n format,\n watermarkSVG: this.options.watermarkSVG,\n });\n if (!imageUrl) {\n return;\n }\n\n const filename = this.getFileName(format);\n this.downloadFile(imageUrl, filename);\n }\n\n private getFileName(format: FlowDownloadFormat): string {\n if (this.options.getFilename) {\n return this.options.getFilename(format);\n }\n return `flowgram-${nanoid(5)}.${format}`;\n }\n\n private downloadFile(href: string, filename: string): void {\n const link = document.createElement('a');\n link.href = href;\n link.download = filename;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n}\n"],"mappings":"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","names":["import_core","document","FlowDownloadFormat","import_inversify","import_utils","import_document"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/create-plugin.ts","../src/export-image-service/service.ts","../src/export-image-service/utils.ts","../src/export-image-service/constant.ts","../src/constant.ts","../src/download-service/service.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport { createDownloadPlugin } from './create-plugin';\nexport { FlowDownloadService, type DownloadServiceOptions } from './download-service';\nexport { type CreateDownloadPluginOptions } from './type';\nexport { FlowDownloadFormat } from './constant';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator, PluginContext } from '@flowgram.ai/core';\n\nimport { CreateDownloadPluginOptions } from './type';\nimport { WorkflowExportImageService } from './export-image-service';\nimport { FlowDownloadService } from './download-service';\n\nexport const createDownloadPlugin = definePluginCreator<CreateDownloadPluginOptions>({\n onBind: ({ bind }) => {\n bind(WorkflowExportImageService).toSelf().inSingletonScope();\n bind(FlowDownloadService).toSelf().inSingletonScope();\n },\n onInit: (ctx: PluginContext, opts: CreateDownloadPluginOptions) => {\n ctx.get(FlowDownloadService).init(opts);\n },\n onDispose: (ctx: PluginContext) => {\n ctx.get(FlowDownloadService).dispose();\n },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport { getWorkflowRect } from './utils';\nimport { type IFlowExportImageService, type ExportImageOptions } from './type';\nimport {\n IN_SAFARI,\n IN_FIREFOX,\n EXPORT_IMAGE_WATERMARK_SVG,\n EXPORT_IMAGE_STYLE_PROPERTIES,\n} from './constant';\nimport { FlowDownloadFormat } from '../constant';\n\nconst PADDING_X = 58;\nconst PADDING_Y = 138;\n\n@injectable()\nexport class FlowExportImageService implements IFlowExportImageService {\n private modernScreenshot: any;\n\n @inject(FlowDocument)\n private document: FlowDocument;\n\n public async export(options: ExportImageOptions): Promise<string | undefined> {\n try {\n const imgUrl = await this.doExport(options);\n return imgUrl;\n } catch (e) {\n console.error('Export image failed:', e);\n return;\n }\n }\n\n private async loadModernScreenshot() {\n if (this.modernScreenshot) {\n return this.modernScreenshot;\n }\n\n const modernScreenshot = await import('modern-screenshot');\n this.modernScreenshot = modernScreenshot;\n }\n\n private async doExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n if (this.document.layout.name.includes('fixed-layout')) {\n return await this.doFixedExport(exportOptions);\n }\n return await this.doFreeExport(exportOptions);\n }\n\n private async doFreeExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n // const el = this.stackingContextManager.node as HTMLElement;\n const renderLayer = window.document.querySelector('.gedit-flow-render-layer') as HTMLElement;\n\n if (!renderLayer) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFreeClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(renderLayer, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(renderLayer, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(renderLayer, options);\n break;\n default:\n imgUrl = await domToPng(renderLayer, options);\n }\n return imgUrl;\n }\n\n private async doFixedExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n\n const el = window.document.querySelector('.gedit-flow-nodes-layer') as HTMLElement;\n\n if (!el) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFixedClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(el, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(el, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(el, options);\n break;\n default:\n imgUrl = await domToPng(el, options);\n }\n return imgUrl;\n }\n\n private async svgToDataURL(svg: SVGElement): Promise<string> {\n return Promise.resolve()\n .then(() => new XMLSerializer().serializeToString(svg))\n .then(encodeURIComponent)\n .then((html) => `data:image/svg+xml;charset=utf-8,${html}`);\n }\n\n // 处理克隆节点\n private handleFreeClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-render-layer')) {\n this.handleCanvas(cloned, width, height, options);\n }\n\n this.handleTextareaValue(cloned);\n }\n\n private handleTextareaValue(cloned: HTMLElement) {\n if (cloned.tagName !== 'TEXTAREA') {\n return;\n }\n const textarea = cloned as HTMLTextAreaElement;\n const value = textarea.getAttribute('value') || textarea.value || '';\n textarea.textContent = value;\n }\n\n // 处理克隆节点\n private handleFixedClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-nodes-layer')) {\n const linesLayer = window.document\n .querySelector('.gedit-flow-lines-layer')\n ?.cloneNode(true) as HTMLElement;\n this.handleLines(linesLayer, width, height);\n cloned.appendChild(linesLayer);\n this.handleCanvas(cloned, width, height, options);\n }\n\n this.handleTextareaValue(cloned);\n }\n\n // 处理节点位置\n private handlePosition(cloned: HTMLElement, x: number, y: number) {\n cloned.style.transform = `translate(${-x + PADDING_X}px, ${-y + PADDING_Y}px)`;\n }\n\n // 处理画布\n private handleLines(cloned: HTMLElement, width: number, height: number) {\n cloned.style.position = 'absolute';\n cloned.style.width = `${width}px`;\n cloned.style.height = `${height}px`;\n cloned.style.left = `${width / 2 - PADDING_X}px`;\n cloned.style.top = `${PADDING_Y}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = 'transparent';\n cloned.querySelector('.flow-lines-container')!.setAttribute('viewBox', `0 0 1000 1000`);\n }\n\n // 处理画布\n private handleCanvas(\n cloned: HTMLElement,\n width: number,\n height: number,\n options: ExportImageOptions\n ) {\n cloned.style.width = `${width + PADDING_X * 2}px`;\n cloned.style.height = `${height + PADDING_Y * 2}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = '#ECECEE';\n this.handleWaterMark(cloned, options);\n }\n\n // 添加水印节点\n private handleWaterMark(element: HTMLElement, options: ExportImageOptions) {\n const watermarkNode = document.createElement('div');\n // 水印svg\n watermarkNode.innerHTML = options?.watermarkSVG ?? EXPORT_IMAGE_WATERMARK_SVG;\n watermarkNode.style.position = 'absolute';\n watermarkNode.style.bottom = '32px';\n watermarkNode.style.right = '32px';\n watermarkNode.style.zIndex = '999999';\n element.appendChild(watermarkNode);\n }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FlowDocument, FlowNodeEntity } from '@flowgram.ai/document';\nimport { TransformData } from '@flowgram.ai/core';\n\nconst getNodesRect = (nodes: FlowNodeEntity[]) => {\n const rects = nodes\n .map((node) => node.getData<TransformData>(TransformData)?.bounds)\n .filter(Boolean);\n const x1 = Math.min(...rects.map((rect) => rect.x));\n const x2 = Math.max(...rects.map((rect) => rect.x + rect.width));\n const y1 = Math.min(...rects.map((rect) => rect.y));\n const y2 = Math.max(...rects.map((rect) => rect.y + rect.height));\n\n const width = x2 - x1;\n const height = y2 - y1;\n\n return {\n width,\n height,\n x: x1,\n y: y1,\n };\n};\n\n/**\n * 获取流程所有节点矩形坐标\n */\nexport const getWorkflowRect = (document: FlowDocument) => getNodesRect(document.getAllNodes());\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nconst USER_AGENT = navigator?.userAgent ?? '';\nexport const IN_CHROME = USER_AGENT.includes('Chrome');\nexport const IN_SAFARI = USER_AGENT.includes('AppleWebKit') && !IN_CHROME;\nexport const IN_FIREFOX = USER_AGENT.includes('Firefox');\n\nexport const EXPORT_IMAGE_WATERMARK_SVG = `\n<svg width=\"201\" height=\"133\" viewBox=\"0 0 201 133\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <image id=\"-\" x=\"0\" y=\"0\" width=\"200\" height=\"133\" xlink:href=\"data:image/png;base64, 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\"/>\n</svg>\n`;\n\n/**\n * safari/firefox 中指定样式表\n * 1. 样式计算会导致所有css变量被生成到dom元素中,导致svg过大无法正常序列化\n * 2. boxShadow 渲染效果有问题排除掉\n */\nexport const EXPORT_IMAGE_STYLE_PROPERTIES = [\n 'width',\n 'height',\n 'box-sizing',\n 'display',\n 'align-items',\n 'justify-content',\n 'font-size',\n 'gap',\n 'color',\n 'background',\n 'background-color',\n 'font',\n 'font-family',\n 'fill',\n 'stroke',\n 'stroke-width',\n 'margin',\n 'padding',\n 'padding-left',\n 'padding-top',\n 'padding-bottom',\n 'padding-right',\n 'flex-direction',\n 'filter',\n 'position',\n 'top',\n 'left',\n 'bottom',\n 'right',\n 'content',\n 'line-height',\n 'text-decoration',\n 'border-radius',\n 'opacity',\n 'border-right',\n 'border-left',\n 'border-width',\n 'border-style',\n 'border-color',\n 'margin-right',\n 'margin-left',\n 'margin-top',\n 'margin-bottom',\n 'white-space',\n 'overflow',\n 'text-overflow',\n 'font-weight',\n 'min-width',\n 'min-height',\n 'transform',\n 'z-index',\n 'flex',\n 'border-width',\n 'text-wrap',\n 'word-break',\n 'vertical-align',\n 'aspect-ratio',\n 'object-fit',\n 'align-content',\n 'align-self',\n 'background-attachment',\n 'background-clip',\n 'background-image',\n 'background-origin',\n 'background-repeat',\n 'background-size',\n 'block-size',\n 'border-block-end-color',\n 'border-block-end-style',\n 'border-block-end-width',\n 'border-block-start-color',\n 'border-block-start-style',\n 'border-block-start-width',\n 'border-bottom-color',\n 'border-bottom-style',\n 'border-bottom-width',\n 'border-bottom-left-radius',\n 'border-bottom-right-radius',\n 'border-end-end-radius',\n 'border-end-start-radius',\n 'border-inline-end-color',\n 'border-inline-end-style',\n 'border-inline-end-width',\n 'border-inline-start-color',\n 'border-inline-start-style',\n 'border-inline-start-width',\n 'border-right-color',\n 'border-right-style',\n 'border-right-width',\n 'border-start-end-radius',\n 'border-start-start-radius',\n 'border-top-color',\n 'border-top-style',\n 'border-top-width',\n 'border-top-left-radius',\n 'border-top-right-radius',\n 'flex-basis',\n 'flex-grow',\n 'flex-shrink',\n 'flex-wrap',\n 'font-kerning',\n 'font-palette',\n 'font-stretch',\n 'font-style',\n 'inline-size',\n 'inset-block-end',\n 'inset-block-start',\n 'inset-inline-end',\n 'inset-inline-start',\n 'justify-items',\n 'justify-self',\n 'line-break',\n 'margin-trim',\n 'margin-inline-end',\n 'margin-inline-start',\n 'min-block-size',\n 'min-inline-size',\n 'overflow-wrap',\n 'overflow-x',\n 'overflow-y',\n 'perspective-origin',\n 'transform-box',\n 'transform-origin',\n 'transform-style',\n 'grid-template',\n 'grid-template-rows',\n 'grid-template-columns',\n 'grid-template-areas',\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum FlowDownloadFormat {\n JSON = 'json',\n YAML = 'yaml',\n PNG = 'png',\n JPEG = 'jpeg',\n SVG = 'svg',\n}\n\nexport const FlowImageFormats = [\n FlowDownloadFormat.PNG,\n FlowDownloadFormat.JPEG,\n FlowDownloadFormat.SVG,\n];\n\nexport const FlowDataFormats = [FlowDownloadFormat.JSON, FlowDownloadFormat.YAML];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { nanoid } from 'nanoid';\nimport { inject, injectable } from 'inversify';\nimport { DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport type { DownloadServiceOptions, WorkflowDownloadParams } from './type';\nimport { WorkflowExportImageService } from '../export-image-service';\nimport { FlowDataFormats, FlowDownloadFormat, FlowImageFormats } from '../constant';\n\n@injectable()\nexport class FlowDownloadService {\n @inject(FlowDocument) private readonly document: FlowDocument;\n\n @inject(WorkflowExportImageService)\n private readonly exportImageService: WorkflowExportImageService;\n\n private toDispose: DisposableCollection = new DisposableCollection();\n\n public downloading = false;\n\n private onDownloadingChangeEmitter = new Emitter<boolean>();\n\n private options: DownloadServiceOptions = {};\n\n public onDownloadingChange = this.onDownloadingChangeEmitter.event;\n\n public init(options?: Partial<DownloadServiceOptions>) {\n this.options = options ?? {};\n this.toDispose.push(this.onDownloadingChangeEmitter);\n }\n\n public dispose(): void {\n this.toDispose.dispose();\n }\n\n public async download(params: WorkflowDownloadParams): Promise<void> {\n if (this.downloading) {\n return;\n }\n\n const { format } = params;\n\n if (FlowImageFormats.includes(format)) {\n await this.handleImageDownload(format);\n } else if (FlowDataFormats.includes(format)) {\n await this.handleDataDownload(format);\n }\n }\n\n public setDownloading(value: boolean) {\n this.downloading = value;\n this.onDownloadingChangeEmitter.fire(value);\n }\n\n private async handleImageDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadImage(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async handleDataDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadData(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async downloadData(format: FlowDownloadFormat): Promise<void> {\n const json = this.document.toJSON();\n const { content, mimeType } = await this.formatDataContent(json, format);\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const filename = this.getFileName(format);\n\n this.downloadFile(url, filename);\n URL.revokeObjectURL(url);\n }\n\n private async formatDataContent(\n json: unknown,\n format: FlowDownloadFormat\n ): Promise<{ content: string; mimeType: string }> {\n if (format === FlowDownloadFormat.YAML) {\n const yaml = await import('js-yaml');\n return {\n content: yaml.dump(json, {\n indent: 2,\n lineWidth: -1,\n noRefs: true,\n }),\n mimeType: 'application/x-yaml',\n };\n }\n\n return {\n content: JSON.stringify(json, null, 2),\n mimeType: 'application/json',\n };\n }\n\n private async downloadImage(format: FlowDownloadFormat): Promise<void> {\n const imageUrl = await this.exportImageService.export({\n format,\n watermarkSVG: this.options.watermarkSVG,\n });\n if (!imageUrl) {\n return;\n }\n\n const filename = this.getFileName(format);\n this.downloadFile(imageUrl, filename);\n }\n\n private getFileName(format: FlowDownloadFormat): string {\n if (this.options.getFilename) {\n return this.options.getFilename(format);\n }\n return `flowgram-${nanoid(5)}.${format}`;\n }\n\n private downloadFile(href: string, filename: string): void {\n const link = document.createElement('a');\n link.href = href;\n link.download = filename;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACKA,IAAAA,eAAmD;;;ACAnD,uBAAmC;AACnC,sBAA6B;;;ACA7B,kBAA8B;AAE9B,IAAM,eAAe,CAAC,UAA4B;AAChD,QAAM,QAAQ,MACX,IAAI,CAAC,SAAS,KAAK,QAAuB,yBAAa,GAAG,MAAM,EAChE,OAAO,OAAO;AACjB,QAAM,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC;AAClD,QAAM,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,KAAK,KAAK,CAAC;AAC/D,QAAM,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC;AAClD,QAAM,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,KAAK,MAAM,CAAC;AAEhE,QAAM,QAAQ,KAAK;AACnB,QAAM,SAAS,KAAK;AAEpB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAKO,IAAM,kBAAkB,CAACC,cAA2B,aAAaA,UAAS,YAAY,CAAC;;;AC1B9F,IAAM,aAAa,WAAW,aAAa;AACpC,IAAM,YAAY,WAAW,SAAS,QAAQ;AAC9C,IAAM,YAAY,WAAW,SAAS,aAAa,KAAK,CAAC;AACzD,IAAM,aAAa,WAAW,SAAS,SAAS;AAEhD,IAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAWnC,IAAM,gCAAgC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;ACjJO,IAAK,qBAAL,kBAAKC,wBAAL;AACL,EAAAA,oBAAA,UAAO;AACP,EAAAA,oBAAA,UAAO;AACP,EAAAA,oBAAA,SAAM;AACN,EAAAA,oBAAA,UAAO;AACP,EAAAA,oBAAA,SAAM;AALI,SAAAA;AAAA,GAAA;AAQL,IAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kBAAkB,CAAC,mBAAyB,iBAAuB;;;AHDhF,IAAM,YAAY;AAClB,IAAM,YAAY;AAGX,IAAM,yBAAN,MAAgE;AAAA,EAMrE,MAAa,OAAO,SAA0D;AAC5E,QAAI;AACF,YAAM,SAAS,MAAM,KAAK,SAAS,OAAO;AAC1C,aAAO;AAAA,IACT,SAAS,GAAG;AACV,cAAQ,MAAM,wBAAwB,CAAC;AACvC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAc,uBAAuB;AACnC,QAAI,KAAK,kBAAkB;AACzB,aAAO,KAAK;AAAA,IACd;AAEA,UAAM,mBAAmB,MAAM,OAAO,mBAAmB;AACzD,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAEA,MAAc,SAAS,eAAgE;AACrF,QAAI,KAAK,SAAS,OAAO,KAAK,SAAS,cAAc,GAAG;AACtD,aAAO,MAAM,KAAK,cAAc,aAAa;AAAA,IAC/C;AACA,WAAO,MAAM,KAAK,aAAa,aAAa;AAAA,EAC9C;AAAA,EAEA,MAAc,aAAa,eAAgE;AACzF,UAAM,EAAE,OAAO,IAAI;AAEnB,UAAM,cAAc,OAAO,SAAS,cAAc,0BAA0B;AAE5E,QAAI,CAAC,aAAa;AAChB;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,QAAQ,GAAG,EAAE,IAAI,gBAAgB,KAAK,QAAQ;AAE7D,UAAM,KAAK,qBAAqB;AAChC,UAAM,EAAE,UAAU,uBAAuB,UAAU,IAAI,KAAK;AAC5D,QAAI;AACJ,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,wBAAwB,aAAa,aAAa,gCAAgC;AAAA,MAClF,OAAO,QAAQ,YAAY;AAAA,MAC3B,QAAQ,SAAS,YAAY;AAAA,MAC7B,iBAAiB,CAAC,WAAwB;AACxC,aAAK,gBAAgB,QAAQ,EAAE,OAAO,QAAQ,GAAG,GAAG,SAAS,cAAc,CAAC;AAAA,MAC9E;AAAA,IACF;AACA,YAAQ,QAAQ;AAAA,MACd;AACE,iBAAS,MAAM,SAAS,aAAa,OAAO;AAC5C;AAAA,MACF,sBAA6B;AAC3B,cAAM,MAAM,MAAM,sBAAsB,aAAa,OAAO;AAC5D,iBAAS,MAAM,KAAK,aAAa,GAAG;AACpC;AAAA,MACF;AAAA,MACA;AACE,iBAAS,MAAM,UAAU,aAAa,OAAO;AAC7C;AAAA,MACF;AACE,iBAAS,MAAM,SAAS,aAAa,OAAO;AAAA,IAChD;AACA,WAAO;AAAA,EACT;AAAA,EAEA,MAAc,cAAc,eAAgE;AAC1F,UAAM,EAAE,OAAO,IAAI;AAEnB,UAAM,KAAK,OAAO,SAAS,cAAc,yBAAyB;AAElE,QAAI,CAAC,IAAI;AACP;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,QAAQ,GAAG,EAAE,IAAI,gBAAgB,KAAK,QAAQ;AAC7D,UAAM,KAAK,qBAAqB;AAChC,UAAM,EAAE,UAAU,uBAAuB,UAAU,IAAI,KAAK;AAC5D,QAAI;AACJ,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,wBAAwB,aAAa,aAAa,gCAAgC;AAAA,MAClF,OAAO,QAAQ,YAAY;AAAA,MAC3B,QAAQ,SAAS,YAAY;AAAA,MAC7B,iBAAiB,CAAC,WAAwB;AACxC,aAAK,iBAAiB,QAAQ,EAAE,OAAO,QAAQ,GAAG,GAAG,SAAS,cAAc,CAAC;AAAA,MAC/E;AAAA,IACF;AACA,YAAQ,QAAQ;AAAA,MACd;AACE,iBAAS,MAAM,SAAS,IAAI,OAAO;AACnC;AAAA,MACF,sBAA6B;AAC3B,cAAM,MAAM,MAAM,sBAAsB,IAAI,OAAO;AACnD,iBAAS,MAAM,KAAK,aAAa,GAAG;AACpC;AAAA,MACF;AAAA,MACA;AACE,iBAAS,MAAM,UAAU,IAAI,OAAO;AACpC;AAAA,MACF;AACE,iBAAS,MAAM,SAAS,IAAI,OAAO;AAAA,IACvC;AACA,WAAO;AAAA,EACT;AAAA,EAEA,MAAc,aAAa,KAAkC;AAC3D,WAAO,QAAQ,QAAQ,EACpB,KAAK,MAAM,IAAI,cAAc,EAAE,kBAAkB,GAAG,CAAC,EACrD,KAAK,kBAAkB,EACvB,KAAK,CAAC,SAAS,oCAAoC,IAAI,EAAE;AAAA,EAC9D;AAAA;AAAA,EAGQ,gBACN,QACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA;AACA,QACE,QAAQ,WAAW,SAAS,0BAA0B,KACtD,QAAQ,WAAW,SAAS,0BAA0B,GACtD;AACA,WAAK,eAAe,QAAQ,GAAG,CAAC;AAAA,IAClC;AAEA,QAAI,QAAQ,WAAW,SAAS,yBAAyB,GAAG;AAC1D,WAAK,aAAa,QAAQ,OAAO,QAAQ,OAAO;AAAA,IAClD;AAEA,SAAK,oBAAoB,MAAM;AAAA,EACjC;AAAA,EAEQ,oBAAoB,QAAqB;AAC/C,QAAI,OAAO,YAAY,YAAY;AACjC;AAAA,IACF;AACA,UAAM,WAAW;AACjB,UAAM,QAAQ,SAAS,aAAa,OAAO,KAAK,SAAS,SAAS;AAClE,aAAS,cAAc;AAAA,EACzB;AAAA;AAAA,EAGQ,iBACN,QACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA;AACA,QACE,QAAQ,WAAW,SAAS,0BAA0B,KACtD,QAAQ,WAAW,SAAS,0BAA0B,GACtD;AACA,WAAK,eAAe,QAAQ,GAAG,CAAC;AAAA,IAClC;AAEA,QAAI,QAAQ,WAAW,SAAS,wBAAwB,GAAG;AACzD,YAAM,aAAa,OAAO,SACvB,cAAc,yBAAyB,GACtC,UAAU,IAAI;AAClB,WAAK,YAAY,YAAY,OAAO,MAAM;AAC1C,aAAO,YAAY,UAAU;AAC7B,WAAK,aAAa,QAAQ,OAAO,QAAQ,OAAO;AAAA,IAClD;AAEA,SAAK,oBAAoB,MAAM;AAAA,EACjC;AAAA;AAAA,EAGQ,eAAe,QAAqB,GAAW,GAAW;AAChE,WAAO,MAAM,YAAY,aAAa,CAAC,IAAI,SAAS,OAAO,CAAC,IAAI,SAAS;AAAA,EAC3E;AAAA;AAAA,EAGQ,YAAY,QAAqB,OAAe,QAAgB;AACtE,WAAO,MAAM,WAAW;AACxB,WAAO,MAAM,QAAQ,GAAG,KAAK;AAC7B,WAAO,MAAM,SAAS,GAAG,MAAM;AAC/B,WAAO,MAAM,OAAO,GAAG,QAAQ,IAAI,SAAS;AAC5C,WAAO,MAAM,MAAM,GAAG,SAAS;AAC/B,WAAO,MAAM,YAAY;AACzB,WAAO,MAAM,kBAAkB;AAC/B,WAAO,cAAc,uBAAuB,EAAG,aAAa,WAAW,eAAe;AAAA,EACxF;AAAA;AAAA,EAGQ,aACN,QACA,OACA,QACA,SACA;AACA,WAAO,MAAM,QAAQ,GAAG,QAAQ,YAAY,CAAC;AAC7C,WAAO,MAAM,SAAS,GAAG,SAAS,YAAY,CAAC;AAC/C,WAAO,MAAM,YAAY;AACzB,WAAO,MAAM,kBAAkB;AAC/B,SAAK,gBAAgB,QAAQ,OAAO;AAAA,EACtC;AAAA;AAAA,EAGQ,gBAAgB,SAAsB,SAA6B;AACzE,UAAM,gBAAgB,SAAS,cAAc,KAAK;AAElD,kBAAc,YAAY,SAAS,gBAAgB;AACnD,kBAAc,MAAM,WAAW;AAC/B,kBAAc,MAAM,SAAS;AAC7B,kBAAc,MAAM,QAAQ;AAC5B,kBAAc,MAAM,SAAS;AAC7B,YAAQ,YAAY,aAAa;AAAA,EACnC;AACF;AA9NU;AAAA,MADP,yBAAO,4BAAY;AAAA,GAHT,uBAIH;AAJG,yBAAN;AAAA,MADN,6BAAW;AAAA,GACC;;;AIlBb,oBAAuB;AACvB,IAAAC,oBAAmC;AACnC,IAAAC,gBAA8C;AAC9C,IAAAC,mBAA6B;AAOtB,IAAM,sBAAN,MAA0B;AAAA,EAA1B;AAML,SAAQ,YAAkC,IAAI,mCAAqB;AAEnE,SAAO,cAAc;AAErB,SAAQ,6BAA6B,IAAI,sBAAiB;AAE1D,SAAQ,UAAkC,CAAC;AAE3C,SAAO,sBAAsB,KAAK,2BAA2B;AAAA;AAAA,EAEtD,KAAK,SAA2C;AACrD,SAAK,UAAU,WAAW,CAAC;AAC3B,SAAK,UAAU,KAAK,KAAK,0BAA0B;AAAA,EACrD;AAAA,EAEO,UAAgB;AACrB,SAAK,UAAU,QAAQ;AAAA,EACzB;AAAA,EAEA,MAAa,SAAS,QAA+C;AACnE,QAAI,KAAK,aAAa;AACpB;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,IAAI;AAEnB,QAAI,iBAAiB,SAAS,MAAM,GAAG;AACrC,YAAM,KAAK,oBAAoB,MAAM;AAAA,IACvC,WAAW,gBAAgB,SAAS,MAAM,GAAG;AAC3C,YAAM,KAAK,mBAAmB,MAAM;AAAA,IACtC;AAAA,EACF;AAAA,EAEO,eAAe,OAAgB;AACpC,SAAK,cAAc;AACnB,SAAK,2BAA2B,KAAK,KAAK;AAAA,EAC5C;AAAA,EAEA,MAAc,oBAAoB,QAA2C;AAC3E,SAAK,eAAe,IAAI;AACxB,QAAI;AACF,YAAM,KAAK,cAAc,MAAM;AAAA,IACjC,UAAE;AACA,WAAK,eAAe,KAAK;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,MAAc,mBAAmB,QAA2C;AAC1E,SAAK,eAAe,IAAI;AACxB,QAAI;AACF,YAAM,KAAK,aAAa,MAAM;AAAA,IAChC,UAAE;AACA,WAAK,eAAe,KAAK;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,MAAc,aAAa,QAA2C;AACpE,UAAM,OAAO,KAAK,SAAS,OAAO;AAClC,UAAM,EAAE,SAAS,SAAS,IAAI,MAAM,KAAK,kBAAkB,MAAM,MAAM;AAEvE,UAAM,OAAO,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,MAAM,SAAS,CAAC;AACnD,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,UAAM,WAAW,KAAK,YAAY,MAAM;AAExC,SAAK,aAAa,KAAK,QAAQ;AAC/B,QAAI,gBAAgB,GAAG;AAAA,EACzB;AAAA,EAEA,MAAc,kBACZ,MACA,QACgD;AAChD,QAAI,8BAAoC;AACtC,YAAM,OAAO,MAAM,OAAO,SAAS;AACnC,aAAO;AAAA,QACL,SAAS,KAAK,KAAK,MAAM;AAAA,UACvB,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,QAAQ;AAAA,QACV,CAAC;AAAA,QACD,UAAU;AAAA,MACZ;AAAA,IACF;AAEA,WAAO;AAAA,MACL,SAAS,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,MACrC,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAEA,MAAc,cAAc,QAA2C;AACrE,UAAM,WAAW,MAAM,KAAK,mBAAmB,OAAO;AAAA,MACpD;AAAA,MACA,cAAc,KAAK,QAAQ;AAAA,IAC7B,CAAC;AACD,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AAEA,UAAM,WAAW,KAAK,YAAY,MAAM;AACxC,SAAK,aAAa,UAAU,QAAQ;AAAA,EACtC;AAAA,EAEQ,YAAY,QAAoC;AACtD,QAAI,KAAK,QAAQ,aAAa;AAC5B,aAAO,KAAK,QAAQ,YAAY,MAAM;AAAA,IACxC;AACA,WAAO,gBAAY,sBAAO,CAAC,CAAC,IAAI,MAAM;AAAA,EACxC;AAAA,EAEQ,aAAa,MAAc,UAAwB;AACzD,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,aAAS,KAAK,YAAY,IAAI;AAC9B,SAAK,MAAM;AACX,aAAS,KAAK,YAAY,IAAI;AAAA,EAChC;AACF;AA3HyC;AAAA,MAAtC,0BAAO,6BAAY;AAAA,GADT,oBAC4B;AAGtB;AAAA,MADhB,0BAAO,sBAA0B;AAAA,GAHvB,oBAIM;AAJN,sBAAN;AAAA,MADN,8BAAW;AAAA,GACC;;;ALHN,IAAM,2BAAuB,kCAAiD;AAAA,EACnF,QAAQ,CAAC,EAAE,KAAK,MAAM;AACpB,SAAK,sBAA0B,EAAE,OAAO,EAAE,iBAAiB;AAC3D,SAAK,mBAAmB,EAAE,OAAO,EAAE,iBAAiB;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC,KAAoB,SAAsC;AACjE,QAAI,IAAI,mBAAmB,EAAE,KAAK,IAAI;AAAA,EACxC;AAAA,EACA,WAAW,CAAC,QAAuB;AACjC,QAAI,IAAI,mBAAmB,EAAE,QAAQ;AAAA,EACvC;AACF,CAAC;","names":["import_core","document","FlowDownloadFormat","import_inversify","import_utils","import_document"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flowgram.ai/export-plugin",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.27",
|
|
4
4
|
"homepage": "https://flowgram.ai/",
|
|
5
5
|
"repository": "https://github.com/bytedance/flowgram.ai",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
"modern-screenshot": "4.6.7",
|
|
23
23
|
"lodash-es": "^4.17.21",
|
|
24
24
|
"js-yaml": "^4.1.1",
|
|
25
|
-
"@flowgram.ai/core": "0.1.0-alpha.
|
|
26
|
-
"@flowgram.ai/
|
|
27
|
-
"@flowgram.ai/
|
|
25
|
+
"@flowgram.ai/core": "0.1.0-alpha.27",
|
|
26
|
+
"@flowgram.ai/document": "0.1.0-alpha.27",
|
|
27
|
+
"@flowgram.ai/utils": "0.1.0-alpha.27"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@types/bezier-js": "4.1.3",
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"typescript": "^5.8.3",
|
|
40
40
|
"vitest": "^3.2.4",
|
|
41
41
|
"@types/js-yaml": "^4.0.9",
|
|
42
|
-
"@flowgram.ai/eslint-config": "0.1.0-alpha.
|
|
43
|
-
"@flowgram.ai/ts-config": "0.1.0-alpha.
|
|
42
|
+
"@flowgram.ai/eslint-config": "0.1.0-alpha.27",
|
|
43
|
+
"@flowgram.ai/ts-config": "0.1.0-alpha.27"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": ">=16.8",
|