@vef-framework/components 1.0.133 → 1.0.135

package/cjs/internal/base.css.cjs

@@ -1,495 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=`/* this will be exported as base.css and can be used for a basic styling */
-/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
-.react-flow {
-  direction: ltr;
-
-  --xy-edge-stroke-default: #b1b1b7;
-  --xy-edge-stroke-width-default: 1;
-  --xy-edge-stroke-selected-default: #555;
-
-  --xy-connectionline-stroke-default: #b1b1b7;
-  --xy-connectionline-stroke-width-default: 1;
-
-  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);
-
-  --xy-minimap-background-color-default: #fff;
-  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
-  --xy-minimap-mask-stroke-color-default: transparent;
-  --xy-minimap-mask-stroke-width-default: 1;
-  --xy-minimap-node-background-color-default: #e2e2e2;
-  --xy-minimap-node-stroke-color-default: transparent;
-  --xy-minimap-node-stroke-width-default: 2;
-
-  --xy-background-color-default: transparent;
-  --xy-background-pattern-dots-color-default: #91919a;
-  --xy-background-pattern-lines-color-default: #eee;
-  --xy-background-pattern-cross-color-default: #e2e2e2;
-  background-color: var(--xy-background-color, var(--xy-background-color-default));
-  --xy-node-border-default: 1px solid #bbb;
-  --xy-node-border-selected-default: 1px solid #555;
-
-  --xy-handle-background-color-default: #333;
-
-  --xy-selection-background-color-default: rgba(150, 150, 180, 0.1);
-  --xy-selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
-  --xy-resize-background-color-default: #3367d9;
-}
-.react-flow.dark {
-  --xy-edge-stroke-default: #3e3e3e;
-  --xy-edge-stroke-width-default: 1;
-  --xy-edge-stroke-selected-default: #727272;
-
-  --xy-connectionline-stroke-default: #b1b1b7;
-  --xy-connectionline-stroke-width-default: 1;
-
-  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);
-
-  --xy-minimap-background-color-default: #141414;
-  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
-  --xy-minimap-mask-stroke-color-default: transparent;
-  --xy-minimap-mask-stroke-width-default: 1;
-  --xy-minimap-node-background-color-default: #2b2b2b;
-  --xy-minimap-node-stroke-color-default: transparent;
-  --xy-minimap-node-stroke-width-default: 2;
-
-  --xy-background-color-default: #141414;
-  --xy-background-pattern-dots-color-default: #777;
-  --xy-background-pattern-lines-color-default: #777;
-  --xy-background-pattern-cross-color-default: #777;
-  --xy-node-color-default: #f8f8f8;
-}
-.react-flow__background {
-  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
-  pointer-events: none;
-  z-index: -1;
-}
-.react-flow__container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-.react-flow__pane {
-  z-index: 1;
-}
-.react-flow__pane.draggable {
-    cursor: grab;
-  }
-.react-flow__pane.dragging {
-    cursor: grabbing;
-  }
-.react-flow__pane.selection {
-    cursor: pointer;
-  }
-.react-flow__viewport {
-  transform-origin: 0 0;
-  z-index: 2;
-  pointer-events: none;
-}
-.react-flow__renderer {
-  z-index: 4;
-}
-.react-flow__selection {
-  z-index: 6;
-}
-.react-flow__nodesselection-rect:focus,
-.react-flow__nodesselection-rect:focus-visible {
-  outline: none;
-}
-.react-flow__edge-path {
-  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
-  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
-  fill: none;
-}
-.react-flow__connection-path {
-  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
-  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
-  fill: none;
-}
-.react-flow .react-flow__edges {
-  position: absolute;
-}
-.react-flow .react-flow__edges svg {
-    overflow: visible;
-    position: absolute;
-    pointer-events: none;
-  }
-.react-flow__edge {
-  pointer-events: visibleStroke;
-}
-.react-flow__edge.selectable {
-    cursor: pointer;
-  }
-.react-flow__edge.animated path {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-.react-flow__edge.animated path.react-flow__edge-interaction {
-    stroke-dasharray: none;
-    animation: none;
-  }
-.react-flow__edge.inactive {
-    pointer-events: none;
-  }
-.react-flow__edge.selected,
-  .react-flow__edge:focus,
-  .react-flow__edge:focus-visible {
-    outline: none;
-  }
-.react-flow__edge.selected .react-flow__edge-path,
-  .react-flow__edge.selectable:focus .react-flow__edge-path,
-  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
-    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
-  }
-.react-flow__edge-textwrapper {
-    pointer-events: all;
-  }
-.react-flow__edge .react-flow__edge-text {
-    pointer-events: none;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-  }
-.react-flow__connection {
-  pointer-events: none;
-}
-.react-flow__connection .animated {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-svg.react-flow__connectionline {
-  z-index: 1001;
-  overflow: visible;
-  position: absolute;
-}
-.react-flow__nodes {
-  pointer-events: none;
-  transform-origin: 0 0;
-}
-.react-flow__node {
-  position: absolute;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  pointer-events: all;
-  transform-origin: 0 0;
-  box-sizing: border-box;
-  cursor: default;
-}
-.react-flow__node.selectable {
-    cursor: pointer;
-  }
-.react-flow__node.draggable {
-    cursor: grab;
-    pointer-events: all;
-  }
-.react-flow__node.draggable.dragging {
-      cursor: grabbing;
-    }
-.react-flow__nodesselection {
-  z-index: 3;
-  transform-origin: left top;
-  pointer-events: none;
-}
-.react-flow__nodesselection-rect {
-    position: absolute;
-    pointer-events: all;
-    cursor: grab;
-  }
-.react-flow__handle {
-  position: absolute;
-  pointer-events: none;
-  min-width: 5px;
-  min-height: 5px;
-  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
-}
-.react-flow__handle.connectingfrom {
-    pointer-events: all;
-  }
-.react-flow__handle.connectionindicator {
-    pointer-events: all;
-    cursor: crosshair;
-  }
-.react-flow__handle-bottom {
-    top: auto;
-    left: 50%;
-    bottom: 0;
-    transform: translate(-50%, 50%);
-  }
-.react-flow__handle-top {
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-.react-flow__handle-left {
-    top: 50%;
-    left: 0;
-    transform: translate(-50%, -50%);
-  }
-.react-flow__handle-right {
-    top: 50%;
-    right: 0;
-    transform: translate(50%, -50%);
-  }
-.react-flow__edgeupdater {
-  cursor: move;
-  pointer-events: all;
-}
-.react-flow__panel {
-  position: absolute;
-  z-index: 5;
-  margin: 15px;
-}
-.react-flow__panel.top {
-    top: 0;
-  }
-.react-flow__panel.bottom {
-    bottom: 0;
-  }
-.react-flow__panel.top.center, .react-flow__panel.bottom.center {
-      left: 50%;
-      transform: translateX(-50%);
-    }
-.react-flow__panel.left {
-    left: 0;
-  }
-.react-flow__panel.right {
-    right: 0;
-  }
-.react-flow__panel.left.center, .react-flow__panel.right.center {
-      top: 50%;
-      transform: translateY(-50%);
-    }
-.react-flow__attribution {
-  font-size: 10px;
-  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
-  padding: 2px 3px;
-  margin: 0;
-}
-.react-flow__attribution a {
-    text-decoration: none;
-    color: #999;
-  }
-@keyframes dashdraw {
-  from {
-    stroke-dashoffset: 10;
-  }
-}
-.react-flow__edgelabel-renderer {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  left: 0;
-  top: 0;
-}
-.react-flow__viewport-portal {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.react-flow__minimap {
-  background: var(
-    --xy-minimap-background-color-props,
-    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
-  );
-}
-.react-flow__minimap-svg {
-    display: block;
-  }
-.react-flow__minimap-mask {
-    fill: var(
-      --xy-minimap-mask-background-color-props,
-      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
-    );
-    stroke: var(
-      --xy-minimap-mask-stroke-color-props,
-      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
-    );
-    stroke-width: var(
-      --xy-minimap-mask-stroke-width-props,
-      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
-    );
-  }
-.react-flow__minimap-node {
-    fill: var(
-      --xy-minimap-node-background-color-props,
-      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
-    );
-    stroke: var(
-      --xy-minimap-node-stroke-color-props,
-      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
-    );
-    stroke-width: var(
-      --xy-minimap-node-stroke-width-props,
-      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
-    );
-  }
-.react-flow__background-pattern.dots {
-    fill: var(
-      --xy-background-pattern-color-props,
-      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
-    );
-  }
-.react-flow__background-pattern.lines {
-    stroke: var(
-      --xy-background-pattern-color-props,
-      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
-    );
-  }
-.react-flow__background-pattern.cross {
-    stroke: var(
-      --xy-background-pattern-color-props,
-      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
-    );
-  }
-.react-flow__controls {
-  display: flex;
-  flex-direction: column;
-}
-.react-flow__controls.horizontal {
-    flex-direction: row;
-  }
-.react-flow__controls-button {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 26px;
-    width: 26px;
-    padding: 4px;
-  }
-.react-flow__controls-button svg {
-      width: 100%;
-      max-width: 12px;
-      max-height: 12px;
-      fill: currentColor;
-    }
-.react-flow__node-input,
-.react-flow__node-default,
-.react-flow__node-output,
-.react-flow__node-group {
-  border: var(--xy-node-border, var(--xy-node-border-default));
-  color: var(--xy-node-color, var(--xy-node-color-default));
-}
-.react-flow__node-input.selected,
-  .react-flow__node-input:focus,
-  .react-flow__node-input:focus-visible,
-  .react-flow__node-default.selected,
-  .react-flow__node-default:focus,
-  .react-flow__node-default:focus-visible,
-  .react-flow__node-output.selected,
-  .react-flow__node-output:focus,
-  .react-flow__node-output:focus-visible,
-  .react-flow__node-group.selected,
-  .react-flow__node-group:focus,
-  .react-flow__node-group:focus-visible {
-    outline: none;
-    border: var(--xy-node-border-selected, var(--xy-node-border-selected-default));
-  }
-.react-flow__nodesselection-rect,
-.react-flow__selection {
-  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
-  border: var(--xy-selection-border, var(--xy-selection-border-default));
-}
-.react-flow__resize-control {
-  position: absolute;
-}
-.react-flow__resize-control.left,
-.react-flow__resize-control.right {
-  cursor: ew-resize;
-}
-.react-flow__resize-control.top,
-.react-flow__resize-control.bottom {
-  cursor: ns-resize;
-}
-.react-flow__resize-control.top.left,
-.react-flow__resize-control.bottom.right {
-  cursor: nwse-resize;
-}
-.react-flow__resize-control.bottom.left,
-.react-flow__resize-control.top.right {
-  cursor: nesw-resize;
-}
-/* handle styles */
-.react-flow__resize-control.handle {
-  width: 4px;
-  height: 4px;
-  border: 1px solid #fff;
-  border-radius: 1px;
-  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
-  transform: translate(-50%, -50%);
-}
-.react-flow__resize-control.handle.left {
-  left: 0;
-  top: 50%;
-}
-.react-flow__resize-control.handle.right {
-  left: 100%;
-  top: 50%;
-}
-.react-flow__resize-control.handle.top {
-  left: 50%;
-  top: 0;
-}
-.react-flow__resize-control.handle.bottom {
-  left: 50%;
-  top: 100%;
-}
-.react-flow__resize-control.handle.top.left {
-  left: 0;
-}
-.react-flow__resize-control.handle.bottom.left {
-  left: 0;
-}
-.react-flow__resize-control.handle.top.right {
-  left: 100%;
-}
-.react-flow__resize-control.handle.bottom.right {
-  left: 100%;
-}
-/* line styles */
-.react-flow__resize-control.line {
-  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
-  border-width: 0;
-  border-style: solid;
-}
-.react-flow__resize-control.line.left,
-.react-flow__resize-control.line.right {
-  width: 1px;
-  transform: translate(-50%, 0);
-  top: 0;
-  height: 100%;
-}
-.react-flow__resize-control.line.left {
-  left: 0;
-  border-left-width: 1px;
-}
-.react-flow__resize-control.line.right {
-  left: 100%;
-  border-right-width: 1px;
-}
-.react-flow__resize-control.line.top,
-.react-flow__resize-control.line.bottom {
-  height: 1px;
-  transform: translate(0, -50%);
-  left: 0;
-  width: 100%;
-}
-.react-flow__resize-control.line.top {
-  top: 0;
-  border-top-width: 1px;
-}
-.react-flow__resize-control.line.bottom {
-  border-bottom-width: 1px;
-  top: 100%;
-}
-`;exports.default=n;

package/cjs/vef-approval-flow-editor/components/edge.cjs

@@ -1,7 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),Y=require("@emotion/react"),r=require("@xyflow/react"),$=require("react"),n=require("../helper.cjs"),w=require("./node-selector.cjs");const F=Y.css`
-  position: absolute;
-  pointer-events: all;
-  transform-origin: center;
-  transform: translate(-50%, -50%) translate(var(--vef-edge-label-x), var(--vef-edge-label-y));
-`;function R({id:t,data:l,source:a,target:s,sourceX:c,sourceY:u,targetX:g,targetY:v,sourcePosition:x,targetPosition:f,markerEnd:h,markerStart:b,interactionWidth:m,style:p,selected:P}){const{getNode:d}=r.useReactFlow(),y=$.useCallback(i=>{const o=n.createNode(i);return[o,[n.createEdge(a,o.id),n.createEdge(o.id,s)],[t]]},[t,a,s]),[j,N,q]=r.getBezierPath({sourceX:c,sourceY:u,targetX:g,targetY:v,sourcePosition:x,targetPosition:f,curvature:.16}),E=l?.edge.isHovering()??!1,k=d(a).data.node,A=d(s).data.node,S=new Set(A.getAvailablePreviousNodeTypes()),X=k.getAvailableNextNodeTypes().filter(i=>S.has(i));return e.jsxs(e.Fragment,{children:[e.jsx(r.BaseEdge,{id:t,interactionWidth:m,markerEnd:h,markerStart:b,path:j,style:p}),(E||P)&&e.jsx(r.EdgeLabelRenderer,{children:e.jsx("div",{className:"nodrag nopan",css:F,style:{"--vef-edge-label-x":`${N}px`,"--vef-edge-label-y":`${q}px`},children:e.jsx(w.default,{items:X,selectorContentPosition:"right",onAddNode:y})})})]})}exports.default=R;

package/cjs/vef-approval-flow-editor/components/label-value.cjs

@@ -1,18 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),s=require("@emotion/react"),e=require("@vef-framework/shared"),t=require("lucide-react"),l=require("../../vef-icon/index.cjs");const n=s.css`
-  display: grid;
-  grid-template-columns: max-content 1fr max-content;
-  align-items: center;
-  column-gap: ${e.themeVariables.marginXs};
-  background-color: ${e.themeVariables.colorFillTertiary};
-  padding: ${e.themeVariables.paddingXxs} ${e.themeVariables.paddingXxs} ${e.themeVariables.paddingXxs} ${e.themeVariables.paddingXs};
-  border-radius: ${e.themeVariables.borderRadius};
-
-  & > span:first-of-type {
-    color: ${e.themeVariables.colorTextSecondary};
-  }
-
-  & > span:last-of-type {
-    color: ${e.themeVariables.colorText};
-  }
-`;function d({label:a,value:i}){return r.jsxs("div",{css:n,children:[r.jsxs("span",{children:[a,":"]}),r.jsx("span",{children:i}),r.jsx(l.default,{children:r.jsx(t.ChevronRightIcon,{})})]})}exports.default=d;

package/cjs/vef-approval-flow-editor/components/node-content.cjs

@@ -1,17 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),s=require("@emotion/react"),c=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),a=require("@xyflow/react"),u=require("../../vef-icon/index.cjs"),m=require("./node-toolbar.cjs"),h=require("./source-handle.cjs"),b=require("./target-handle.cjs");const g=s.css`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${r.themeVariables.marginSm};
-  margin-bottom: ${r.themeVariables.marginSm};
-`,x=s.css`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${r.themeVariables.colorWhite};
-  border-radius: ${r.themeVariables.borderRadius};
-  padding: ${r.themeVariables.paddingXxs};
-`,f=s.css`
-  font-size: ${r.themeVariables.fontSizeLg};
-`;function v({icon:i,iconColor:t,selected:d,children:l}){const n=a.useNodesData(a.useNodeId()).data.node,o=c.useColorTokens().get(t);return e.jsxs(e.Fragment,{children:[e.jsx(h.default,{}),e.jsx(b.default,{}),e.jsx(m.default,{selected:d}),e.jsxs("div",{css:g,children:[e.jsx("div",{css:x,style:{backgroundColor:o},children:e.jsx(u.default,{children:i})}),e.jsx("h3",{css:f,children:n.getLabel()})]}),l]})}exports.default=v;

package/cjs/vef-approval-flow-editor/components/node-selector.cjs

@@ -1,13 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),r=require("@vef-framework/shared"),s=require("lucide-react"),c=require("../../vef-icon/index.cjs"),d=require("../../vef-popover/index.cjs"),a=require("./selector-content.cjs");const u=o.css`
-  cursor: pointer;
-  transform-origin: center;
-  background-color: ${r.themeVariables.colorPrimary};
-  color: ${r.themeVariables.colorWhite};
-  border-radius: 50%;
-  width: 1.5rem;
-  height: 1.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,l={"--vef-popover-inner-content-padding":"6px"};function m({selectorContentPosition:t,items:i,onAddNode:n}){return e.jsx(d.default,{content:e.jsx(a.default,{items:i,onAddNode:n}),contentStyle:l,placement:t,children:e.jsx("div",{css:u,children:e.jsx(c.default,{children:e.jsx(s.PlusIcon,{})})})})}exports.default=m;

package/cjs/vef-approval-flow-editor/components/node-toolbar.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),r=require("@xyflow/react"),t=require("lucide-react"),s=require("../../vef-button/index.cjs"),o=require("../../vef-icon/index.cjs");function a({selected:i}){return e.jsx(r.NodeToolbar,{align:"end",isVisible:i,offset:4,position:r.Position.Top,children:e.jsx(s.default,{color:"error",size:"small",tip:"删除",variant:"solid",icon:e.jsx(o.default,{children:e.jsx(t.Trash2Icon,{})})})})}exports.default=a;

package/cjs/vef-approval-flow-editor/components/nodes/approval.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),l=require("../../constants.cjs"),n=require("../../types.cjs"),o=require("../label-value.cjs"),u=require("../node-content.cjs");const s=l.nodesMetadata[n.NodeType.Approval];function c({selected:r}){const{icon:t,color:a}=s;return e.jsx(u.default,{icon:t,iconColor:a,selected:r,children:e.jsx(o.default,{label:"审批人",value:"无"})})}exports.default=c;

package/cjs/vef-approval-flow-editor/components/nodes/condition.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),o=require("../../constants.cjs"),u=require("../../types.cjs"),a=require("../label-value.cjs"),i=require("../node-content.cjs");const l=o.nodesMetadata[u.NodeType.Condition];function s({selected:t}){const{icon:r,color:n}=l;return e.jsx(i.default,{icon:r,iconColor:n,selected:t,children:e.jsx(a.default,{label:"条件",value:"无"})})}exports.default=s;

package/cjs/vef-approval-flow-editor/components/nodes/end.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),u=require("../../constants.cjs"),a=require("../../types.cjs"),l=require("../label-value.cjs"),o=require("../node-content.cjs");const s=u.nodesMetadata[a.NodeType.End];function c({selected:r}){const{icon:t,color:n}=s;return e.jsx(o.default,{icon:t,iconColor:n,selected:r,children:e.jsx(l.default,{label:"通知人",value:"无"})})}exports.default=c;

package/cjs/vef-approval-flow-editor/components/nodes/handle.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),l=require("../../constants.cjs"),n=require("../../types.cjs"),u=require("../label-value.cjs"),o=require("../node-content.cjs");const s=l.nodesMetadata[n.NodeType.Handle];function c({selected:r}){const{icon:t,color:a}=s;return e.jsx(o.default,{icon:t,iconColor:a,selected:r,children:e.jsx(u.default,{label:"办理人",value:"无"})})}exports.default=c;

package/cjs/vef-approval-flow-editor/components/nodes/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var e=require("../../types.cjs"),r=require("./approval.cjs"),d=require("./condition.cjs"),a=require("./end.cjs"),t=require("./handle.cjs"),u=require("./submit.cjs");const i={[e.NodeType.Submit]:u.default,[e.NodeType.Approval]:r.default,[e.NodeType.Handle]:t.default,[e.NodeType.Condition]:d.default,[e.NodeType.End]:a.default};exports.nodeTypes=i;

package/cjs/vef-approval-flow-editor/components/nodes/submit.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),a=require("../../constants.cjs"),l=require("../../types.cjs"),n=require("../label-value.cjs"),o=require("../node-content.cjs");const s=a.nodesMetadata[l.NodeType.Submit];function i({selected:r}){const{icon:t,color:u}=s;return e.jsx(o.default,{icon:t,iconColor:u,selected:r,children:e.jsx(n.default,{label:"提交人",value:"全员"})})}exports.default=i;

package/cjs/vef-approval-flow-editor/components/selector-content.cjs

@@ -1,25 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),c=require("@emotion/react"),e=require("@vef-framework/shared"),g=require("@xyflow/react"),u=require("react"),f=require("../../vef-icon/index.cjs"),v=require("../constants.cjs");const $=c.css`
-  min-width: 160px;
-  display: flex;
-  flex-direction: column;
-  gap: ${e.themeVariables.margin};
-`,x=c.css`
-  display: flex;
-  align-items: center;
-  gap: ${e.themeVariables.marginSm};
-  padding: ${e.themeVariables.paddingXs} ${e.themeVariables.paddingSm};
-  border-radius: ${e.themeVariables.borderRadius};
-  cursor: pointer;
-  transition: background-color ${e.themeVariables.motionDurationMid} ${e.themeVariables.motionEaseInOutCirc};
-  
-  &:hover {
-    background-color: ${e.themeVariables.colorFillSecondary};
-  }
-
-  > span:first-of-type {
-  }
-
-  > span:last-of-type {
-  }
-`;function V({items:n,onAddNode:o}){const m=u.useMemo(()=>n.map(r=>v.nodesMetadata[r]),[n]),{setEdges:d,addNodes:l}=g.useReactFlow(),p=u.useCallback(r=>{const[a,s,t]=o(r);d(h=>[...h.filter(b=>!t.includes(b.id)),...s]),l(a)},[o,d,l]);return i.jsx("div",{css:$,children:m.map(({type:r,label:a,icon:s,color:t})=>i.jsxs("div",{css:x,onClick:()=>p(r),children:[i.jsx(f.default,{color:t,size:"huge",children:s}),i.jsx("span",{children:a})]},a))})}exports.default=V;

package/cjs/vef-approval-flow-editor/components/source-handle.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@emotion/react/jsx-runtime"),e=require("@xyflow/react"),l=require("react"),s=require("../helper.cjs"),c=require("./node-selector.cjs");function N(){const{node:t}=e.useNodesData(e.useNodeId()).data,a=e.useNodeConnections({handleType:"source"}),n=l.useCallback(u=>{const r=s.createNode(u);return[r,[s.createEdge(t.getId(),r.id)],[]]},[t]),d=t.getAvailableNextNodeTypes().length>0,i=a.length>0;return o.jsx(e.Handle,{position:e.Position.Bottom,type:"source",children:!i&&d&&o.jsx(c.default,{items:t.getAvailableNextNodeTypes(),selectorContentPosition:"bottom",onAddNode:n})})}exports.default=N;

package/cjs/vef-approval-flow-editor/components/target-handle.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),e=require("@xyflow/react");function r(){return t.jsx(e.Handle,{position:e.Position.Top,type:"target"})}exports.default=r;

package/cjs/vef-approval-flow-editor/constants.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var a=require("@emotion/react/jsx-runtime"),t=require("@xyflow/react"),i=require("lucide-react"),n=require("./components/edge.cjs"),o=require("./models/edge-node.cjs"),d=require("./models/flow-node.cjs"),e=require("./types.cjs");const p=[{id:"submit",data:{node:new d.VefSubmitFlowNode("submit","提交")},type:e.NodeType.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new d.VefApprovalFlowNode("approval","审批")},type:e.NodeType.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new d.VefConditionFlowNode("condition-1","条件1")},type:e.NodeType.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new d.VefApprovalFlowNode("approval-1","审批1")},type:e.NodeType.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new d.VefConditionFlowNode("condition-2","条件2")},type:e.NodeType.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new d.VefApprovalFlowNode("approval-2","审批2")},type:e.NodeType.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new d.VefHandleFlowNode("handle","办理")},type:e.NodeType.Handle,position:{x:100,y:400}},{id:"end",data:{node:new d.VefEndFlowNode("end","结束")},type:e.NodeType.End,deletable:!1,position:{x:0,y:400}}],l=[{id:"submit-approval",source:"submit",target:"approval",data:{edge:new o.VefFlowEdge}},{id:"approval-condition-1",source:"approval",target:"condition-1",data:{edge:new o.VefFlowEdge}},{id:"condition-1-approval-1",source:"condition-1",target:"approval-1",data:{edge:new o.VefFlowEdge}},{id:"approval-condition-2",source:"approval",target:"condition-2",data:{edge:new o.VefFlowEdge}},{id:"condition-2-approval-2",source:"condition-2",target:"approval-2",data:{edge:new o.VefFlowEdge}},{id:"approval-2-handle",source:"approval-2",target:"handle",data:{edge:new o.VefFlowEdge}},{id:"handle-end",source:"handle",target:"end",data:{edge:new o.VefFlowEdge}},{id:"approval-1-end",source:"approval-1",target:"end",data:{edge:new o.VefFlowEdge}}],r={minZoom:1},s={vef:n.default},c={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:t.MarkerType.ArrowClosed,strokeWidth:1,height:16,width:16}},y={[e.NodeType.Submit]:{type:e.NodeType.Submit,label:"提交",icon:a.jsx(i.SendIcon,{}),color:"primary"},[e.NodeType.Approval]:{type:e.NodeType.Approval,label:"审批",icon:a.jsx(i.StampIcon,{}),color:"geekblue"},[e.NodeType.Handle]:{type:e.NodeType.Handle,label:"办理",icon:a.jsx(i.SquarePenIcon,{}),color:"success"},[e.NodeType.Condition]:{type:e.NodeType.Condition,label:"条件",icon:a.jsx(i.GitCommitVerticalIcon,{}),color:"warning"},[e.NodeType.End]:{type:e.NodeType.End,label:"结束",icon:a.jsx(i.CircleIcon,{}),color:"cyan"}};exports.defaultEdgeOptions=c,exports.edgeTypes=s,exports.fitViewOptions=r,exports.initialEdges=l,exports.initialNodes=p,exports.nodesMetadata=y;

package/cjs/vef-approval-flow-editor/helper.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var s=require("@dagrejs/dagre"),c=require("@vef-framework/shared"),o=require("./constants.cjs"),p=require("./models/edge-node.cjs"),d=require("./models/flow-node.cjs"),n=require("./types.cjs");function w(t,e){const r=new s.graphlib.Graph;r.setGraph({rankdir:"TB",ranker:"network-simplex",nodesep:60,edgesep:16,ranksep:80}),r.setDefaultEdgeLabel(()=>({}));for(const a of t)r.setNode(a.id,{...a,width:a.measured?.width??240,height:a.measured?.height??100});for(const a of e)r.setEdge(a.source,a.target);return s.layout(r),t.map(a=>{const{x:l,y:u}=r.node(a.id);return{...a,position:{x:l,y:u}}})}function i(t,e){switch(t){case n.NodeType.Submit:return new d.VefSubmitFlowNode(e,o.nodesMetadata.submit.label);case n.NodeType.Approval:return new d.VefApprovalFlowNode(e,o.nodesMetadata.approval.label);case n.NodeType.Handle:return new d.VefHandleFlowNode(e,o.nodesMetadata.handle.label);case n.NodeType.Condition:return new d.VefConditionFlowNode(e,o.nodesMetadata.condition.label);case n.NodeType.End:return new d.VefEndFlowNode(e,o.nodesMetadata.end.label)}}function N(t){const e=`${t}-${c.generateId()}`;return{id:e,type:t,data:{node:i(t,e)},position:{x:0,y:0}}}function f(t,e){return{id:`e-${t}-${e}`,source:t,target:e,data:{edge:new p.VefFlowEdge}}}exports.createEdge=f,exports.createFlowNode=i,exports.createNode=N,exports.layoutFlowElements=w;

package/cjs/vef-approval-flow-editor/hooks/use-edges-interaction.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var u=require("@xyflow/react"),t=require("react");function c(){const{updateEdgeData:a}=u.useReactFlow(),r=t.useCallback((s,e)=>{e.data?.edge.setHovering(!0),a(e.id,e.data,{replace:!0})},[a]),d=t.useCallback((s,e)=>{e.data?.edge.setHovering(!1),a(e.id,e.data,{replace:!0})},[a]);return{handleEdgeMouseEnter:r,handleEdgeMouseLeave:d}}exports.useEdgesInteraction=c;

package/cjs/vef-approval-flow-editor/hooks/use-element-selection.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var l=require("react"),s=require("../store.cjs");function c(){const e=s.useApprovalFlowEditorStoreApi();return{handleSelectionChange:l.useCallback(({nodes:t})=>{const{selectedNode:o,setSelectedNode:n}=e.getState();if(t.length===0){n(null);return}const[r]=t;r.id!==o?.getId()&&n(r.data.node)},[e])}}exports.useElementSelection=c;

package/cjs/vef-approval-flow-editor/hooks/use-nodes-interaction.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var u=require("@xyflow/react"),p=require("react"),h=require("../helper.cjs"),y=require("../types.cjs");function E(){const{addEdges:o,getNode:s,getEdges:n}=u.useReactFlow();return{handleBeforeDelete:p.useCallback(async({nodes:a,edges:c})=>{if(a.length===0)return!1;const[d]=a,i=c.filter(t=>t.source===d.id).map(t=>t.target);if(i.length>0){const t=[],g=c.filter(e=>e.target===d.id).map(e=>e.source),l=n();for(const e of g){const f=u.getConnectedEdges([{id:e,position:{x:0,y:0},data:{}}],l).filter(r=>r.source===e);for(const r of i)s(r)?.type===y.NodeType.End&&f.length>1||t.push(h.createEdge(e,r))}o(t)}return!0},[o,n,s])}}exports.useNodesInteraction=E;

package/cjs/vef-approval-flow-editor/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),e=require("@xyflow/react"),s=require("react"),y=require("./components/nodes/index.cjs"),r=require("./constants.cjs"),m=require("./helper.cjs"),h=require("./hooks/use-edges-interaction.cjs"),S=require("./hooks/use-element-selection.cjs"),x=require("./hooks/use-nodes-interaction.cjs"),b=require("./store.cjs"),l=require("./styles.cjs");function q(){const[o,w,d]=e.useEdgesState(r.initialEdges),[a,u,c]=e.useNodesState(r.initialNodes),{handleEdgeMouseEnter:g,handleEdgeMouseLeave:v}=h.useEdgesInteraction(),{handleSelectionChange:f}=S.useElementSelection(),{handleBeforeDelete:p}=x.useNodesInteraction(),i=s.useRef();return s.useLayoutEffect(()=>{if(i.current&&o.every(n=>i.current.has(`${n.id}__${n.source}__${n.target}`)))return;const E=m.layoutFlowElements(a,o);u(E),i.current=new Set(o.map(n=>`${n.id}__${n.source}__${n.target}`))},[o]),t.jsxs(e.ReactFlow,{disableKeyboardA11y:!0,fitView:!0,css:l.flowEditorStyle,defaultEdgeOptions:r.defaultEdgeOptions,edges:o,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes:r.edgeTypes,fitViewOptions:r.fitViewOptions,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes:a,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes:y.nodeTypes,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:e.SelectionMode.Partial,zoomActivationKeyCode:null,onBeforeDelete:p,onEdgeMouseEnter:g,onEdgeMouseLeave:v,onEdgesChange:d,onNodesChange:c,onSelectionChange:f,children:[t.jsx(e.MiniMap,{pannable:!0,position:"bottom-left"}),t.jsx(e.Controls,{orientation:"horizontal",position:"bottom-left"}),t.jsx(e.Background,{gap:12,variant:e.BackgroundVariant.Dots})]})}function C(o){return t.jsx("div",{css:l.flowEditorContainerStyle,children:t.jsx(b.ApprovalFlowEditorStoreProvider,{initialState:null,children:t.jsx(e.ReactFlowProvider,{children:t.jsx(q,{...o})})})})}var j=s.memo(C);exports.default=j;

package/cjs/vef-approval-flow-editor/models/edge-node.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var t=Object.defineProperty,o=(s,e,r)=>e in s?t(s,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[e]=r,n=(s,e,r)=>o(s,typeof e!="symbol"?e+"":e,r);class i{constructor(){n(this,"_isHovering"),this._isHovering=!1}isHovering(){return this._isHovering}setHovering(e){this._isHovering=e}}class a extends i{}exports.AbstractFlowEdge=i,exports.VefFlowEdge=a;