antd-management-fast-flow 1.0.38 → 1.0.40

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.
@@ -1,20 +1,20 @@
1
- export function BackwardEdge({ id, data, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, borderRadius, centerX, centerY, offset, style, markerEnd, }: {
2
- id: any;
3
- data: any;
4
- sourceX: any;
5
- sourceY: any;
6
- targetX: any;
7
- targetY: any;
8
- sourcePosition: any;
9
- targetPosition: any;
10
- borderRadius: any;
11
- centerX: any;
12
- centerY: any;
13
- offset: any;
14
- style?: {} | undefined;
15
- markerEnd: any;
16
- }): React.JSX.Element;
17
- export namespace BackwardEdge {
18
- const defaultProps: {};
19
- }
20
- import React from "react";
1
+ export function BackwardEdge({ id, data, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, borderRadius, centerX, centerY, offset, style, markerEnd, }: {
2
+ id: any;
3
+ data: any;
4
+ sourceX: any;
5
+ sourceY: any;
6
+ targetX: any;
7
+ targetY: any;
8
+ sourcePosition: any;
9
+ targetPosition: any;
10
+ borderRadius: any;
11
+ centerX: any;
12
+ centerY: any;
13
+ offset: any;
14
+ style?: {} | undefined;
15
+ markerEnd: any;
16
+ }): React.JSX.Element;
17
+ export namespace BackwardEdge {
18
+ let defaultProps: {};
19
+ }
20
+ import React from 'react';
@@ -1,9 +1,9 @@
1
- export class CarbonCopyEdge extends React.PureComponent<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- render(): React.JSX.Element;
5
- }
6
- export namespace CarbonCopyEdge {
7
- const defaultProps: {};
8
- }
9
- import React from "react";
1
+ export class CarbonCopyEdge extends React.PureComponent<any, any, any> {
2
+ constructor(props: any);
3
+ constructor(props: any, context: any);
4
+ render(): React.JSX.Element;
5
+ }
6
+ export namespace CarbonCopyEdge {
7
+ let defaultProps: {};
8
+ }
9
+ import React from 'react';
@@ -1,13 +1,13 @@
1
- export class CarbonCopyNode extends React.PureComponent<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- render(): React.JSX.Element;
5
- }
6
- export namespace CarbonCopyNode {
7
- namespace defaultProps {
8
- const color: string;
9
- const data: {};
10
- const size: string;
11
- }
12
- }
13
- import React from "react";
1
+ export class CarbonCopyNode extends React.PureComponent<any, any, any> {
2
+ constructor(props: any);
3
+ constructor(props: any, context: any);
4
+ render(): React.JSX.Element;
5
+ }
6
+ export namespace CarbonCopyNode {
7
+ namespace defaultProps {
8
+ let color: string;
9
+ let data: {};
10
+ let size: string;
11
+ }
12
+ }
13
+ import React from 'react';
@@ -1,5 +1,5 @@
1
- export function EndNode(properties: any): React.JSX.Element;
2
- export namespace EndNode {
3
- const defaultProps: {};
4
- }
5
- import React from "react";
1
+ export function EndNode(properties: any): React.JSX.Element;
2
+ export namespace EndNode {
3
+ let defaultProps: {};
4
+ }
5
+ import React from 'react';
@@ -1,9 +1,9 @@
1
- export class ForwardEdge extends React.PureComponent<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- render(): React.JSX.Element;
5
- }
6
- export namespace ForwardEdge {
7
- const defaultProps: {};
8
- }
9
- import React from "react";
1
+ export class ForwardEdge extends React.PureComponent<any, any, any> {
2
+ constructor(props: any);
3
+ constructor(props: any, context: any);
4
+ render(): React.JSX.Element;
5
+ }
6
+ export namespace ForwardEdge {
7
+ let defaultProps: {};
8
+ }
9
+ import React from 'react';
@@ -1,2 +1,2 @@
1
- export function GraphicDescription(): React.JSX.Element;
2
- import React from "react";
1
+ export function GraphicDescription(): React.JSX.Element;
2
+ import React from 'react';
@@ -1,2 +1,2 @@
1
- export function GraphicHelper(): React.JSX.Element;
2
- import React from "react";
1
+ export function GraphicHelper(): React.JSX.Element;
2
+ import React from 'react';
@@ -1,13 +1,13 @@
1
- export class IntermediateNode extends React.PureComponent<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- render(): React.JSX.Element;
5
- }
6
- export namespace IntermediateNode {
7
- namespace defaultProps {
8
- const color: string;
9
- const data: {};
10
- const size: string;
11
- }
12
- }
13
- import React from "react";
1
+ export class IntermediateNode extends React.PureComponent<any, any, any> {
2
+ constructor(props: any);
3
+ constructor(props: any, context: any);
4
+ render(): React.JSX.Element;
5
+ }
6
+ export namespace IntermediateNode {
7
+ namespace defaultProps {
8
+ let color: string;
9
+ let data: {};
10
+ let size: string;
11
+ }
12
+ }
13
+ import React from 'react';
@@ -1,5 +1,5 @@
1
- export function StartNode(properties: any): React.JSX.Element;
2
- export namespace StartNode {
3
- const defaultProps: {};
4
- }
5
- import React from "react";
1
+ export function StartNode(properties: any): React.JSX.Element;
2
+ export namespace StartNode {
3
+ let defaultProps: {};
4
+ }
5
+ import React from 'react';
@@ -1,25 +1,25 @@
1
- export const styleClassPrefix: "antd-management-fast-flow";
2
- export const targetPointColor: "#4e44f2";
3
- export const sourcePointColor: "#a98477";
4
- export const forwardEdgeColor: "#b1b1b7";
5
- export const forwardEdgeTextColor: "rgba(211, 220, 50, .6)";
6
- export const forwardEdgeLabelBackground: "#ffcc00";
7
- export const backwardEdgeColor: "#ea7f5b";
8
- export const backwardEdgeTextColor: "rgba(52, 231, 228, .6)";
9
- export const backwardEdgeLabelBackground: "#bed2bb";
10
- export const carbonCopyEdgeColor: "#FF0072";
11
- export const carbonCopyEdgeTextColor: "rgba(921, 120, 90, .6)";
12
- export const carbonCopyEdgeLabelBackground: "#a4baea";
13
- export const startNodeBackgroundColor: "#e895d2";
14
- export const intermediateNodeBackgroundColor: "#f66902";
15
- export const endNodeBackgroundColor: "#c2fa32";
16
- export const carbonCopyNodeBackgroundColor: "#05ea7f";
17
- export namespace startNodeHeaderStyle {
18
- export { startNodeBackgroundColor as backgroundColor };
19
- }
20
- export namespace endNodeHeaderStyle {
21
- export { endNodeBackgroundColor as backgroundColor };
22
- }
23
- export namespace carbonCopyHeaderStyle {
24
- export { carbonCopyNodeBackgroundColor as backgroundColor };
25
- }
1
+ export const styleClassPrefix: "antd-management-fast-flow";
2
+ export const targetPointColor: "#4e44f2";
3
+ export const sourcePointColor: "#a98477";
4
+ export const forwardEdgeColor: "#b1b1b7";
5
+ export const forwardEdgeTextColor: "rgba(211, 220, 50, .6)";
6
+ export const forwardEdgeLabelBackground: "#ffcc00";
7
+ export const backwardEdgeColor: "#ea7f5b";
8
+ export const backwardEdgeTextColor: "rgba(52, 231, 228, .6)";
9
+ export const backwardEdgeLabelBackground: "#bed2bb";
10
+ export const carbonCopyEdgeColor: "#FF0072";
11
+ export const carbonCopyEdgeTextColor: "rgba(921, 120, 90, .6)";
12
+ export const carbonCopyEdgeLabelBackground: "#a4baea";
13
+ export const startNodeBackgroundColor: "#e895d2";
14
+ export const intermediateNodeBackgroundColor: "#f66902";
15
+ export const endNodeBackgroundColor: "#c2fa32";
16
+ export const carbonCopyNodeBackgroundColor: "#05ea7f";
17
+ export namespace startNodeHeaderStyle {
18
+ export { startNodeBackgroundColor as backgroundColor };
19
+ }
20
+ export namespace endNodeHeaderStyle {
21
+ export { endNodeBackgroundColor as backgroundColor };
22
+ }
23
+ export namespace carbonCopyHeaderStyle {
24
+ export { carbonCopyNodeBackgroundColor as backgroundColor };
25
+ }
@@ -1,18 +1,18 @@
1
- export namespace nodeTypes {
2
- export { IntermediateNode as intermediate };
3
- export { CarbonCopyNode as carbonCopy };
4
- export { StartNode as start };
5
- export { EndNode as end };
6
- }
7
- export namespace edgeTypes {
8
- export { ForwardEdge as forward };
9
- export { BackwardEdge as backward };
10
- export { CarbonCopyEdge as carbonCopy };
11
- }
12
- import { IntermediateNode } from "./IntermediateNode";
13
- import { CarbonCopyNode } from "./CarbonCopyNode";
14
- import { StartNode } from "./StartNode";
15
- import { EndNode } from "./EndNode";
16
- import { ForwardEdge } from "./ForwardEdge";
17
- import { BackwardEdge } from "./BackwardEdge";
18
- import { CarbonCopyEdge } from "./CarbonCopyEdge";
1
+ export namespace nodeTypes {
2
+ export { IntermediateNode as intermediate };
3
+ export { CarbonCopyNode as carbonCopy };
4
+ export { StartNode as start };
5
+ export { EndNode as end };
6
+ }
7
+ export namespace edgeTypes {
8
+ export { ForwardEdge as forward };
9
+ export { BackwardEdge as backward };
10
+ export { CarbonCopyEdge as carbonCopy };
11
+ }
12
+ import { IntermediateNode } from './IntermediateNode';
13
+ import { CarbonCopyNode } from './CarbonCopyNode';
14
+ import { StartNode } from './StartNode';
15
+ import { EndNode } from './EndNode';
16
+ import { ForwardEdge } from './ForwardEdge';
17
+ import { BackwardEdge } from './BackwardEdge';
18
+ import { CarbonCopyEdge } from './CarbonCopyEdge';
@@ -1,16 +1,16 @@
1
- export * from "./tools";
2
- export function Flow(properties: any): React.JSX.Element;
3
- export namespace Flow {
4
- namespace defaultProps {
5
- const canEdit: boolean;
6
- const multibranch: boolean;
7
- const nodeNameKey: string;
8
- const listInLineKey: string;
9
- const listOutLineKey: string;
10
- const listApproverKey: string;
11
- const personnelNameKey: string;
12
- const personnelNameLabel: string;
13
- function onEdgeCreate(): void;
14
- }
15
- }
16
- import React from "react";
1
+ export * from "./tools";
2
+ export function Flow(properties: any): React.JSX.Element;
3
+ export namespace Flow {
4
+ namespace defaultProps {
5
+ let canEdit: boolean;
6
+ let multibranch: boolean;
7
+ let nodeNameKey: string;
8
+ let listInLineKey: string;
9
+ let listOutLineKey: string;
10
+ let listApproverKey: string;
11
+ let personnelNameKey: string;
12
+ let personnelNameLabel: string;
13
+ function onEdgeCreate(): void;
14
+ }
15
+ }
16
+ import React from 'react';
@@ -1,2 +1,2 @@
1
- export function adjustNode(o: any): any;
2
- export function adjustEdge(o: any): any;
1
+ export function adjustNode(o: any): any;
2
+ export function adjustEdge(o: any): any;
@@ -1,15 +1,15 @@
1
- export function FlowProcessHistory(properties: any): React.JSX.Element;
2
- export namespace FlowProcessHistory {
3
- namespace defaultProps {
4
- const style: {};
5
- const title: string;
6
- const showTitle: boolean;
7
- const showLeftDivider: boolean;
8
- const canEdit: boolean;
9
- const list: never[];
10
- const listItemConvert: null;
11
- const nextData: null;
12
- const nextDataConvert: null;
13
- }
14
- }
15
- import React from "react";
1
+ export function FlowProcessHistory(properties: any): React.JSX.Element;
2
+ export namespace FlowProcessHistory {
3
+ namespace defaultProps {
4
+ let style: {};
5
+ let title: string;
6
+ let showTitle: boolean;
7
+ let showLeftDivider: boolean;
8
+ let canEdit: boolean;
9
+ let list: never[];
10
+ let listItemConvert: null;
11
+ let nextData: null;
12
+ let nextDataConvert: null;
13
+ }
14
+ }
15
+ import React from 'react';
@@ -1,2 +1,2 @@
1
- export * from "./Flow";
2
- export * from "./FlowProcessHistory";
1
+ export * from "./Flow";
2
+ export * from "./FlowProcessHistory";
package/es/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./components";
1
+ export * from "./components";
package/es/index.js CHANGED
@@ -1 +1 @@
1
- import e,{PureComponent as t,useEffect as n}from"react";import r,{getSmoothStepPath as o,BaseEdge as l,EdgeLabelRenderer as a,Handle as i,Position as c,MarkerType as p,useNodesState as s,useEdgesState as d,Controls as u,MiniMap as f,Panel as m,Background as y}from"reactflow";import{getValueByKey as g,isFunction as x,convertCollection as b,checkStringIsNullOrWhiteSpace as h,buildRandomHexColor as E,isArray as v}from"easy-soft-utility";import{Typography as k,Space as C,Divider as P,Button as R,Card as w,Alert as S,Empty as N,Timeline as O}from"antd";import{iconBuilder as z,FlexBox as A,VerticalBox as K,ColorText as L,CenterBox as j,HelpBox as T,ScrollFacadeBox as B}from"antd-management-fast-component";import Y from"classnames";function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(p)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return X(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function _(e){var t=function(e,t){if("object"!=D(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==D(t)?t:String(t)}function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,l;r=e,o=t,l=n[t],(o=_(o))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V="antd-management-fast-flow",q="#4e44f2",J="#a98477",M="#ffcc00",U="#bed2bb",W="#a4baea",$="#e895d2",G="#f66902",Q="#c2fa32",Z="#05ea7f",ee={backgroundColor:$},te={backgroundColor:Q},ne={backgroundColor:Z},re=k.Text,oe=function(t){var n=t.id,r=t.data,i=t.sourceX,c=t.sourceY,p=t.targetX,s=t.targetY,d=t.sourcePosition,u=t.targetPosition,f=t.borderRadius,m=t.centerX,y=t.centerY,b=t.offset,h=t.style,E=void 0===h?{}:h,v=t.markerEnd,k=I(o({sourceX:i,sourceY:c,sourcePosition:d,targetX:p,targetY:s,targetPosition:u,borderRadius:f,centerX:m,centerY:y,offset:b}),3),P=k[0],R=k[1],w=k[2],S=H({canEdit:!1,multibranch:!1},r),N=S.data,O=S.canEdit,A=S.multibranch,K=S.onChange,L=S.onChangeBranchCondition,j=S.onRemove,T=g({data:N,key:"title"}),B=g({data:N,key:"description"});return e.createElement(e.Fragment,null,e.createElement(l,{id:n,path:P,markerEnd:v,style:E}),e.createElement(a,null,e.createElement("div",{style:{position:"absolute",transform:"translate(-50%, -50%) translate(".concat(R,"px,").concat(w,"px)"),background:U,padding:6,borderRadius:5,fontSize:12,pointerEvents:"all"},title:B||""},e.createElement(C,null,e.createElement(re,{style:{fontSize:"12px",padding:"0.5px 2px",border:"1.2mm ridge ".concat("rgba(52, 231, 228, .6)"),color:"#666"}},T||"回退"),O?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更连线",onClick:function(e){e.stopPropagation(),x(K)&&K(N)}},z.edit()):null,A?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更绑定逆向连接条件",onClick:function(e){e.stopPropagation(),x(L)&&L(N)}},z.pullRequest()):null,O?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击移除连线",onClick:function(e){e.stopPropagation(),x(j)&&j(N)}},z.delete()):null))))};function le(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ae(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,_(r.key),r)}}function ie(e,t,n){return t&&ae(e.prototype,t),n&&ae(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function ce(e,t){return ce=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},ce(e,t)}function pe(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ce(e,t)}function se(e,t){if(t&&("object"===D(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function de(e){return de=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},de(e)}function ue(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=de(e);if(t){var o=de(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return se(this,n)}}oe.defaultProps={};var fe=k.Text,me=function(n){pe(i,t);var r=ue(i);function i(){return le(this,i),r.apply(this,arguments)}return ie(i,[{key:"render",value:function(){var t=this.props,n=t.id,r=t.data,i=t.sourceX,c=t.sourceY,p=t.targetX,s=t.targetY,d=t.sourcePosition,u=t.targetPosition,f=t.borderRadius,m=t.centerX,y=t.centerY,b=t.offset,h=t.markerEnd,E=t.style,v=I(o({sourceX:i,sourceY:c,sourcePosition:d,targetX:p,targetY:s,targetPosition:u,borderRadius:f,centerX:m,centerY:y,offset:b}),3),k=v[0],P=v[1],R=v[2],w=H({canEdit:!1,multibranch:!1},r),S=w.data,N=w.canEdit,O=w.onChange,A=w.onRemove,K=g({data:S,key:"title"}),L=g({data:S,key:"description"});return e.createElement(e.Fragment,null,e.createElement(l,{id:n,path:k,markerEnd:h,style:E}),e.createElement(a,null,e.createElement("div",{style:{position:"absolute",transform:"translate(-50%, -50%) translate(".concat(P,"px,").concat(R,"px)"),background:W,padding:6,borderRadius:5,fontSize:12,pointerEvents:"all"},title:L||""},e.createElement(C,null,e.createElement(fe,{style:{fontSize:"12px",padding:"0.5px 2px",border:"1.2mm ridge ".concat("rgba(921, 120, 90, .6)")}},K||"抄送"),N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更连线",onClick:function(e){e.stopPropagation(),x(O)&&O(S)}},z.edit()):null,N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击移除连线",onClick:function(e){e.stopPropagation(),x(A)&&A(S)}},z.delete()):null))))}}]),i}();function ye(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=de(e);if(t){var o=de(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return se(this,n)}}me.defaultProps={};var ge=function(n){pe(o,t);var r=ye(o);function o(){return le(this,o),r.apply(this,arguments)}return ie(o,[{key:"render",value:function(){var t=this.props,n=t.data,r=t.size,o=H({canEdit:!1,multibranch:!1,nodeNameKey:"nodeNameKey",listInLineKey:"listInLine",listApproverKey:"listApprover",personnelNameKey:"personnelName",personnelNameLabel:""},n),l=o.data,a=o.isNext,p=o.canEdit,s=o.nodeNameKey,d=o.listApproverKey,u=o.personnelNameKey,f=o.personnelNameLabel,m=o.onAddApprover,y=o.onChange,E=o.onRemove,v=o.onRemoveApprover,k=g({data:l,key:s,defaultValue:"暂无"}),w=g({data:l,key:d,convert:b.array}),S=w.length>0;return e.createElement(e.Fragment,null,e.createElement("div",{className:Y("".concat(V+"-node"),a?"".concat(V+"-node-next"):null)},e.createElement("div",{className:"".concat(V+"-node-header"),style:ne},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",textPrefixStyle:{marginRight:"6px"},text:k||"抄送项"})),leftStyle:{paddingRight:"5px"},right:p?e.createElement(C,null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击添加抄送人",onClick:function(e){e.stopPropagation(),x(m)&&m(l)}},z.plusCircle()),e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击编辑节点",onClick:function(e){e.stopPropagation(),x(y)&&y(l)}},z.edit()),e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击移除节点",onClick:function(e){e.stopPropagation(),x(E)&&E(l)}},z.delete())):null})),"small"!==r&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(C,{direction:"vertical",style:{width:"100%"},split:e.createElement(P,{style:{margin:"0"}})},S&&w.map((function(t,n){var r=g({data:t,key:u,defaultValue:""});return e.createElement(A,{key:"user_".concat(n),flexAuto:"left",left:e.createElement(L,{textPrefix:f,text:r||"未设置",separatorStyle:{paddingRight:"3px"},textPrefixStyle:{color:"#333"},color:h(r)?"#ccc":""}),right:p?e.createElement(C,{split:e.createElement(P,{type:"vertical",style:{marginLeft:"1px",marginRight:"1px"}})},e.createElement(R,{size:"small",style:{padding:"0.5px 5px",fontSize:"12px"},title:"移除抄送人",onClick:function(e){e.stopPropagation(),x(v)&&v(t)}},z.delete())):null})})),S?null:e.createElement("div",null,"未设置抄送人",p?",点击 ":"",p?z.plusCircle():"",p?" 按钮添加":"","。")))))),e.createElement(i,{type:"target",id:"top",position:c.Top,style:{left:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",id:"bottom",position:c.Bottom,style:{left:"50%",background:q},isConnectable:!0}))}}]),o}();ge.defaultProps={color:"black",data:{},size:""};var xe=function(t){var n=t.size,r=t.data,o=t.onClick,l=H({canEdit:!1},r),a=l.data,p=l.canEdit,s=l.onRemove,d=g({data:a,key:"name"}),u=g({data:a,key:"description"});return e.createElement(e.Fragment,null,e.createElement("div",{className:"".concat(V+"-node"),onClick:o,title:u||""},e.createElement("div",{className:"".concat(V+"-node-header"),style:te},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",textPrefixStyle:{marginRight:"6px"},text:d||"终止点"})),right:p?e.createElement(C,null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击移除节点",onClick:function(e){e.stopPropagation(),x(s)&&s(a)}},z.delete())):null})),"small"!==n&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(L,{text:"此节点为终止节点,代表流程结束。"}))))),e.createElement(i,{type:"target",position:c.Top,id:"top",style:{background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Bottom,id:"bottom",style:{top:"100%",background:q},isConnectable:!0}))};function be(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=de(e);if(t){var o=de(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return se(this,n)}}xe.defaultProps={};var he=k.Text,Ee=function(n){pe(i,t);var r=be(i);function i(){return le(this,i),r.apply(this,arguments)}return ie(i,[{key:"render",value:function(){var t=this.props,n=t.id,r=t.data,i=t.sourceX,c=t.sourceY,p=t.targetX,s=t.targetY,d=t.sourcePosition,u=t.targetPosition,f=t.borderRadius,m=t.centerX,y=t.centerY,b=t.offset,h=t.markerEnd,E=t.style,v=I(o({sourceX:i,sourceY:c,sourcePosition:d,targetX:p,targetY:s,targetPosition:u,borderRadius:f,centerX:m,centerY:y,offset:b}),3),k=v[0],P=v[1],R=v[2],w=H({canEdit:!1,multibranch:!1},r),S=w.data,N=w.canEdit,O=w.multibranch,A=w.onChange,K=w.onChangeBranchCondition,L=w.onRemove,j=g({data:S,key:"title"}),T=g({data:S,key:"description"});return e.createElement(e.Fragment,null,e.createElement(l,{id:n,path:k,markerEnd:h,style:E}),e.createElement(a,null,e.createElement("div",{style:{position:"absolute",transform:"translate(-50%, -50%) translate(".concat(P,"px,").concat(R,"px)"),background:M,padding:6,borderRadius:5,fontSize:12,pointerEvents:"all"},title:T||""},e.createElement(C,null,e.createElement(he,{style:{fontSize:"12px",padding:"0.5px 2px",border:"1.2mm ridge ".concat("rgba(211, 220, 50, .6)")}},j||"前进"),N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更连线",onClick:function(e){e.stopPropagation(),x(A)&&A(S)}},z.edit()):null,O?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更绑定的正向连接条件",onClick:function(e){e.stopPropagation(),x(K)&&K(S)}},z.nodeIndex()):null,N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击移除连线",onClick:function(e){e.stopPropagation(),x(L)&&L(S)}},z.delete()):null))))}}]),i}();function ve(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=de(e);if(t){var o=de(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return se(this,n)}}Ee.defaultProps={};var ke=function(n){pe(o,t);var r=ve(o);function o(){return le(this,o),r.apply(this,arguments)}return ie(o,[{key:"render",value:function(){var t=this.props,n=t.data,r=t.size,o=H({canEdit:!1,multibranch:!1,nodeNameKey:"nodeNameKey",listInLineKey:"listInLine",listOutLineKey:"listOutLine",listApproverKey:"listApprover",personnelNameKey:"personnelName",personnelNameLabel:""},n),l=o.data,a=o.isNext,p=o.canEdit,s=o.multibranch,d=o.nodeNameKey,u=o.listApproverKey,f=o.personnelNameKey,m=o.personnelNameLabel,y=o.onAddApprover,E=o.onChange,v=o.onChangeBranchCondition,k=o.onRemove,w=o.onRemoveApprover,S=g({data:l,key:d,defaultValue:"暂无"}),N=g({data:l,key:u,convert:b.array}),O=N.length>0;return e.createElement(e.Fragment,null,e.createElement("div",{className:Y("".concat(V+"-node"),a?"".concat(V+"-node-next"):null)},e.createElement("div",{className:"".concat(V+"-node-header")},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement("div",{style:{width:"100%"}},e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",textPrefixStyle:{marginRight:"6px"},text:S||"流程项"}))),right:p?e.createElement(C,null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击添加审批人",onClick:function(e){e.stopPropagation(),x(y)&&y(l)}},z.plusCircle()),e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击编辑节点",onClick:function(e){e.stopPropagation(),x(E)&&E(l)}},z.edit()),s?e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击编辑分支条件",onClick:function(e){e.stopPropagation(),x(v)&&v(l)}},z.branches()):null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击移除节点",onClick:function(e){e.stopPropagation(),x(k)&&k(l)}},z.delete())):null})),"small"!==r&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(C,{direction:"vertical",style:{width:"100%"},split:e.createElement(P,{style:{margin:"0"}})},O&&N.map((function(t,n){var r=g({data:t,key:f,defaultValue:""});return e.createElement(A,{key:"user_".concat(n),flexAuto:"left",left:e.createElement(L,{textPrefix:m,text:r||"未设置",separatorStyle:{paddingRight:"3px"},textPrefixStyle:{color:"#333"},color:h(r)?"#ccc":""}),right:p?e.createElement(C,{split:e.createElement(P,{type:"vertical",style:{marginLeft:"1px",marginRight:"1px"}})},e.createElement(R,{size:"small",style:{padding:"0.5px 5px",fontSize:"12px"},title:"移除审批人",onClick:function(e){e.stopPropagation(),x(w)&&w(t)}},z.delete())):null})})),O?null:e.createElement("div",null,"未设置审批人",p?",点击 ":"",p?z.plusCircle():"",p?" 按钮添加":"","。")))))),e.createElement(i,{type:"target",id:"top",position:c.Top,style:{left:"45%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",id:"top",position:c.Top,style:{left:"55%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"33%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Left,id:"left",style:{top:"66%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"66%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Right,id:"right",style:{top:"33%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",id:"bottom",position:c.Bottom,style:{left:"55%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Bottom,id:"bottom",style:{left:"45%",background:J},isConnectable:!0}))}}]),o}();ke.defaultProps={color:"black",data:{},size:""};var Ce=function(t){var n=t.size,r=t.onClick;return e.createElement(e.Fragment,null,e.createElement("div",{className:"".concat(V+"-node"),onClick:r},e.createElement("div",{className:"".concat(V+"-node-header"),style:ee},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",text:"起始点"}))})),"small"!==n&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(L,{text:"此为流程发起唯一节点,无审批人。"}))))),e.createElement(i,{type:"target",id:"top",position:c.Top,style:{left:"45%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",id:"top",position:c.Top,style:{left:"55%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"33%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Left,id:"left",style:{top:"66%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"66%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Right,id:"right",style:{top:"33%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",id:"bottom",position:c.Bottom,style:{left:"55%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Bottom,id:"bottom",style:{left:"45%",background:J},isConnectable:!0}))};Ce.defaultProps={};var Pe={intermediate:ke,carbonCopy:ge,start:Ce,end:xe},Re={forward:Ee,backward:oe,carbonCopy:me};function we(){return e.createElement(w,{title:"图示说明:",size:"small"},e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:$,borderRadius:"3px"}})),right:"流程起始节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:G,borderRadius:"3px"}})),right:"流程中间节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:Z,borderRadius:"3px"}})),right:"流程抄送节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:Q,borderRadius:"3px"}})),right:"流程终止节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",border:"2px solid",borderImage:"linear-gradient(45deg, gold, deeppink) 1",clipPath:"inset(0px round 5px)",filter:"hue-rotate(360deg)"}})),right:"等待流转节点"})),e.createElement(P,{type:"horizontal",style:{marginTop:"6px",marginBottom:"6px"}}),e.createElement("div",null,e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"6px",width:"6px",backgroundColor:q,borderRadius:"50%"}})),right:"节点流程入口"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"6px",width:"6px",backgroundColor:J,borderRadius:"50%"}})),right:"节点流程出口"})),e.createElement(P,{type:"horizontal",style:{marginTop:"6px",marginBottom:"6px"}}),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:M,borderRadius:"3px"}})),right:"前进指向标签"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:W,borderRadius:"3px"}})),right:"抄送指向标签"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:U,borderRadius:"3px"}})),right:"回退指向标签"})))}function Se(){return e.createElement(w,{title:"操作说明:",size:"small"},e.createElement("div",{style:{width:"180px"}},e.createElement(T,{showTitle:!1,showNumber:!0,labelWidth:18,list:[{text:"起始节点仅能存在一个。"},{text:"点击节点中的 ”编辑“ 可设置节点信息。"},{text:"点击节点中的 ”更改“ 可设置节点审核人信息。"},{text:"点击节点中的 ”条件“ 可设置节点的分支进入条件, 仅在存在多条驶出线条时可用。"},{text:"点击线条中的 ”变更“ 可设置连线信息。"},{text:"点击 刷新图标 可重新加载信息。"},{text:"点击节点或线条的 删除图标 可删除节点或连线。"}],useBackground:!1})))}function Ne(e){return H({position:{x:0,y:0},canEdit:!1},e)}function Oe(e){var t=g({data:e,key:"index",convert:b.number}),n=g({data:e,key:"forward",convert:b.boolean}),r=g({data:e,key:"carbonCopy",convert:b.boolean}),o=t>0?E({seed:30*t+t+2}):"#b1b1b7",l=t>0?E({seed:30*t+t+2}):"#ea7f5b";return H(H({animated:!0,canEdit:!1,sourceHandle:n?"bottom":"right",targetHandle:n?"top":"right"},e),{},{type:n?r?"carbonCopy":"forward":"backward",markerEnd:{type:p.ArrowClosed,color:n?o:l},style:{stroke:n?o:l}})}var ze={};function Ae(t){var o=t.canEdit,l=t.multibranch,a=t.nodeNameKey,i=t.listInLineKey,c=t.listOutLineKey,p=t.listApproverKey,g=t.personnelNameKey,b=t.personnelNameLabel,h=t.nodes,E=t.edges,k=t.updateViewConfig,C=t.onEdgeCreate,P=v(h)?h:[],R=v(E)?E:[],w=I(s([]),3),S=w[0],N=w[1],O=w[2],z=I(d([]),3),A=z[0],K=z[1],L=z[2];n((function(){N(P),K(R)}),[P,R]);var j=S.map((function(e){return e.data.canEdit=o||!1,e.data.multibranch=l||!1,e.data.nodeNameKey=a,e.data.listInLineKey=i,e.data.listOutLineKey=c,e.data.listApproverKey=p,e.data.personnelNameKey=g,e.data.personnelNameLabel=b,e})),T=A.map((function(e){return e.data.canEdit=o||!1,e.data.multibranch=l||!1,e}));return e.createElement(r,{fitView:!0,nodes:j,edges:T,onConnect:function(e){x(C)&&C(e)},onNodesChange:function(e){o&&O(e)},onEdgesChange:function(e){o&&L(e)},onNodeDragStart:function(e,t){if(o){var n=t.position;ze=n}},onNodeDragStop:function(e,t){if(o&&x(k)){var n=t.position,r=t.data.data,l=n.x,a=n.y,i=ze,c=i.x,p=i.y;l==c&&a==p||k({viewConfigData:JSON.stringify({position:n})},r)}},nodeTypes:Pe,edgeTypes:Re},e.createElement(u,null),e.createElement(f,{zoomable:!0,pannable:!0}),e.createElement(m,{position:"top-left"},e.createElement(we,null)),e.createElement(m,{position:"top-right"},o?e.createElement(Se,null):null),e.createElement(y,null))}Ae.defaultProps={canEdit:!0,multibranch:!1,nodeNameKey:"nodeNameKey",listInLineKey:"listInLine",listOutLineKey:"listOutLine",listApproverKey:"listApprover",personnelNameKey:"personnelNameKey",personnelNameLabel:"personnelNameLabel",onEdgeCreate:function(){}};var Ke=k.Paragraph;function Le(t){var n=t.style,r=t.title,o=t.showTitle,l=t.showLeftDivider,a=t.list,i=t.listItemConvert,c=t.nextData,p=t.nextDataConvert,s=null==c?null:x(p)?p(c):c,d=(v(a)?a:[]).map((function(e){return x(i)?i(e):e}));null!=s&&d.push(s);var u=null;if(d.length<=0)u=e.createElement(N,null);else{var f=d.length,m=d.map((function(t,n){var r=H({titlePrefix:"审批节点",icon:null,color:null,notePrefix:"审批备注",resultPrefix:"审批结果",operatorNamePrefix:"审批人",timePrefix:"审批时间",compact:!1},t),o=r.titlePrefix,l=r.title,a=r.notePrefix,i=r.note,c=r.resultPrefix,p=r.result,d=r.operatorNamePrefix,u=r.operatorName,m=r.timePrefix,y=r.time,g=r.icon,x=r.color,b=r.compact;return{color:x||(null==s&&f===n+1?"blue":"gray"),dot:g,children:e.createElement(e.Fragment,null,h(l)?null:e.createElement(Ke,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:o,text:l})),b||h(p)?null:e.createElement(Ke,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:c,text:p})),b||h(u)?null:e.createElement(Ke,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:d,text:u})),b||h(i)?null:e.createElement(Ke,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:a,text:i||"无备注"})),b||h(y)?null:e.createElement(Ke,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:m,text:y})))}}));u=e.createElement(O,{reverse:!0,style:{marginTop:"10px"},items:m})}var y=e.createElement(A,{style:{height:"100%"},flexAuto:"bottom",topStyle:{paddingBottom:"6px"},top:o?e.createElement(S,{message:"".concat(r,":"),type:"info"}):null,bottom:o?e.createElement("div",{style:{height:"100%",position:"relative"}},e.createElement(B,{style:{position:"absolute",left:0,top:0,paddingLeft:"6px",paddingRight:"6px",height:"100%",width:"100%",overflowY:"auto"}},u)):u});return l?e.createElement(A,{style:H(H({},n),{},{height:"100%"}),flexAuto:"right",left:e.createElement(P,{type:"vertical",style:{height:"100%"}}),right:y}):y}Le.defaultProps={style:{},title:"审批进度",showTitle:!1,showLeftDivider:!1,canEdit:!0,list:[],listItemConvert:null,nextData:null,nextDataConvert:null};export{Ae as Flow,Le as FlowProcessHistory,Oe as adjustEdge,Ne as adjustNode};
1
+ import e,{PureComponent as t,useEffect as n}from"react";import r,{getSmoothStepPath as o,BaseEdge as l,EdgeLabelRenderer as a,Handle as i,Position as c,MarkerType as p,useNodesState as s,useEdgesState as d,Controls as u,MiniMap as f,Panel as m,Background as y}from"reactflow";import{getValueByKey as g,isFunction as x,convertCollection as b,checkStringIsNullOrWhiteSpace as E,buildRandomHexColor as h,isArray as v}from"easy-soft-utility";import{Typography as k,Space as C,Divider as P,Button as R,Card as w,Alert as S,Empty as N,Timeline as O}from"antd";import{iconBuilder as z,FlexBox as A,VerticalBox as K,ColorText as L,CenterBox as j,HelpBox as T,ScrollFacadeBox as B}from"antd-management-fast-component";import Y from"classnames";function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(p)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return X(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function _(e){var t=function(e,t){if("object"!=D(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==D(t)?t:String(t)}function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,l;r=e,o=t,l=n[t],(o=_(o))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V="antd-management-fast-flow",q="#4e44f2",J="#a98477",M="#ffcc00",U="#bed2bb",W="#a4baea",$="#e895d2",G="#f66902",Q="#c2fa32",Z="#05ea7f",ee={backgroundColor:$},te={backgroundColor:Q},ne={backgroundColor:Z},re=k.Text,oe=function(t){var n=t.id,r=t.data,i=t.sourceX,c=t.sourceY,p=t.targetX,s=t.targetY,d=t.sourcePosition,u=t.targetPosition,f=t.borderRadius,m=t.centerX,y=t.centerY,b=t.offset,E=t.style,h=void 0===E?{}:E,v=t.markerEnd,k=I(o({sourceX:i,sourceY:c,sourcePosition:d,targetX:p,targetY:s,targetPosition:u,borderRadius:f,centerX:m,centerY:y,offset:b}),3),P=k[0],R=k[1],w=k[2],S=H({canEdit:!1,multibranch:!1},r),N=S.data,O=S.canEdit,A=S.multibranch,K=S.onChange,L=S.onChangeBranchCondition,j=S.onRemove,T=g({data:N,key:"title"}),B=g({data:N,key:"description"});return e.createElement(e.Fragment,null,e.createElement(l,{id:n,path:P,markerEnd:v,style:h}),e.createElement(a,null,e.createElement("div",{style:{position:"absolute",transform:"translate(-50%, -50%) translate(".concat(R,"px,").concat(w,"px)"),background:U,padding:6,borderRadius:5,fontSize:12,pointerEvents:"all"},title:B||""},e.createElement(C,null,e.createElement(re,{style:{fontSize:"12px",padding:"0.5px 2px",border:"1.2mm ridge ".concat("rgba(52, 231, 228, .6)"),color:"#666"}},T||"回退"),O?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更连线",onClick:function(e){e.stopPropagation(),x(K)&&K(N)}},z.edit()):null,A?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更绑定逆向连接条件",onClick:function(e){e.stopPropagation(),x(L)&&L(N)}},z.pullRequest()):null,O?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击移除连线",onClick:function(e){e.stopPropagation(),x(j)&&j(N)}},z.delete()):null))))};function le(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ae(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,_(r.key),r)}}function ie(e,t,n){return t&&ae(e.prototype,t),n&&ae(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function ce(e,t){if(t&&("object"===D(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function pe(e){return pe=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},pe(e)}function se(e,t){return se=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},se(e,t)}function de(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&se(e,t)}oe.defaultProps={};var ue=k.Text,fe=function(n){function r(){return le(this,r),e=this,n=arguments,t=pe(t=r),ce(e,function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){return!1}}()?Reflect.construct(t,n||[],pe(e).constructor):t.apply(e,n));var e,t,n}return de(r,t),ie(r,[{key:"render",value:function(){var t=this.props,n=t.id,r=t.data,i=t.sourceX,c=t.sourceY,p=t.targetX,s=t.targetY,d=t.sourcePosition,u=t.targetPosition,f=t.borderRadius,m=t.centerX,y=t.centerY,b=t.offset,E=t.markerEnd,h=t.style,v=I(o({sourceX:i,sourceY:c,sourcePosition:d,targetX:p,targetY:s,targetPosition:u,borderRadius:f,centerX:m,centerY:y,offset:b}),3),k=v[0],P=v[1],R=v[2],w=H({canEdit:!1,multibranch:!1},r),S=w.data,N=w.canEdit,O=w.onChange,A=w.onRemove,K=g({data:S,key:"title"}),L=g({data:S,key:"description"});return e.createElement(e.Fragment,null,e.createElement(l,{id:n,path:k,markerEnd:E,style:h}),e.createElement(a,null,e.createElement("div",{style:{position:"absolute",transform:"translate(-50%, -50%) translate(".concat(P,"px,").concat(R,"px)"),background:W,padding:6,borderRadius:5,fontSize:12,pointerEvents:"all"},title:L||""},e.createElement(C,null,e.createElement(ue,{style:{fontSize:"12px",padding:"0.5px 2px",border:"1.2mm ridge ".concat("rgba(921, 120, 90, .6)")}},K||"抄送"),N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更连线",onClick:function(e){e.stopPropagation(),x(O)&&O(S)}},z.edit()):null,N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击移除连线",onClick:function(e){e.stopPropagation(),x(A)&&A(S)}},z.delete()):null))))}}]),r}();fe.defaultProps={};var me=function(n){function r(){return le(this,r),e=this,n=arguments,t=pe(t=r),ce(e,function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){return!1}}()?Reflect.construct(t,n||[],pe(e).constructor):t.apply(e,n));var e,t,n}return de(r,t),ie(r,[{key:"render",value:function(){var t=this.props,n=t.data,r=t.size,o=H({canEdit:!1,multibranch:!1,nodeNameKey:"nodeNameKey",listInLineKey:"listInLine",listApproverKey:"listApprover",personnelNameKey:"personnelName",personnelNameLabel:""},n),l=o.data,a=o.isNext,p=o.canEdit,s=o.nodeNameKey,d=o.listApproverKey,u=o.personnelNameKey,f=o.personnelNameLabel,m=o.onAddApprover,y=o.onChange,h=o.onRemove,v=o.onRemoveApprover,k=g({data:l,key:s,defaultValue:"暂无"}),w=g({data:l,key:d,convert:b.array}),S=w.length>0;return e.createElement(e.Fragment,null,e.createElement("div",{className:Y("".concat(V+"-node"),a?"".concat(V+"-node-next"):null)},e.createElement("div",{className:"".concat(V+"-node-header"),style:ne},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",textPrefixStyle:{marginRight:"6px"},text:k||"抄送项"})),leftStyle:{paddingRight:"5px"},right:p?e.createElement(C,null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击添加抄送人",onClick:function(e){e.stopPropagation(),x(m)&&m(l)}},z.plusCircle()),e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击编辑节点",onClick:function(e){e.stopPropagation(),x(y)&&y(l)}},z.edit()),e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击移除节点",onClick:function(e){e.stopPropagation(),x(h)&&h(l)}},z.delete())):null})),"small"!==r&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(C,{direction:"vertical",style:{width:"100%"},split:e.createElement(P,{style:{margin:"0"}})},S&&w.map((function(t,n){var r=g({data:t,key:u,defaultValue:""});return e.createElement(A,{key:"user_".concat(n),flexAuto:"left",left:e.createElement(L,{textPrefix:f,text:r||"未设置",separatorStyle:{paddingRight:"3px"},textPrefixStyle:{color:"#333"},color:E(r)?"#ccc":""}),right:p?e.createElement(C,{split:e.createElement(P,{type:"vertical",style:{marginLeft:"1px",marginRight:"1px"}})},e.createElement(R,{size:"small",style:{padding:"0.5px 5px",fontSize:"12px"},title:"移除抄送人",onClick:function(e){e.stopPropagation(),x(v)&&v(t)}},z.delete())):null})})),S?null:e.createElement("div",null,"未设置抄送人",p?",点击 ":"",p?z.plusCircle():"",p?" 按钮添加":"","。")))))),e.createElement(i,{type:"target",id:"top",position:c.Top,style:{left:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",id:"bottom",position:c.Bottom,style:{left:"50%",background:q},isConnectable:!0}))}}]),r}();me.defaultProps={color:"black",data:{},size:""};var ye=function(t){var n=t.size,r=t.data,o=t.onClick,l=H({canEdit:!1},r),a=l.data,p=l.canEdit,s=l.onRemove,d=g({data:a,key:"name"}),u=g({data:a,key:"description"});return e.createElement(e.Fragment,null,e.createElement("div",{className:"".concat(V+"-node"),onClick:o,title:u||""},e.createElement("div",{className:"".concat(V+"-node-header"),style:te},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",textPrefixStyle:{marginRight:"6px"},text:d||"终止点"})),right:p?e.createElement(C,null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击移除节点",onClick:function(e){e.stopPropagation(),x(s)&&s(a)}},z.delete())):null})),"small"!==n&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(L,{text:"此节点为终止节点,代表流程结束。"}))))),e.createElement(i,{type:"target",position:c.Top,id:"top",style:{background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"50%",background:q},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Bottom,id:"bottom",style:{top:"100%",background:q},isConnectable:!0}))};ye.defaultProps={};var ge=k.Text,xe=function(n){function r(){return le(this,r),e=this,n=arguments,t=pe(t=r),ce(e,function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){return!1}}()?Reflect.construct(t,n||[],pe(e).constructor):t.apply(e,n));var e,t,n}return de(r,t),ie(r,[{key:"render",value:function(){var t=this.props,n=t.id,r=t.data,i=t.sourceX,c=t.sourceY,p=t.targetX,s=t.targetY,d=t.sourcePosition,u=t.targetPosition,f=t.borderRadius,m=t.centerX,y=t.centerY,b=t.offset,E=t.markerEnd,h=t.style,v=I(o({sourceX:i,sourceY:c,sourcePosition:d,targetX:p,targetY:s,targetPosition:u,borderRadius:f,centerX:m,centerY:y,offset:b}),3),k=v[0],P=v[1],R=v[2],w=H({canEdit:!1,multibranch:!1},r),S=w.data,N=w.canEdit,O=w.multibranch,A=w.onChange,K=w.onChangeBranchCondition,L=w.onRemove,j=g({data:S,key:"title"}),T=g({data:S,key:"description"});return e.createElement(e.Fragment,null,e.createElement(l,{id:n,path:k,markerEnd:E,style:h}),e.createElement(a,null,e.createElement("div",{style:{position:"absolute",transform:"translate(-50%, -50%) translate(".concat(P,"px,").concat(R,"px)"),background:M,padding:6,borderRadius:5,fontSize:12,pointerEvents:"all"},title:T||""},e.createElement(C,null,e.createElement(ge,{style:{fontSize:"12px",padding:"0.5px 2px",border:"1.2mm ridge ".concat("rgba(211, 220, 50, .6)")}},j||"前进"),N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更连线",onClick:function(e){e.stopPropagation(),x(A)&&A(S)}},z.edit()):null,O?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击变更绑定的正向连接条件",onClick:function(e){e.stopPropagation(),x(K)&&K(S)}},z.nodeIndex()):null,N?e.createElement("button",{style:{padding:"0.5px 4px",fontSize:"12px"},title:"点击移除连线",onClick:function(e){e.stopPropagation(),x(L)&&L(S)}},z.delete()):null))))}}]),r}();xe.defaultProps={};var be=function(n){function r(){return le(this,r),e=this,n=arguments,t=pe(t=r),ce(e,function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){return!1}}()?Reflect.construct(t,n||[],pe(e).constructor):t.apply(e,n));var e,t,n}return de(r,t),ie(r,[{key:"render",value:function(){var t=this.props,n=t.data,r=t.size,o=H({canEdit:!1,multibranch:!1,nodeNameKey:"nodeNameKey",listInLineKey:"listInLine",listOutLineKey:"listOutLine",listApproverKey:"listApprover",personnelNameKey:"personnelName",personnelNameLabel:""},n),l=o.data,a=o.isNext,p=o.canEdit,s=o.multibranch,d=o.nodeNameKey,u=o.listApproverKey,f=o.personnelNameKey,m=o.personnelNameLabel,y=o.onAddApprover,h=o.onChange,v=o.onChangeBranchCondition,k=o.onRemove,w=o.onRemoveApprover,S=g({data:l,key:d,defaultValue:"暂无"}),N=g({data:l,key:u,convert:b.array}),O=N.length>0;return e.createElement(e.Fragment,null,e.createElement("div",{className:Y("".concat(V+"-node"),a?"".concat(V+"-node-next"):null)},e.createElement("div",{className:"".concat(V+"-node-header")},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement("div",{style:{width:"100%"}},e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",textPrefixStyle:{marginRight:"6px"},text:S||"流程项"}))),right:p?e.createElement(C,null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击添加审批人",onClick:function(e){e.stopPropagation(),x(y)&&y(l)}},z.plusCircle()),e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击编辑节点",onClick:function(e){e.stopPropagation(),x(h)&&h(l)}},z.edit()),s?e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击编辑分支条件",onClick:function(e){e.stopPropagation(),x(v)&&v(l)}},z.branches()):null,e.createElement("button",{style:{padding:"1px 4px",fontSize:"12px",backgroundColor:"transparent",borderRadius:"5px",borderColor:"#fff"},title:"点击移除节点",onClick:function(e){e.stopPropagation(),x(k)&&k(l)}},z.delete())):null})),"small"!==r&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(C,{direction:"vertical",style:{width:"100%"},split:e.createElement(P,{style:{margin:"0"}})},O&&N.map((function(t,n){var r=g({data:t,key:f,defaultValue:""});return e.createElement(A,{key:"user_".concat(n),flexAuto:"left",left:e.createElement(L,{textPrefix:m,text:r||"未设置",separatorStyle:{paddingRight:"3px"},textPrefixStyle:{color:"#333"},color:E(r)?"#ccc":""}),right:p?e.createElement(C,{split:e.createElement(P,{type:"vertical",style:{marginLeft:"1px",marginRight:"1px"}})},e.createElement(R,{size:"small",style:{padding:"0.5px 5px",fontSize:"12px"},title:"移除审批人",onClick:function(e){e.stopPropagation(),x(w)&&w(t)}},z.delete())):null})})),O?null:e.createElement("div",null,"未设置审批人",p?",点击 ":"",p?z.plusCircle():"",p?" 按钮添加":"","。")))))),e.createElement(i,{type:"target",id:"top",position:c.Top,style:{left:"45%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",id:"top",position:c.Top,style:{left:"55%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"33%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Left,id:"left",style:{top:"66%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"66%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Right,id:"right",style:{top:"33%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",id:"bottom",position:c.Bottom,style:{left:"55%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Bottom,id:"bottom",style:{left:"45%",background:J},isConnectable:!0}))}}]),r}();be.defaultProps={color:"black",data:{},size:""};var Ee=function(t){var n=t.size,r=t.onClick;return e.createElement(e.Fragment,null,e.createElement("div",{className:"".concat(V+"-node"),onClick:r},e.createElement("div",{className:"".concat(V+"-node-header"),style:ee},e.createElement(A,{flexAuto:"left",miniAuto:!0,left:e.createElement(K,null,e.createElement(L,{block:!0,title:!0,style:{height:"22px"},textStyle:{width:"100%",height:"22px",lineHeight:"22px",textOverflow:"ellipsis"},color:"#333",separator:" ",text:"起始点"}))})),"small"!==n&&e.createElement("div",{className:"".concat(V+"-node-content")},e.createElement("div",{className:"".concat(V+"-node-content-inner")},e.createElement("div",{className:"".concat(V+"-node-content-info")},e.createElement(L,{text:"此为流程发起唯一节点,无审批人。"}))))),e.createElement(i,{type:"target",id:"top",position:c.Top,style:{left:"45%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",id:"top",position:c.Top,style:{left:"55%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Left,id:"left",style:{top:"33%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Left,id:"left",style:{top:"66%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",position:c.Right,id:"right",style:{top:"66%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Right,id:"right",style:{top:"33%",background:J},isConnectable:!0}),e.createElement(i,{type:"target",id:"bottom",position:c.Bottom,style:{left:"55%",background:q},isConnectable:!0}),e.createElement(i,{type:"source",position:c.Bottom,id:"bottom",style:{left:"45%",background:J},isConnectable:!0}))};Ee.defaultProps={};var he={intermediate:be,carbonCopy:me,start:Ee,end:ye},ve={forward:xe,backward:oe,carbonCopy:fe};function ke(){return e.createElement(w,{title:"图示说明:",size:"small"},e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:$,borderRadius:"3px"}})),right:"流程起始节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:G,borderRadius:"3px"}})),right:"流程中间节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:Z,borderRadius:"3px"}})),right:"流程抄送节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:Q,borderRadius:"3px"}})),right:"流程终止节点"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",border:"2px solid",borderImage:"linear-gradient(45deg, gold, deeppink) 1",clipPath:"inset(0px round 5px)",filter:"hue-rotate(360deg)"}})),right:"等待流转节点"})),e.createElement(P,{type:"horizontal",style:{marginTop:"6px",marginBottom:"6px"}}),e.createElement("div",null,e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"6px",width:"6px",backgroundColor:q,borderRadius:"50%"}})),right:"节点流程入口"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"6px",width:"6px",backgroundColor:J,borderRadius:"50%"}})),right:"节点流程出口"})),e.createElement(P,{type:"horizontal",style:{marginTop:"6px",marginBottom:"6px"}}),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:M,borderRadius:"3px"}})),right:"前进指向标签"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:W,borderRadius:"3px"}})),right:"抄送指向标签"})),e.createElement("div",{style:{width:"120px"}},e.createElement(A,{flex:"left",leftStyle:{paddingRight:"10px"},left:e.createElement(j,null,e.createElement("div",{style:{height:"10px",width:"16px",backgroundColor:U,borderRadius:"3px"}})),right:"回退指向标签"})))}function Ce(){return e.createElement(w,{title:"操作说明:",size:"small"},e.createElement("div",{style:{width:"180px"}},e.createElement(T,{showTitle:!1,showNumber:!0,labelWidth:18,list:[{text:"起始节点仅能存在一个。"},{text:"点击节点中的 ”编辑“ 可设置节点信息。"},{text:"点击节点中的 ”更改“ 可设置节点审核人信息。"},{text:"点击节点中的 ”条件“ 可设置节点的分支进入条件, 仅在存在多条驶出线条时可用。"},{text:"点击线条中的 ”变更“ 可设置连线信息。"},{text:"点击 刷新图标 可重新加载信息。"},{text:"点击节点或线条的 删除图标 可删除节点或连线。"}],useBackground:!1})))}function Pe(e){return H({position:{x:0,y:0},canEdit:!1},e)}function Re(e){var t=g({data:e,key:"index",convert:b.number}),n=g({data:e,key:"forward",convert:b.boolean}),r=g({data:e,key:"carbonCopy",convert:b.boolean}),o=t>0?h({seed:30*t+t+2}):"#b1b1b7",l=t>0?h({seed:30*t+t+2}):"#ea7f5b";return H(H({animated:!0,canEdit:!1,sourceHandle:n?"bottom":"right",targetHandle:n?"top":"right"},e),{},{type:n?r?"carbonCopy":"forward":"backward",markerEnd:{type:p.ArrowClosed,color:n?o:l},style:{stroke:n?o:l}})}var we={};function Se(t){var o=t.canEdit,l=t.multibranch,a=t.nodeNameKey,i=t.listInLineKey,c=t.listOutLineKey,p=t.listApproverKey,g=t.personnelNameKey,b=t.personnelNameLabel,E=t.nodes,h=t.edges,k=t.updateViewConfig,C=t.onEdgeCreate,P=v(E)?E:[],R=v(h)?h:[],w=I(s([]),3),S=w[0],N=w[1],O=w[2],z=I(d([]),3),A=z[0],K=z[1],L=z[2];n((function(){N(P),K(R)}),[P,R]);var j=S.map((function(e){return e.data.canEdit=o||!1,e.data.multibranch=l||!1,e.data.nodeNameKey=a,e.data.listInLineKey=i,e.data.listOutLineKey=c,e.data.listApproverKey=p,e.data.personnelNameKey=g,e.data.personnelNameLabel=b,e})),T=A.map((function(e){return e.data.canEdit=o||!1,e.data.multibranch=l||!1,e}));return e.createElement(r,{fitView:!0,nodes:j,edges:T,onConnect:function(e){x(C)&&C(e)},onNodesChange:function(e){o&&O(e)},onEdgesChange:function(e){o&&L(e)},onNodeDragStart:function(e,t){if(o){var n=t.position;we=n}},onNodeDragStop:function(e,t){if(o&&x(k)){var n=t.position,r=t.data.data,l=n.x,a=n.y,i=we,c=i.x,p=i.y;l==c&&a==p||k({viewConfigData:JSON.stringify({position:n})},r)}},nodeTypes:he,edgeTypes:ve},e.createElement(u,null),e.createElement(f,{zoomable:!0,pannable:!0}),e.createElement(m,{position:"top-left"},e.createElement(ke,null)),e.createElement(m,{position:"top-right"},o?e.createElement(Ce,null):null),e.createElement(y,null))}Se.defaultProps={canEdit:!0,multibranch:!1,nodeNameKey:"nodeNameKey",listInLineKey:"listInLine",listOutLineKey:"listOutLine",listApproverKey:"listApprover",personnelNameKey:"personnelNameKey",personnelNameLabel:"personnelNameLabel",onEdgeCreate:function(){}};var Ne=k.Paragraph;function Oe(t){var n=t.style,r=t.title,o=t.showTitle,l=t.showLeftDivider,a=t.list,i=t.listItemConvert,c=t.nextData,p=t.nextDataConvert,s=null==c?null:x(p)?p(c):c,d=(v(a)?a:[]).map((function(e){return x(i)?i(e):e}));null!=s&&d.push(s);var u=null;if(d.length<=0)u=e.createElement(N,null);else{var f=d.length,m=d.map((function(t,n){var r=H({titlePrefix:"审批节点",icon:null,color:null,notePrefix:"审批备注",resultPrefix:"审批结果",operatorNamePrefix:"审批人",timePrefix:"审批时间",compact:!1},t),o=r.titlePrefix,l=r.title,a=r.notePrefix,i=r.note,c=r.resultPrefix,p=r.result,d=r.operatorNamePrefix,u=r.operatorName,m=r.timePrefix,y=r.time,g=r.icon,x=r.color,b=r.compact;return{color:x||(null==s&&f===n+1?"blue":"gray"),dot:g,children:e.createElement(e.Fragment,null,E(l)?null:e.createElement(Ne,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:o,text:l})),b||E(p)?null:e.createElement(Ne,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:c,text:p})),b||E(u)?null:e.createElement(Ne,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:d,text:u})),b||E(i)?null:e.createElement(Ne,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:a,text:i||"无备注"})),b||E(y)?null:e.createElement(Ne,null,e.createElement(L,{separatorStyle:{padding:"0 4px 0 2px"},textPrefix:m,text:y})))}}));u=e.createElement(O,{reverse:!0,style:{marginTop:"10px"},items:m})}var y=e.createElement(A,{style:{height:"100%"},flexAuto:"bottom",topStyle:{paddingBottom:"6px"},top:o?e.createElement(S,{message:"".concat(r,":"),type:"info"}):null,bottom:o?e.createElement("div",{style:{height:"100%",position:"relative"}},e.createElement(B,{style:{position:"absolute",left:0,top:0,paddingLeft:"6px",paddingRight:"6px",height:"100%",width:"100%",overflowY:"auto"}},u)):u});return l?e.createElement(A,{style:H(H({},n),{},{height:"100%"}),flexAuto:"right",left:e.createElement(P,{type:"vertical",style:{height:"100%"}}),right:y}):y}Oe.defaultProps={style:{},title:"审批进度",showTitle:!1,showLeftDivider:!1,canEdit:!0,list:[],listItemConvert:null,nextData:null,nextDataConvert:null};export{Se as Flow,Oe as FlowProcessHistory,Re as adjustEdge,Pe as adjustNode};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "antd-management-fast-flow",
3
- "version": "1.0.38",
3
+ "version": "1.0.40",
4
4
  "keywords": [
5
5
  "antd-management-fast-flow"
6
6
  ],
@@ -57,11 +57,11 @@
57
57
  "z:tsc:build": "echo show tsc version and create declaration file && tsc -v && tsc -p ./tsconfig.types.json && echo declaration file generate complete"
58
58
  },
59
59
  "dependencies": {
60
- "antd": "^5.12.7",
61
- "antd-management-fast-common": "^2.6.75",
62
- "antd-management-fast-component": "^2.6.119",
60
+ "antd": "^5.12.8",
61
+ "antd-management-fast-common": "^2.6.77",
62
+ "antd-management-fast-component": "^2.6.122",
63
63
  "classnames": "^2.5.1",
64
- "easy-soft-utility": "^2.8.3",
64
+ "easy-soft-utility": "^2.8.6",
65
65
  "react": "^18.2.0",
66
66
  "react-dom": "^18.2.0",
67
67
  "reactflow": "^11.10.1"
@@ -73,9 +73,9 @@
73
73
  "@babel/plugin-proposal-decorators": "^7.23.7",
74
74
  "@babel/plugin-transform-class-properties": "^7.23.3",
75
75
  "@babel/plugin-transform-runtime": "^7.23.7",
76
- "@babel/preset-env": "^7.23.7",
76
+ "@babel/preset-env": "^7.23.8",
77
77
  "@babel/preset-react": "^7.23.3",
78
- "@babel/runtime": "^7.23.7",
78
+ "@babel/runtime": "^7.23.8",
79
79
  "@changesets/cli": "^2.27.1",
80
80
  "@commitlint/cli": "^18.4.4",
81
81
  "@commitlint/config-conventional": "^18.4.4",
@@ -83,17 +83,17 @@
83
83
  "@commitlint/cz-commitlint": "^18.4.4",
84
84
  "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
85
85
  "@types/jest": "^29.5.11",
86
- "@types/node": "^20.10.6",
87
- "@types/react": "^18.2.46",
86
+ "@types/node": "^20.11.1",
87
+ "@types/react": "^18.2.47",
88
88
  "@types/react-dom": "^18.2.18",
89
- "@typescript-eslint/parser": "^6.17.0",
90
- "antd": "^5.12.7",
89
+ "@typescript-eslint/parser": "^6.18.1",
90
+ "antd": "^5.12.8",
91
91
  "babel-jest": "^29.7.0",
92
92
  "commitizen": "^4.3.0",
93
93
  "conventional-changelog-conventionalcommits": "^7.0.2",
94
94
  "cross-env": "^7.0.3",
95
95
  "documentation": "^14.0.2",
96
- "easy-soft-develop": "^2.1.52",
96
+ "easy-soft-develop": "^2.1.54",
97
97
  "eslint": "^8.56.0",
98
98
  "eslint-config-airbnb": "^19.0.4",
99
99
  "eslint-config-airbnb-typescript": "^17.1.0",
@@ -102,9 +102,9 @@
102
102
  "eslint-import-resolver-typescript": "^3.6.1",
103
103
  "eslint-plugin-eslint-comments": "^3.2.0",
104
104
  "eslint-plugin-import": "^2.29.1",
105
- "eslint-plugin-jest": "^27.6.1",
105
+ "eslint-plugin-jest": "^27.6.3",
106
106
  "eslint-plugin-jsx-a11y": "^6.8.0",
107
- "eslint-plugin-prettier": "^5.1.2",
107
+ "eslint-plugin-prettier": "^5.1.3",
108
108
  "eslint-plugin-promise": "^6.1.1",
109
109
  "eslint-plugin-react": "^7.33.2",
110
110
  "eslint-plugin-react-hooks": "^4.6.0",
@@ -113,9 +113,9 @@
113
113
  "husky": "^8.0.3",
114
114
  "jest": "^29.7.0",
115
115
  "lint-staged": "^15.2.0",
116
- "prettier": "^3.1.1",
116
+ "prettier": "^3.2.2",
117
117
  "prettier-plugin-organize-imports": "^3.2.4",
118
- "prettier-plugin-packagejson": "^2.4.8",
118
+ "prettier-plugin-packagejson": "^2.4.9",
119
119
  "rimraf": "^5.0.5",
120
120
  "stylelint": "^16.1.0",
121
121
  "stylelint-config-prettier": "^9.0.5",