@sunspirytus/xflow-extension 1.0.52

package/lib/flowchart-editor-panel/control-map-service/components/edge.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export type MarkerCfg = {
+    width?: number;
+    height?: number;
+    name?: string;
+};
+export interface IConfig {
+    label?: string;
+    attrs?: {
+        line?: {
+            fontSize?: number;
+            fontFill?: string;
+            strokeWidth?: number;
+            sourceMarker?: MarkerCfg;
+            targetMarker?: MarkerCfg;
+            strokeDasharray?: number[];
+        };
+    };
+}
+export declare const EdgeService: React.FC<any>;

package/lib/flowchart-editor-panel/control-map-service/components/edge.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EdgeService = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var form_wrapper_1 = require("../../form-wrapper");
+var fields_1 = require("./fields");
+var constants_1 = require("./constants");
+var EdgeComponent = function (props) {
+    var config = props.config, _a = props.plugin, plugin = _a === void 0 ? {} : _a;
+    var updateEdge = plugin.updateEdge;
+    var _b = (0, react_1.useState)(tslib_1.__assign(tslib_1.__assign({}, constants_1.DefaultEdgeConfig), config)), edgeConfig = _b[0], setEdgeConfig = _b[1];
+    (0, react_1.useEffect)(function () {
+        setEdgeConfig(tslib_1.__assign(tslib_1.__assign({}, constants_1.DefaultEdgeConfig), config));
+    }, [config]);
+    var getAttrs = function (key, type) {
+        var _a;
+        if (type === void 0) { type = 'line'; }
+        var _b = edgeConfig.attrs, attrs = _b === void 0 ? {} : _b;
+        return (_a = attrs[type]) === null || _a === void 0 ? void 0 : _a[key];
+    };
+    var getArrowValue = function () {
+        var _a, _b, _c, _d, _e;
+        var _f = edgeConfig.attrs, attrs = _f === void 0 ? {} : _f;
+        var _g = attrs.line, line = _g === void 0 ? {} : _g;
+        if (((_a = line.sourceMarker) === null || _a === void 0 ? void 0 : _a.name) && ((_b = line.targetMarker) === null || _b === void 0 ? void 0 : _b.name)) {
+            return 'all';
+        }
+        if (!((_c = line.sourceMarker) === null || _c === void 0 ? void 0 : _c.name) && !((_d = line.targetMarker) === null || _d === void 0 ? void 0 : _d.name)) {
+            return 'none';
+        }
+        if ((_e = line.sourceMarker) === null || _e === void 0 ? void 0 : _e.name) {
+            return 'source';
+        }
+        return 'target';
+    };
+    var getSrokeDashValue = function () {
+        var _a = edgeConfig.attrs, attrs = _a === void 0 ? {} : _a;
+        var _b = attrs.line, line = _b === void 0 ? {} : _b;
+        return line.strokeDasharray ? 'dash' : 'solid';
+    };
+    var onEdgeConfigChange = function (key, value, type) {
+        var _a, _b, _c, _d, _e;
+        var _f, _g;
+        if (type === void 0) { type = 'line'; }
+        /** 全量更新，简化逻辑 */
+        if (key === 'arrow') {
+            setEdgeConfig(tslib_1.__assign(tslib_1.__assign({}, edgeConfig), { attrs: tslib_1.__assign(tslib_1.__assign({}, edgeConfig.attrs), (_a = {}, _a[type] = tslib_1.__assign(tslib_1.__assign({}, (_f = edgeConfig.attrs) === null || _f === void 0 ? void 0 : _f[type]), value), _a)) }));
+        }
+        else {
+            setEdgeConfig(tslib_1.__assign(tslib_1.__assign({}, edgeConfig), (_b = {}, _b[key] = value, _b.attrs = tslib_1.__assign(tslib_1.__assign({}, edgeConfig.attrs), (_c = {}, _c[type] = tslib_1.__assign(tslib_1.__assign({}, (_g = edgeConfig.attrs) === null || _g === void 0 ? void 0 : _g[type]), (_d = {}, _d[key] = value, _d)), _c)), _b)));
+        }
+        updateEdge((_e = {},
+            _e[key] = value,
+            _e), type, key === 'arrow' ? 'arrow' : '');
+    };
+    return (react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-panel-body") },
+        react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-panel-group") },
+            react_1.default.createElement("h5", null, "\u5185\u5BB9"),
+            react_1.default.createElement(fields_1.InputFiled, { label: "\u6807\u7B7E", value: edgeConfig.label, onChange: function (value) {
+                    onEdgeConfigChange('label', value);
+                } })),
+        react_1.default.createElement("h5", { style: { marginBottom: 12 } }, "\u6837\u5F0F"),
+        react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-panel-group"), style: { marginBottom: 0 } },
+            react_1.default.createElement("h5", null, "\u7EBF"),
+            react_1.default.createElement(fields_1.SelectField, { label: "\u7BAD\u5934", value: getArrowValue(), width: "100%", options: [
+                    {
+                        label: '正向',
+                        value: 'target',
+                    },
+                    {
+                        label: '逆向',
+                        value: 'source',
+                    },
+                    {
+                        label: '双向',
+                        value: 'all',
+                    },
+                    {
+                        label: '无',
+                        value: 'none',
+                    },
+                ], onChange: function (value) {
+                    onEdgeConfigChange('arrow', constants_1.ArrowMaps[value], 'line');
+                } }),
+            react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-edge-stroke-style") },
+                react_1.default.createElement(fields_1.SelectField, { label: "\u7EBF\u5F62", width: 68, value: getSrokeDashValue(), options: [
+                        {
+                            label: '实线',
+                            value: 'solid',
+                        },
+                        {
+                            label: '虚线',
+                            value: 'dash',
+                        },
+                    ], onChange: function (value) {
+                        onEdgeConfigChange('strokeDasharray', constants_1.ArrowStrokeMaps[value], 'line');
+                    } }),
+                react_1.default.createElement(fields_1.InputNumberFiled, { value: getAttrs('strokeWidth'), min: 1, onChange: function (value) {
+                        onEdgeConfigChange('strokeWidth', value, 'line');
+                    } })),
+            react_1.default.createElement(fields_1.ColorPicker, { label: "\u8FB9\u6846", value: getAttrs('stroke'), onChange: function (value) {
+                    onEdgeConfigChange('stroke', value, 'line');
+                } })),
+        react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-panel-group") },
+            react_1.default.createElement("h5", null, "\u6807\u7B7E"),
+            react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-edge-text-style") },
+                react_1.default.createElement(fields_1.InputNumberFiled, { label: "\u5B57\u53F7", min: 10, width: 68, value: getAttrs('fontSize', 'text') || 12, onChange: function (value) {
+                        onEdgeConfigChange('fontSize', value, 'text');
+                    } }),
+                react_1.default.createElement(fields_1.ColorPicker, { value: getAttrs('fill', 'text') || '#000', onChange: function (value) {
+                        onEdgeConfigChange('fill', value, 'text');
+                    } })))));
+};
+var EdgeService = function (props) {
+    return (react_1.default.createElement(form_wrapper_1.FlowchartFormWrapper, tslib_1.__assign({}, props, { type: "edge" }), function (config, plugin) { return react_1.default.createElement(EdgeComponent, tslib_1.__assign({}, props, { plugin: plugin, config: config })); }));
+};
+exports.EdgeService = EdgeService;
+//# sourceMappingURL=edge.js.map

package/lib/flowchart-editor-panel/control-map-service/components/edge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge.js","sourceRoot":"","sources":["../../../../src/flowchart-editor-panel/control-map-service/components/edge.tsx"],"names":[],"mappings":"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"}

package/lib/flowchart-editor-panel/control-map-service/components/fields/color.d.ts

@@ -0,0 +1,7 @@
+export interface IProps {
+    label?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+declare const _default: any;
+export default _default;

package/lib/flowchart-editor-panel/control-map-service/components/fields/color.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var antd_1 = require("antd");
+var react_color_1 = require("react-color");
+var constants_1 = require("../constants");
+var ColorPicker = function (props) {
+    var label = props.label, _a = props.value, value = _a === void 0 ? '' : _a, onChange = props.onChange;
+    var _b = (0, react_1.useState)(false), show = _b[0], setShow = _b[1];
+    var colorRef = (0, react_1.useRef)(value);
+    var containerRef = (0, react_1.useRef)();
+    var graphProvider = (0, xflow_core_1.useXFlowApp)().graphProvider;
+    var graphConfig = (0, react_1.useRef)();
+    graphProvider.getGraphOptions().then(function (x6GraphConfig) {
+        graphConfig.current = x6GraphConfig;
+    });
+    var PickContainer = function () {
+        return (react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-pick-color-container") },
+            react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-popover") },
+                react_1.default.createElement(react_color_1.SketchPicker, { onChange: function (color) {
+                        colorRef.current = color.hex;
+                    } }),
+                react_1.default.createElement("div", { className: "foolter" },
+                    react_1.default.createElement(antd_1.Button, { onClick: function () {
+                            setShow(false);
+                        } }, "\u53D6\u6D88"),
+                    react_1.default.createElement(antd_1.Button, { type: "primary", onClick: function () {
+                            onChange === null || onChange === void 0 ? void 0 : onChange(colorRef.current);
+                            setShow(false);
+                        } }, "\u786E\u8BA4")))));
+    };
+    var getParentContainerByClassName = function (currentEle, className) {
+        var containers = document.getElementsByClassName(className);
+        if (containers.length === 1) {
+            return containers[0];
+        }
+        var containter = null;
+        var currentNode = currentEle.parentElement;
+        while (!containter) {
+            var current = currentNode.getElementsByClassName(className);
+            if ((current === null || current === void 0 ? void 0 : current.length) > 0) {
+                containter = current[0];
+            }
+            currentNode = currentNode.parentElement;
+        }
+        return containter;
+    };
+    var createPickColorContainer = function (visible) {
+        var existElements = document.getElementsByClassName("".concat(constants_1.PREFIX, "-pick-color-container"));
+        if (existElements.length) {
+            Array.from(existElements).forEach(function (ele) {
+                var _a;
+                (_a = ele.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(ele);
+            });
+        }
+        if (!visible) {
+            return;
+        }
+        var div = document.createElement('div');
+        (0, react_dom_1.render)((0, react_dom_1.createPortal)(react_1.default.createElement(PickContainer, null), getParentContainerByClassName(containerRef.current, 'flowchart-editor-panel-body')), div);
+    };
+    return (react_1.default.createElement("div", { className: "group", ref: containerRef },
+        label && react_1.default.createElement("label", null, label),
+        react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-color-container"), onClick: function () {
+                setShow(true);
+            } },
+            react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-color"), style: {
+                    backgroundColor: value,
+                    height: '100%',
+                } })),
+        createPickColorContainer(show)));
+};
+exports.default = (0, react_1.memo)(ColorPicker, function (pre, next) {
+    return pre.label === next.label && pre.value === next.value;
+});
+//# sourceMappingURL=color.js.map

package/lib/flowchart-editor-panel/control-map-service/components/fields/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/flowchart-editor-panel/control-map-service/components/fields/color.tsx"],"names":[],"mappings":"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"}

package/lib/flowchart-editor-panel/control-map-service/components/fields/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import InputFiled from './input';
+import ColorPicker from './color';
+import InputNumberFiled from './input-number';
+import Size from './size';
+import Position from './position';
+import SelectField from './select';
+export declare const EditorPanels: Record<string, React.FC | React.NamedExoticComponent<any>>;
+export { InputFiled, ColorPicker, InputNumberFiled, Size, Position, SelectField };

package/lib/flowchart-editor-panel/control-map-service/components/fields/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectField = exports.Position = exports.Size = exports.InputNumberFiled = exports.ColorPicker = exports.InputFiled = exports.EditorPanels = void 0;
+var tslib_1 = require("tslib");
+require("react");
+var input_1 = tslib_1.__importDefault(require("./input"));
+exports.InputFiled = input_1.default;
+var color_1 = tslib_1.__importDefault(require("./color"));
+exports.ColorPicker = color_1.default;
+var input_number_1 = tslib_1.__importDefault(require("./input-number"));
+exports.InputNumberFiled = input_number_1.default;
+var size_1 = tslib_1.__importDefault(require("./size"));
+exports.Size = size_1.default;
+var position_1 = tslib_1.__importDefault(require("./position"));
+exports.Position = position_1.default;
+var select_1 = tslib_1.__importDefault(require("./select"));
+exports.SelectField = select_1.default;
+exports.EditorPanels = {
+    InputFiled: input_1.default,
+    ColorPicker: color_1.default,
+    InputNumberFiled: input_number_1.default,
+    Size: size_1.default,
+    Position: position_1.default,
+    SelectField: select_1.default,
+};
+//# sourceMappingURL=index.js.map

package/lib/flowchart-editor-panel/control-map-service/components/fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/flowchart-editor-panel/control-map-service/components/fields/index.ts"],"names":[],"mappings":";;;;AAAA,iBAAyB;AACzB,0DAAgC;AAgBvB,qBAhBF,eAAU,CAgBE;AAfnB,0DAAiC;AAeZ,sBAfd,eAAW,CAec;AAdhC,wEAA6C;AAcX,2BAd3B,sBAAgB,CAc2B;AAblD,wDAAyB;AAa2B,eAb7C,cAAI,CAa6C;AAZxD,gEAAiC;AAYyB,mBAZnD,kBAAQ,CAYmD;AAXlE,4DAAkC;AAWkC,sBAX7D,gBAAW,CAW6D;AATlE,QAAA,YAAY,GAA+D;IACtF,UAAU,iBAAA;IACV,WAAW,iBAAA;IACX,gBAAgB,wBAAA;IAChB,IAAI,gBAAA;IACJ,QAAQ,oBAAA;IACR,WAAW,kBAAA;CACZ,CAAA"}

package/lib/flowchart-editor-panel/control-map-service/components/fields/input-number.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    label?: string;
+    value?: number;
+    min?: number;
+    width?: number;
+    onChange?: (value: number) => void;
+}
+declare const InputNumberFiled: React.FC<IProps>;
+export default InputNumberFiled;

package/lib/flowchart-editor-panel/control-map-service/components/fields/input-number.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var antd_1 = require("antd");
+var constants_1 = require("../constants");
+var InputNumberFiled = function (props) {
+    var label = props.label, value = props.value, onChange = props.onChange, min = props.min, width = props.width;
+    return (react_1.default.createElement("div", { className: "group" },
+        label && react_1.default.createElement("label", null, label),
+        react_1.default.createElement(antd_1.InputNumber, { value: value, min: min, style: {
+                width: width,
+                height: constants_1.FormItemHeight,
+            }, onChange: function (v) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(v);
+            } })));
+};
+exports.default = InputNumberFiled;
+//# sourceMappingURL=input-number.js.map

package/lib/flowchart-editor-panel/control-map-service/components/fields/input-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-number.js","sourceRoot":"","sources":["../../../../../src/flowchart-editor-panel/control-map-service/components/fields/input-number.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,6BAAkC;AAClC,0CAA6C;AAU7C,IAAM,gBAAgB,GAAqB,UAAA,KAAK;IACtC,IAAA,KAAK,GAAkC,KAAK,MAAvC,EAAE,KAAK,GAA2B,KAAK,MAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,GAAG,GAAY,KAAK,IAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAU;IACpD,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;QACnB,KAAK,IAAI,6CAAQ,KAAK,CAAS;QAChC,8BAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;gBACL,KAAK,OAAA;gBACL,MAAM,EAAE,0BAAc;aACvB,EACD,QAAQ,EAAE,UAAC,CAAS;gBAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;YACf,CAAC,GACD,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}

package/lib/flowchart-editor-panel/control-map-service/components/fields/input.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IProps {
+    label?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+declare const InputFiled: React.FC<IProps>;
+export default InputFiled;

package/lib/flowchart-editor-panel/control-map-service/components/fields/input.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var antd_1 = require("antd");
+var constants_1 = require("../constants");
+var InputFiled = function (props) {
+    var _a = props.label, label = _a === void 0 ? '标签' : _a, value = props.value, onChange = props.onChange;
+    return (react_1.default.createElement("div", { className: "group" },
+        react_1.default.createElement("label", null, label),
+        react_1.default.createElement(antd_1.Input, { value: value, style: {
+                height: constants_1.FormItemHeight,
+            }, onChange: function (e) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+            } })));
+};
+exports.default = InputFiled;
+//# sourceMappingURL=input.js.map

package/lib/flowchart-editor-panel/control-map-service/components/fields/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/flowchart-editor-panel/control-map-service/components/fields/input.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,6BAA4B;AAC5B,0CAA6C;AAQ7C,IAAM,UAAU,GAAqB,UAAA,KAAK;IAChC,IAAA,KAAkC,KAAK,MAA3B,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAE,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC/C,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;QACpB,6CAAQ,KAAK,CAAS;QACtB,8BAAC,YAAK,IACJ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;gBACL,MAAM,EAAE,0BAAc;aACvB,EACD,QAAQ,EAAE,UAAC,CAAsC;gBAC/C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAC5B,CAAC,GACD,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

package/lib/flowchart-editor-panel/control-map-service/components/fields/position.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IProps {
+    x?: number;
+    y?: number;
+    label?: string;
+    onChange?: (key: string, value: number) => void;
+}
+export declare const Item: ({ value, onChangeItem, addonBefore }: {
+    value: any;
+    onChangeItem: any;
+    addonBefore: any;
+}) => any;
+declare const Position: React.FC<IProps>;
+export default Position;

package/lib/flowchart-editor-panel/control-map-service/components/fields/position.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var antd_1 = require("antd");
+var constants_1 = require("../constants");
+var Item = function (_a) {
+    var value = _a.value, onChangeItem = _a.onChangeItem, addonBefore = _a.addonBefore;
+    return (react_1.default.createElement("div", { className: "addon-before-group" },
+        react_1.default.createElement(antd_1.InputNumber, { value: value, style: { height: constants_1.FormItemHeight, border: 'none' }, onChange: function (v) {
+                onChangeItem(v);
+            } }),
+        react_1.default.createElement("span", null, addonBefore)));
+};
+exports.Item = Item;
+var Position = function (props) {
+    var _a = props.label, label = _a === void 0 ? '位置' : _a, x = props.x, y = props.y, onChange = props.onChange;
+    return (react_1.default.createElement("div", { className: "group" },
+        react_1.default.createElement("label", null, label),
+        react_1.default.createElement("div", { className: "split" },
+            react_1.default.createElement(exports.Item, { addonBefore: "X", value: x, onChangeItem: function (value) {
+                    onChange === null || onChange === void 0 ? void 0 : onChange('x', value);
+                } }),
+            react_1.default.createElement(exports.Item, { addonBefore: "Y", value: y, onChangeItem: function (value) {
+                    onChange === null || onChange === void 0 ? void 0 : onChange('y', value);
+                } }))));
+};
+exports.default = Position;
+//# sourceMappingURL=position.js.map

package/lib/flowchart-editor-panel/control-map-service/components/fields/position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.js","sourceRoot":"","sources":["../../../../../src/flowchart-editor-panel/control-map-service/components/fields/position.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,6BAAkC;AAClC,0CAA6C;AAStC,IAAM,IAAI,GAAG,UAAC,EAAoC;QAAlC,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,WAAW,iBAAA;IAAO,OAAA,CAC5D,uCAAK,SAAS,EAAC,oBAAoB;QACjC,8BAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,0BAAc,EAAE,MAAM,EAAE,MAAM,EAAE,EACjD,QAAQ,EAAE,UAAC,CAAS;gBAClB,YAAY,CAAC,CAAC,CAAC,CAAA;YACjB,CAAC,GACD;QACF,4CAAO,WAAW,CAAQ,CACtB,CACP;AAX6D,CAW7D,CAAA;AAXY,QAAA,IAAI,QAWhB;AAED,IAAM,QAAQ,GAAqB,UAAA,KAAK;IAC9B,IAAA,KAAiC,KAAK,MAA1B,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAE,CAAC,GAAkB,KAAK,EAAvB,EAAE,CAAC,GAAe,KAAK,EAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IAE9C,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;QACpB,6CAAQ,KAAK,CAAS;QACtB,uCAAK,SAAS,EAAC,OAAO;YACpB,8BAAC,YAAI,IACH,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,CAAC,EACR,YAAY,EAAE,UAAC,KAAa;oBAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,EAAE,KAAK,CAAC,CAAA;gBACxB,CAAC,GACD;YACF,8BAAC,YAAI,IACH,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,CAAC,EACR,YAAY,EAAE,UAAC,KAAa;oBAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,EAAE,KAAK,CAAC,CAAA;gBACxB,CAAC,GACD,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}

package/lib/flowchart-editor-panel/control-map-service/components/fields/select.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IProps {
+    label?: string;
+    value?: string;
+    options?: {
+        label: string | number;
+        value: string | number;
+    }[];
+    width?: number | string;
+    onChange?: (value: string) => void;
+}
+declare const SelectField: React.FC<IProps>;
+export default SelectField;

package/lib/flowchart-editor-panel/control-map-service/components/fields/select.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var antd_1 = require("antd");
+var constants_1 = require("../constants");
+var SelectField = function (props) {
+    var _a = props.label, label = _a === void 0 ? '箭头' : _a, value = props.value, onChange = props.onChange, _b = props.options, options = _b === void 0 ? [] : _b, width = props.width;
+    return (react_1.default.createElement("div", { className: "group" },
+        react_1.default.createElement("label", null, label),
+        react_1.default.createElement(antd_1.Select, { size: "small", value: value, style: {
+                width: width,
+                height: constants_1.FormItemHeight,
+            }, getPopupContainer: function (trigger) { return trigger.parentNode; }, optionFilterProp: "children", onChange: function (v) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(v);
+            }, filterOption: function (input, option) {
+                var _a = option.label, text = _a === void 0 ? '' : _a;
+                if (typeof text === 'string') {
+                    return text.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+                }
+                return text.toString().indexOf(input.toLowerCase()) >= 0;
+            }, options: options })));
+};
+exports.default = SelectField;
+//# sourceMappingURL=select.js.map

package/lib/flowchart-editor-panel/control-map-service/components/fields/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/flowchart-editor-panel/control-map-service/components/fields/select.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,6BAA6B;AAC7B,0CAA6C;AAa7C,IAAM,WAAW,GAAqB,UAAA,KAAK;IACjC,IAAA,KAAuD,KAAK,MAAhD,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAE,KAAK,GAAoC,KAAK,MAAzC,EAAE,QAAQ,GAA0B,KAAK,SAA/B,EAAE,KAAwB,KAAK,QAAjB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,KAAK,GAAK,KAAK,MAAV,CAAU;IACpE,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;QACpB,6CAAQ,KAAK,CAAS;QACtB,8BAAC,aAAM,IACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;gBACL,KAAK,OAAA;gBACL,MAAM,EAAE,0BAAc;aACvB,EACD,iBAAiB,EAAE,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,UAAU,EAAlB,CAAkB,EAChD,gBAAgB,EAAC,UAAU,EAC3B,QAAQ,EAAE,UAAC,CAAS;gBAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;YACf,CAAC,EACD,YAAY,EAAE,UAAC,KAAK,EAAE,MAAM;gBAClB,IAAA,KAAqB,MAAM,MAAX,EAAT,IAAI,mBAAG,EAAE,KAAA,CAAW;gBACnC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;oBAC5B,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAA;iBAC5D;gBACD,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAA;YAC1D,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}

package/lib/flowchart-editor-panel/control-map-service/components/fields/size.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IProps {
+    width?: number;
+    height?: number;
+    label?: string;
+    onChange?: (key: string, value: number) => void;
+}
+declare const Size: React.FC<IProps>;
+export default Size;

package/lib/flowchart-editor-panel/control-map-service/components/fields/size.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var position_1 = require("./position");
+var Size = function (props) {
+    var width = props.width, height = props.height, _a = props.label, label = _a === void 0 ? '尺寸' : _a, onChange = props.onChange;
+    return (react_1.default.createElement("div", { className: "group" },
+        react_1.default.createElement("label", null, label),
+        react_1.default.createElement("div", { className: "split" },
+            react_1.default.createElement(position_1.Item, { addonBefore: "W", value: width, onChangeItem: function (value) {
+                    onChange === null || onChange === void 0 ? void 0 : onChange('width', value);
+                } }),
+            react_1.default.createElement(position_1.Item, { addonBefore: "H", value: height, onChangeItem: function (value) {
+                    onChange === null || onChange === void 0 ? void 0 : onChange('height', value);
+                } }))));
+};
+exports.default = Size;
+//# sourceMappingURL=size.js.map

package/lib/flowchart-editor-panel/control-map-service/components/fields/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../src/flowchart-editor-panel/control-map-service/components/fields/size.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,uCAAiC;AASjC,IAAM,IAAI,GAAqB,UAAA,KAAK;IAC1B,IAAA,KAAK,GAAqC,KAAK,MAA1C,EAAE,MAAM,GAA6B,KAAK,OAAlC,EAAE,KAA2B,KAAK,MAApB,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IAEvD,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;QACpB,6CAAQ,KAAK,CAAS;QACtB,uCAAK,SAAS,EAAC,OAAO;YACpB,8BAAC,eAAI,IACH,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,UAAC,KAAa;oBAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,EAAE,KAAK,CAAC,CAAA;gBAC5B,CAAC,GACD;YACF,8BAAC,eAAI,IACH,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,UAAC,KAAa;oBAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,EAAE,KAAK,CAAC,CAAA;gBAC7B,CAAC,GACD,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/lib/flowchart-editor-panel/control-map-service/components/group.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GroupService: React.FC<any>;

package/lib/flowchart-editor-panel/control-map-service/components/group.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupService = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var flowchart_node_panel_1 = require("../../../flowchart-node-panel");
+var form_wrapper_1 = require("../../form-wrapper");
+var fields_1 = require("./fields");
+var constants_1 = require("./constants");
+var GroupComponent = function (props) {
+    var config = props.config, _a = props.plugin, plugin = _a === void 0 ? {} : _a;
+    var updateGroup = plugin.updateGroup;
+    var _b = (0, react_1.useState)(tslib_1.__assign(tslib_1.__assign({}, flowchart_node_panel_1.DefaultNodeConfig), config)), groupConfig = _b[0], setGroupConfig = _b[1];
+    var onGroupConfigChange = function (key, value) {
+        var _a, _b;
+        setGroupConfig(tslib_1.__assign(tslib_1.__assign({}, groupConfig), (_a = {}, _a[key] = value, _a)));
+        updateGroup((_b = {},
+            _b[key] = value,
+            _b));
+    };
+    (0, react_1.useEffect)(function () {
+        setGroupConfig(tslib_1.__assign(tslib_1.__assign({}, flowchart_node_panel_1.DefaultNodeConfig), config));
+    }, [config]);
+    return (react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-panel-body") },
+        react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-panel-group") },
+            react_1.default.createElement("h5", null, "\u5185\u5BB9"),
+            react_1.default.createElement(fields_1.InputFiled, { label: "\u6807\u9898", value: groupConfig.label, onChange: function (value) {
+                    onGroupConfigChange('label', value);
+                } })),
+        react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-panel-group") },
+            react_1.default.createElement("h5", null, "\u6837\u5F0F"),
+            react_1.default.createElement(fields_1.Position, { x: groupConfig.x, y: groupConfig.y, onChange: function (key, value) {
+                    onGroupConfigChange(key, value);
+                } }),
+            react_1.default.createElement(fields_1.Size, { width: groupConfig.width, height: groupConfig.height, onChange: function (key, value) {
+                    onGroupConfigChange(key, value);
+                } }),
+            react_1.default.createElement(fields_1.ColorPicker, { label: "\u586B\u5145", value: groupConfig.fill, onChange: function (value) {
+                    onGroupConfigChange('fill', value);
+                } }),
+            react_1.default.createElement(fields_1.ColorPicker, { label: "\u8FB9\u6846", value: groupConfig.stroke, onChange: function (value) {
+                    onGroupConfigChange('stroke', value);
+                } }),
+            react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-node-text-style") },
+                react_1.default.createElement(fields_1.InputNumberFiled, { label: "\u5B57\u53F7", value: groupConfig.fontSize, width: 68, onChange: function (value) {
+                        onGroupConfigChange('fontSize', value);
+                    } }),
+                react_1.default.createElement(fields_1.ColorPicker, { value: groupConfig.fontFill, onChange: function (value) {
+                        onGroupConfigChange('fontFill', value);
+                    } })))));
+};
+var GroupService = function (props) {
+    return (react_1.default.createElement(form_wrapper_1.FlowchartFormWrapper, tslib_1.__assign({}, props), function (config, plugin) { return react_1.default.createElement(GroupComponent, tslib_1.__assign({}, props, { plugin: plugin, config: config })); }));
+};
+exports.GroupService = GroupService;
+//# sourceMappingURL=group.js.map

package/lib/flowchart-editor-panel/control-map-service/components/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/flowchart-editor-panel/control-map-service/components/group.tsx"],"names":[],"mappings":"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"}

package/lib/flowchart-editor-panel/control-map-service/components/node.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface IConfig {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    label?: string;
+    stroke?: string;
+    fill?: string;
+    fontSize?: number;
+    fontFill?: string;
+}
+export declare const NodeService: React.FC<any>;