@sunspirytus/xflow-extension 1.0.52

package/es/canvas-json-schema-form/schema-form/index.less

@@ -0,0 +1,126 @@
+@import (reference) '~antd/es/style/themes/default.less';
+
+@backgroundColor: #fff;
+@fontSize: 12px;
+@color: #666;
+
+.xflow-json-form {
+  height: 100%;
+
+  label {
+    font-size: @fontSize;
+  }
+
+  .@{ant-prefix}-form-item {
+    margin-bottom: 12px;
+
+    .@{ant-prefix}-form-item-label {
+      padding-bottom: 4px;
+
+      & > label {
+        color: @color;
+      }
+    }
+
+    .@{ant-prefix}-form-item-control {
+      .@{ant-prefix}-checkbox-wrapper {
+        color: @color;
+      }
+    }
+  }
+
+  .@{ant-prefix}-form-item-explain,
+  .@{ant-prefix}-form-item-extra {
+    font-size: @fontSize;
+  }
+
+  .@{ant-prefix}-form-item-explain-error > div {
+    word-break: break-all;
+  }
+
+  .@{ant-prefix}-form-item-extra {
+    margin-top: 4px;
+  }
+
+  .tabs {
+    flex-direction: column;
+    height: 100%;
+
+    .@{ant-prefix}-tabs-nav {
+      box-shadow: ~'0 0 16px -5px rgba(0, 0, 0, 0.2)';
+      .@{ant-prefix}-tabs-nav-list {
+        width: 100%;
+
+        .@{ant-prefix}-tabs-tab {
+          font-size: @fontSize;
+
+          &-active {
+            border-bottom-width: 0;
+
+            .@{ant-prefix}-tabs-tab-btn {
+              // color: #1890ff;
+            }
+          }
+
+          .@{ant-prefix}-tabs-tab-btn {
+            font-weight: normal;
+            text-align: center;
+          }
+        }
+      }
+    }
+
+    .@{ant-prefix}-tabs-content-holder {
+      padding: 0 16px;
+      overflow-y: auto;
+    }
+
+    &.xTab {
+      .@{ant-prefix}-tabs-nav {
+        .@{ant-prefix}-tabs-nav-list {
+          box-sizing: border-box;
+          height: 40px;
+          background-color: @backgroundColor;
+          border-bottom: 1px solid #d9d9d9;
+
+          .@{ant-prefix}-tabs-tab {
+            background-color: @backgroundColor;
+
+            .@{ant-prefix}-tabs-tab-btn {
+              width: 100%;
+            }
+          }
+        }
+      }
+    }
+
+    &.singleTab {
+      .@{ant-prefix}-tabs-tab {
+        width: 100%;
+      }
+    }
+
+    &.coupleTab {
+      .@{ant-prefix}-tabs-tab {
+        width: 50%;
+        margin-right: 0;
+        border-right-width: 0;
+
+        &:last-of-type {
+          border-right-width: 1px;
+        }
+      }
+    }
+
+    &.ternateTab {
+      .@{ant-prefix}-tabs-tab {
+        width: 33%;
+        margin-right: 0;
+        border-right-width: 0;
+        &:last-of-type {
+          border-right-width: 1px;
+        }
+      }
+    }
+  }
+}

package/es/canvas-json-schema-form/service.d.ts

@@ -0,0 +1,24 @@
+import type { IGraphCommandService, IModelService } from '@sunspirytus/xflow-core';
+import type { IProps, ISchema, TargetType, TargetData } from './interface';
+import type { Cell } from '@antv/x6';
+export declare namespace NsJsonSchemaFormModel {
+    const id = "XFLOW_JSON_SCHEMA_FORM";
+    interface IState {
+        loading: boolean;
+        schema: ISchema;
+        targetType: TargetType;
+        targetData: TargetData;
+        targetCell: Cell | null;
+    }
+    const useModel: (model: IModelService) => Promise<import("@sunspirytus/xflow-core").NsModel.IModel<IState>>;
+}
+/** 方便其他组件执行Command改变Panel内部状态 */
+export declare const executeJsonSchemaFormCommand: (cmds: IGraphCommandService, updateModel: (state: NsJsonSchemaFormModel.IState) => Promise<void>) => void;
+export declare const useJsonSchemaFormModel: (props: IProps) => {
+    commandService: any;
+    modelService: any;
+    state: NsJsonSchemaFormModel.IState;
+    setState: import("@sunspirytus/xflow-core").NsModel.ISetValue<NsJsonSchemaFormModel.IState>;
+    model: import("@sunspirytus/xflow-core").RxModel<NsJsonSchemaFormModel.IState>;
+    isModelReady: boolean;
+};

package/es/canvas-json-schema-form/service.js

@@ -0,0 +1,116 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { useXFlowApp, DisposableCollection, createComponentModel } from '@sunspirytus/xflow-core';
+import { XFlowModelCommands, Disposable, MODELS } from '@sunspirytus/xflow-core';
+export var NsJsonSchemaFormModel;
+(function (NsJsonSchemaFormModel) {
+    NsJsonSchemaFormModel.id = 'XFLOW_JSON_SCHEMA_FORM';
+    NsJsonSchemaFormModel.useModel = (model) => __awaiter(this, void 0, void 0, function* () {
+        return model.awaitModel(NsJsonSchemaFormModel.id);
+    });
+})(NsJsonSchemaFormModel || (NsJsonSchemaFormModel = {}));
+/** 方便其他组件执行Command改变Panel内部状态 */
+export const executeJsonSchemaFormCommand = (cmds, updateModel) => {
+    cmds.executeCommand(XFlowModelCommands.UPDATE_MODEL.id, {
+        getModel: (modelService) => __awaiter(void 0, void 0, void 0, function* () {
+            // eslint-disable-next-line react-hooks/rules-of-hooks
+            return NsJsonSchemaFormModel.useModel(modelService);
+        }),
+        updateModel: updateModel,
+    });
+};
+export const useJsonSchemaFormModel = (props) => {
+    const app = useXFlowApp();
+    const { commandService, modelService, getGraphInstance } = app;
+    const { formSchemaService } = props;
+    const [state, setState, model, isModelReady] = createComponentModel({
+        schema: { tabs: [] },
+        targetType: null,
+        targetData: null,
+        targetCell: null,
+        loading: false,
+    });
+    /** 注册全局的model */
+    React.useEffect(() => {
+        if (!app || !app.modelService) {
+            return;
+        }
+        const toDispose = new DisposableCollection();
+        const deferredModel = app.modelService.findDeferredModel(NsJsonSchemaFormModel.id);
+        if (!deferredModel) {
+            const d = app.modelService.registerModel({
+                id: NsJsonSchemaFormModel.id,
+                modelFactory: () => model,
+                /** 监听SELECTED_CELL的变化 */
+                watchChange: (self, modelSerccie) => __awaiter(void 0, void 0, void 0, function* () {
+                    const selectedCellModel = yield MODELS.SELECTED_CELL.getModel(modelSerccie);
+                    const nodeDisposable = selectedCellModel.watch((cell) => __awaiter(void 0, void 0, void 0, function* () {
+                        const updateState = (targetCell, type) => __awaiter(void 0, void 0, void 0, function* () {
+                            self.setValue(m => {
+                                m.loading = true;
+                                m.schema = { tabs: [] };
+                                m.targetType = null;
+                                m.targetData = null;
+                                m.targetCell = null;
+                            });
+                            const targetData = targetCell ? targetCell.getData() : null;
+                            if (!formSchemaService) {
+                                return;
+                            }
+                            const graph = yield getGraphInstance();
+                            const schema = yield formSchemaService({
+                                commandService,
+                                modelService,
+                                targetData,
+                                cell: targetCell,
+                                targetType: type,
+                                graph,
+                            });
+                            self.setValue({
+                                loading: false,
+                                schema: schema,
+                                targetType: type,
+                                targetCell: targetCell,
+                                targetData: targetData,
+                            });
+                        });
+                        const getCellType = (targetCell) => {
+                            if (!targetCell) {
+                                return 'canvas';
+                            }
+                            else if (targetCell.isNode &&
+                                targetCell.isNode() &&
+                                targetCell.getProp('isGroup')) {
+                                return 'group';
+                            }
+                            else if (targetCell.isNode && targetCell.isNode()) {
+                                return 'node';
+                            }
+                            else if (targetCell.isEdge && targetCell.isEdge()) {
+                                return 'edge';
+                            }
+                            else {
+                                return 'canvas';
+                            }
+                        };
+                        const targetCellType = getCellType(cell);
+                        if ((props.targetType || ['node', 'canvas']).includes(targetCellType)) {
+                            yield updateState(cell, targetCellType);
+                        }
+                    }));
+                    return Disposable.create(() => {
+                        nodeDisposable.dispose();
+                        toDispose.push(nodeDisposable);
+                    });
+                }),
+            });
+            toDispose.push(d);
+        }
+        return () => {
+            toDispose.dispose();
+        };
+        /* eslint-disable-next-line  */
+    }, []);
+    return { commandService, modelService, state, setState, model, isModelReady };
+};
+//# sourceMappingURL=service.js.map

package/es/canvas-json-schema-form/service.js.map

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

package/es/canvas-json-schema-form/style/index.css

@@ -0,0 +1,31 @@
+.xflow-json-schema-form {
+  border-left: 1px solid #d9d9d9;
+}
+.xflow-json-schema-form-body {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.xflow-json-schema-form-header {
+  display: flex;
+  justify-content: space-evenly;
+  background: #fff;
+  border-bottom: 1px solid #d9d9d9;
+}
+.xflow-json-schema-form-header-title {
+  font-size: 16px;
+}
+.xflow-json-schema-form-footer {
+  display: flex;
+  justify-content: space-evenly;
+  background: #fff;
+  border-top: 1px solid #d9d9d9;
+}
+.xflow-json-schema-form-footer-title {
+  font-size: 16px;
+}
+.text-truncate {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/es/canvas-json-schema-form/style/index.less

@@ -0,0 +1,42 @@
+@import (reference) '~antd/es/style/themes/default.less';
+@import (reference) '~@sunspirytus/xflow-core/es/style/themes/index.less';
+
+@light-border: ~'1px solid #d9d9d9';
+@header-bg: #fff;
+@body-bg: #f9f9f9;
+
+@form-panel-prefix-cls: ~'@{xflow-prefix}-json-schema-form';
+
+.@{form-panel-prefix-cls} {
+  border-left: @light-border;
+  &-body {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+  &-header {
+    display: flex;
+    justify-content: space-evenly;
+    background: @header-bg;
+    border-bottom: @light-border;
+    &-title {
+      font-size: 16px;
+    }
+  }
+
+  &-footer {
+    display: flex;
+    justify-content: space-evenly;
+    background: @header-bg;
+    border-top: @light-border;
+    &-title {
+      font-size: 16px;
+    }
+  }
+}
+
+.text-truncate {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/es/canvas-json-schema-form/utils.d.ts

@@ -0,0 +1,6 @@
+import type { IPanelProps } from './interface';
+export declare const usePanelLyaoutStyle: (config: IPanelProps, noSchema: boolean) => {
+    headerStyle: any;
+    bodyStyle: any;
+    footerStyle: any;
+};

package/es/canvas-json-schema-form/utils.js

@@ -0,0 +1,12 @@
+import { usePositionStyle } from '@sunspirytus/xflow-core';
+import { PANEL_HEADER_HEIGHT, PANEL_FOOTER_HEIGHT } from './constants';
+export const usePanelLyaoutStyle = (config, noSchema) => {
+    const headerHeight = (config && config.headerPosition && config.headerPosition.height) || PANEL_HEADER_HEIGHT;
+    const footerHeight = (config.footerPosition && config.footerPosition.height) || PANEL_FOOTER_HEIGHT;
+    return {
+        headerStyle: usePositionStyle(Object.assign(Object.assign({ height: 0, top: 0, left: 0, right: 0 }, (noSchema ? { height: headerHeight, lineHeight: headerHeight } : {})), config.headerPosition)),
+        bodyStyle: usePositionStyle(Object.assign(Object.assign({ left: 0, right: 0, top: 0 }, (noSchema ? { top: headerHeight, bottom: footerHeight } : { bottom: footerHeight })), config.bodyPosition)),
+        footerStyle: usePositionStyle(Object.assign(Object.assign({ left: 0, right: 0, lineHeight: footerHeight, height: footerHeight, bottom: 0 }, (noSchema ? { lineHeight: footerHeight, height: footerHeight } : { bottom: 0 })), config.footerPosition)),
+    };
+};
+//# sourceMappingURL=utils.js.map

package/es/canvas-json-schema-form/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/canvas-json-schema-form/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEtE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAmB,EAAE,QAAiB,EAAE,EAAE;IAC5E,MAAM,YAAY,GAChB,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,mBAAmB,CAAA;IAC1F,MAAM,YAAY,GAChB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,mBAAmB,CAAA;IAEhF,OAAO;QACL,WAAW,EAAE,gBAAgB,+BAC3B,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,IACL,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACpE,MAAM,CAAC,cAAc,EACxB;QACF,SAAS,EAAE,gBAAgB,+BACzB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,IACH,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GACnF,MAAM,CAAC,YAAY,EACtB;QACF,WAAW,EAAE,gBAAgB,+BAC3B,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,UAAU,EAAE,YAAY,EACxB,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,CAAC,IACN,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,GAC/E,MAAM,CAAC,cAAc,EACxB;KACH,CAAA;AACH,CAAC,CAAA"}

package/es/canvas-mini-map/components/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { IPosition } from '@sunspirytus/xflow-core';
+import { SimpleNodeView } from '../x6-node-view';
+import type { IMinimapOptions } from '../interface';
+/** 配置类型 */
+export declare const CONFIG_TYPE = "CanvasMiniMap";
+/** 获取默认配置 */
+export declare const getDefaultMinimapOptions: () => {
+    grid: boolean;
+    enabled: boolean;
+    width: number;
+    height: number;
+    padding: number;
+    graphOptions: {
+        async: boolean;
+        getCellView(cell: any): typeof SimpleNodeView;
+        createCellView(cell: any): any;
+    };
+};
+/** minimap 配置项目*/
+export interface IProps {
+    minimapOptions?: IMinimapOptions;
+    nodeFillColor?: string;
+    borderColor?: string;
+    handlerColor?: string;
+    miniMapClz?: string;
+    position?: IPosition;
+}
+export declare const CanvasMiniMap: React.FC<IProps>;

package/es/canvas-mini-map/components/index.js

@@ -0,0 +1,81 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { createModule } from '../module';
+import { insertCss } from '@sunspirytus/xflow-core';
+import { XFlowAppExtensionModule, usePositionStyle } from '@sunspirytus/xflow-core';
+import { SimpleNodeView } from '../x6-node-view';
+/** 配置类型 */
+export const CONFIG_TYPE = 'CanvasMiniMap';
+/** 获取默认配置 */
+export const getDefaultMinimapOptions = () => {
+    return {
+        grid: false,
+        enabled: true,
+        width: 200,
+        height: 120,
+        padding: 8,
+        graphOptions: {
+            async: true,
+            getCellView(cell) {
+                if (cell.isNode()) {
+                    return SimpleNodeView;
+                }
+            },
+            createCellView(cell) {
+                if (cell.isEdge()) {
+                    return null;
+                }
+            },
+        },
+    };
+};
+export const CanvasMiniMap = props => {
+    const { nodeFillColor, borderColor = '#ced4de', handlerColor = 'rgba(0,0,0,.3)', miniMapClz = '', position = { bottom: 12, right: 12 }, minimapOptions = {}, } = props;
+    /** x6画布的dom节点 */
+    const minimapRef = React.useRef(null);
+    const minimapConfigRef = React.useRef(props.minimapOptions);
+    const classNameSet = React.useMemo(() => {
+        return new Set([
+            miniMapClz,
+            'xflow-minimap',
+            'minimap-instacne-' + Date.now().toString(),
+        ]);
+    }, [miniMapClz]);
+    const getConfig = React.useMemo(() => () => __awaiter(void 0, void 0, void 0, function* () {
+        return Object.assign(Object.assign(Object.assign({}, getDefaultMinimapOptions()), minimapConfigRef.current), { container: minimapRef.current });
+    }), [minimapRef]);
+    const style = usePositionStyle(position);
+    React.useEffect(() => {
+        /** 设置minimap容器 */
+        minimapConfigRef.current = minimapOptions;
+    }, [minimapConfigRef, minimapOptions]);
+    React.useEffect(() => {
+        /** 设置Node样式 */
+        if (nodeFillColor) {
+            SimpleNodeView.setNodeFillColor(nodeFillColor);
+        }
+    }, [nodeFillColor]);
+    React.useEffect(() => {
+        const containerSelector = Array.from(classNameSet).reduce((acc, clz) => (clz ? `${acc}.${clz}` : acc), '');
+        const cssString = `
+      ${containerSelector} .x6-widget-minimap-viewport {
+        border: 1px solid ${borderColor};
+        margin: 0;
+      }
+      ${containerSelector} .x6-widget-minimap-viewport-zoom {
+        border: 1px solid ${handlerColor};
+      }
+    `;
+        const $style = insertCss(cssString);
+        return () => {
+            document.head.removeChild($style);
+        };
+    }, [borderColor, classNameSet, handlerColor]);
+    const clzName = Array.from(classNameSet).join(' ');
+    return (React.createElement(XFlowAppExtensionModule, { config: {
+            getConfig,
+            CONFIG_TYPE,
+        }, createModule: createModule },
+        React.createElement("div", { ref: minimapRef, className: clzName, style: style })));
+};
+//# sourceMappingURL=index.js.map

package/es/canvas-mini-map/components/index.js.map

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

package/es/canvas-mini-map/contributions/hook.d.ts

@@ -0,0 +1,13 @@
+import type { ICmdHooks } from '@sunspirytus/xflow-core';
+import { DisposableCollection, Disposable } from '@sunspirytus/xflow-core';
+import { IHookContribution } from '@sunspirytus/xflow-core';
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+export declare class HookContribution implements IHookContribution<ICmdHooks> {
+    toDispose: DisposableCollection;
+    private minimapConfig;
+    registerHookHub: () => Promise<Disposable>;
+    registerHook: (hooks: ICmdHooks) => Promise<Disposable>;
+}

package/es/canvas-mini-map/contributions/hook.js

@@ -0,0 +1,40 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { DisposableCollection, Disposable } from '@sunspirytus/xflow-core';
+import { IHookContribution, ManaSyringe } from '@sunspirytus/xflow-core';
+import { IMinimapConfigProvider } from '../interface';
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+let HookContribution = class HookContribution {
+    constructor() {
+        this.toDispose = new DisposableCollection();
+        this.registerHookHub = () => __awaiter(this, void 0, void 0, function* () {
+            return Disposable.create(() => { });
+        });
+        this.registerHook = (hooks) => __awaiter(this, void 0, void 0, function* () {
+            const toDispose = new DisposableCollection();
+            const disposables = [
+                hooks.graphOptions.registerHook({
+                    name: 'add minimap options',
+                    handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                        // 对齐线配置，辅助移动节点排版（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/snapline）
+                        const minimapOptions = yield this.minimapConfig.getConfig();
+                        args.minimap = Object.assign({}, minimapOptions);
+                    }),
+                }),
+            ];
+            toDispose.pushAll(disposables);
+            return Disposable.create(() => { });
+        });
+    }
+};
+__decorate([
+    ManaSyringe.inject(IMinimapConfigProvider),
+    __metadata("design:type", Object)
+], HookContribution.prototype, "minimapConfig", void 0);
+HookContribution = __decorate([
+    ManaSyringe.singleton({ contrib: IHookContribution })
+], HookContribution);
+export { HookContribution };
+//# sourceMappingURL=hook.js.map

package/es/canvas-mini-map/contributions/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/canvas-mini-map/contributions/hook.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAErD;;;GAGG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAAtB;QACL,cAAS,GAAG,IAAI,oBAAoB,EAAE,CAAA;QAKtC,oBAAe,GAAG,GAAS,EAAE;YAC3B,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QACpC,CAAC,CAAA,CAAA;QAED,iBAAY,GAAG,CAAO,KAAgB,EAAE,EAAE;YACxC,MAAM,SAAS,GAAG,IAAI,oBAAoB,EAAE,CAAA;YAC5C,MAAM,WAAW,GAAG;gBAClB,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC;oBAC9B,IAAI,EAAE,qBAAqB;oBAC3B,OAAO,EAAE,CAAM,IAAI,EAAC,EAAE;wBACpB,8EAA8E;wBAC9E,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,CAAA;wBAC3D,IAAI,CAAC,OAAO,qBACP,cAAc,CAClB,CAAA;oBACH,CAAC,CAAA;iBACF,CAAC;aACH,CAAA;YACD,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;YAC9B,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QACpC,CAAC,CAAA,CAAA;IACH,CAAC;CAAA,CAAA;AAxBC;IAAC,WAAW,CAAC,MAAM,CAAC,sBAAsB,CAAC;;uDACE;AAJlC,gBAAgB;IAD5B,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC;GACzC,gBAAgB,CA2B5B;SA3BY,gBAAgB"}

package/es/canvas-mini-map/index.d.ts

@@ -0,0 +1,2 @@
+export { CanvasMiniMap } from './components';
+export type { IProps as ICanvasMiniMapProps } from './components';

package/es/canvas-mini-map/index.js

@@ -0,0 +1,2 @@
+export { CanvasMiniMap } from './components';
+//# sourceMappingURL=index.js.map

package/es/canvas-mini-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-mini-map/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}

package/es/canvas-mini-map/interface.d.ts

@@ -0,0 +1,22 @@
+import type { Graph } from '@antv/x6';
+export interface IMinimapOptions {
+    enabled?: boolean;
+    container?: HTMLElement;
+    width?: number;
+    height?: number;
+    padding?: number;
+    scalable?: boolean;
+    minScale?: number;
+    maxScale?: number;
+    graphOptions?: Graph.Options;
+    createGraph?: (options: Graph.Options) => Graph;
+}
+export interface IConfig {
+    CONFIG_TYPE: string;
+    getConfig: () => Promise<IMinimapOptions>;
+}
+export interface IMinimapConfigProvider {
+    CONFIG_TYPE: string;
+    getConfig: () => Promise<IMinimapOptions>;
+}
+export declare const IMinimapConfigProvider: unique symbol;

package/es/canvas-mini-map/interface.js

@@ -0,0 +1,2 @@
+export const IMinimapConfigProvider = Symbol('IMinimapConfigProvider');
+//# sourceMappingURL=interface.js.map

package/es/canvas-mini-map/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-mini-map/interface.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAA"}

package/es/canvas-mini-map/module.d.ts

@@ -0,0 +1,7 @@
+import 'reflect-metadata';
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+import type { IModuleConfig } from '@sunspirytus/xflow-core';
+import type { IMinimapOptions } from './interface';
+/** 依赖扩展模块，必须要加载 */
+declare const createModule: (config: IModuleConfig<IMinimapOptions>) => ManaSyringe.SyringeModule;
+export { createModule };

package/es/canvas-mini-map/module.js

@@ -0,0 +1,15 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { HookContribution } from './contributions/hook';
+import { IMinimapConfigProvider } from './interface';
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+/** 依赖扩展模块，必须要加载 */
+const createModule = (config) => {
+    return ManaSyringe.Module(register => {
+        register(IMinimapConfigProvider, { useDynamic: () => config });
+        /** 扩展 runtime hook */
+        register(HookContribution);
+    });
+};
+export { createModule };
+//# sourceMappingURL=module.js.map

package/es/canvas-mini-map/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/canvas-mini-map/module.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,uBAAuB;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIrD,mBAAmB;AACnB,MAAM,YAAY,GAAG,CAAC,MAAsC,EAAE,EAAE;IAC9D,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;QACnC,QAAQ,CAAyB,sBAAsB,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,sBAAsB;QACtB,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC5B,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/es/canvas-mini-map/style/index.css

@@ -0,0 +1,11 @@
+.xflow-minimap {
+  z-index: 999;
+  background: #fff;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
+}
+.xflow-minimap .x6-widget-minimap .x6-graph {
+  background: rgba(255, 255, 255, 0.9);
+}
+.xflow-minimap .x6-widget-minimap {
+  background: rgba(34, 34, 34, 0.05);
+}

package/es/canvas-mini-map/style/index.less

@@ -0,0 +1,13 @@
+.xflow-minimap {
+  z-index: 999;
+  background: #fff;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
+}
+
+.xflow-minimap .x6-widget-minimap .x6-graph {
+  background: rgba(255, 255, 255, 0.9);
+}
+
+.xflow-minimap .x6-widget-minimap {
+  background: rgba(34, 34, 34, 0.05);
+}