@vef-framework/components 1.0.97 → 1.0.99

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

@@ -1,3 +1,29 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("../../constants.cjs"),o=require("../../types.cjs"),r=require("../label-value.cjs"),s=require("../node-content.cjs"),u=t.nodesMetadata[o.NodeType.Submit];exports.default=function VefSubmitNode({selected:t}){const{icon:o,color:c}=u;return e.jsx(s.default,{icon:o,iconColor:c,selected:t,children:e.jsx(r.default,{label:"提交人",value:"全员"})})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const constants = require('../../constants.cjs');
+const types = require('../../types.cjs');
+const labelValue = require('../label-value.cjs');
+const nodeContent = require('../node-content.cjs');
+
+const nodeMetadata = constants.nodesMetadata[types.NodeType.Submit];
+function VefSubmitNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    nodeContent.default,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsxRuntime.jsx(labelValue.default, { label: "\u63D0\u4EA4\u4EBA", value: "\u5168\u5458" })
+    }
+  );
+}
+
+exports.default = VefSubmitNode;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,20 +1,33 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/shared"),a=require("@xyflow/react"),s=require("react"),o=require("../../vef-icon/index.cjs"),t=require("../constants.cjs"),n=r.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+const react$2 = require('@xyflow/react');
+const react$1 = require('react');
+const index = require('../../vef-icon/index.cjs');
+const constants = require('../constants.cjs');
+
+const selectorContentStyle = react.css`
   min-width: 160px;
   display: flex;
   flex-direction: column;
-  gap: ${i.themeVariables.margin};
-`,l=r.css`
+  gap: ${shared.themeVariables.margin};
+`;
+const selectorItemStyle = react.css`
   display: flex;
   align-items: center;
-  gap: ${i.themeVariables.marginSm};
-  padding: ${i.themeVariables.paddingXs} ${i.themeVariables.paddingSm};
-  border-radius: ${i.themeVariables.borderRadius};
+  gap: ${shared.themeVariables.marginSm};
+  padding: ${shared.themeVariables.paddingXs} ${shared.themeVariables.paddingSm};
+  border-radius: ${shared.themeVariables.borderRadius};
   cursor: pointer;
-  transition: background-color ${i.themeVariables.motionDurationMid} ${i.themeVariables.motionEaseInOutCirc};
+  transition: background-color ${shared.themeVariables.motionDurationMid} ${shared.themeVariables.motionEaseInOutCirc};
   
   &:hover {
-    background-color: ${i.themeVariables.colorFillSecondary};
+    background-color: ${shared.themeVariables.colorFillSecondary};
   }
 
   > span:first-of-type {
@@ -22,5 +35,34 @@
 
   > span:last-of-type {
   }
-`;exports.default=function VefSelectorContent({items:r,onAddNode:i}){const d=s.useMemo((()=>r.map((e=>t.nodesMetadata[e]))),[r]),{setEdges:c,addNodes:u}=a.useReactFlow(),m=s.useCallback((e=>{const[r,a,s]=i(e);c((e=>[...e.filter((e=>!s.includes(e.id))),...a])),u(r)}),[i,c,u]);return e.jsx("div",{css:n,children:d.map((({type:r,label:i,icon:a,color:s})=>e.jsxs("div",{css:l,onClick:()=>m(r),children:[e.jsx(o.default,{color:s,size:"huge",children:a}),e.jsx("span",{children:i})]},i)))})};
+`;
+function VefSelectorContent({ items, onAddNode }) {
+  const nodes = react$1.useMemo(
+    () => items.map((item) => constants.nodesMetadata[item]),
+    [items]
+  );
+  const {
+    setEdges,
+    addNodes
+  } = react$2.useReactFlow();
+  const handleAddNode = react$1.useCallback((nodeType) => {
+    const [node, edgesToAdd, edgesToRemove] = onAddNode(nodeType);
+    setEdges((edges) => [
+      ...edges.filter((edge) => !edgesToRemove.includes(edge.id)),
+      ...edgesToAdd
+    ]);
+    addNodes(node);
+  }, [onAddNode, setEdges, addNodes]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: selectorContentStyle, children: nodes.map(({
+    type,
+    label,
+    icon,
+    color
+  }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { css: selectorItemStyle, onClick: () => handleAddNode(type), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.default, { color, size: "huge", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+  ] }, label)) });
+}
+
+exports.default = VefSelectorContent;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,45 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@xyflow/react"),o=require("react"),r=require("../helper.cjs"),s=require("./node-selector.cjs");exports.default=function VefSourceHandle(){const{node:n}=t.useNodesData(t.useNodeId()).data,d=t.useNodeConnections({handleType:"source"}),i=o.useCallback((e=>{const t=r.createNode(e);return[t,[r.createEdge(n.getId(),t.id)],[]]}),[n]),a=n.getAvailableNextNodeTypes().length>0,l=d.length>0;return e.jsx(t.Handle,{position:t.Position.Bottom,type:"source",children:!l&&a&&e.jsx(s.default,{items:n.getAvailableNextNodeTypes(),selectorContentPosition:"bottom",onAddNode:i})})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@xyflow/react');
+const react$1 = require('react');
+const helper = require('../helper.cjs');
+const nodeSelector = require('./node-selector.cjs');
+
+function VefSourceHandle() {
+  const { node } = react.useNodesData(react.useNodeId()).data;
+  const connections = react.useNodeConnections({
+    handleType: "source"
+  });
+  const handleAddNode = react$1.useCallback((type) => {
+    const newNode = helper.createNode(type);
+    return [
+      newNode,
+      [helper.createEdge(node.getId(), newNode.id)],
+      []
+    ];
+  }, [node]);
+  const hasAvailableNextNodes = node.getAvailableNextNodeTypes().length > 0;
+  const isConnected = connections.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Handle,
+    {
+      position: react.Position.Bottom,
+      type: "source",
+      children: !isConnected && hasAvailableNextNodes && /* @__PURE__ */ jsxRuntime.jsx(
+        nodeSelector.default,
+        {
+          items: node.getAvailableNextNodeTypes(),
+          selectorContentPosition: "bottom",
+          onAddNode: handleAddNode
+        }
+      )
+    }
+  );
+}
+
+exports.default = VefSourceHandle;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,14 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@xyflow/react");exports.default=function VefTargetHandle(){return e.jsx(t.Handle,{position:t.Position.Top,type:"target"})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@xyflow/react');
+
+function VefTargetHandle() {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Handle, { position: react.Position.Top, type: "target" });
+}
+
+exports.default = VefTargetHandle;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,228 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),o=require("@xyflow/react"),d=require("lucide-react"),a=require("./components/edge.cjs"),t=require("./models/edge-node.cjs"),n=require("./models/flow-node.cjs"),i=require("./types.cjs"),p=[{id:"submit",data:{node:new n.VefSubmitFlowNode("submit","提交")},type:i.NodeType.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new n.VefApprovalFlowNode("approval","审批")},type:i.NodeType.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new n.VefConditionFlowNode("condition-1","条件1")},type:i.NodeType.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new n.VefApprovalFlowNode("approval-1","审批1")},type:i.NodeType.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new n.VefConditionFlowNode("condition-2","条件2")},type:i.NodeType.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new n.VefApprovalFlowNode("approval-2","审批2")},type:i.NodeType.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new n.VefHandleFlowNode("handle","办理")},type:i.NodeType.Handle,position:{x:100,y:400}},{id:"end",data:{node:new n.VefEndFlowNode("end","结束")},type:i.NodeType.End,deletable:!1,position:{x:0,y:400}}],r=[{id:"submit-approval",source:"submit",target:"approval",data:{edge:new t.VefFlowEdge}},{id:"approval-condition-1",source:"approval",target:"condition-1",data:{edge:new t.VefFlowEdge}},{id:"condition-1-approval-1",source:"condition-1",target:"approval-1",data:{edge:new t.VefFlowEdge}},{id:"approval-condition-2",source:"approval",target:"condition-2",data:{edge:new t.VefFlowEdge}},{id:"condition-2-approval-2",source:"condition-2",target:"approval-2",data:{edge:new t.VefFlowEdge}},{id:"approval-2-handle",source:"approval-2",target:"handle",data:{edge:new t.VefFlowEdge}},{id:"handle-end",source:"handle",target:"end",data:{edge:new t.VefFlowEdge}},{id:"approval-1-end",source:"approval-1",target:"end",data:{edge:new t.VefFlowEdge}}],l={vef:a.default},s={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:o.MarkerType.ArrowClosed,strokeWidth:1,height:16,width:16}},c={[i.NodeType.Submit]:{type:i.NodeType.Submit,label:"提交",icon:e.jsx(d.SendIcon,{}),color:"primary"},[i.NodeType.Approval]:{type:i.NodeType.Approval,label:"审批",icon:e.jsx(d.StampIcon,{}),color:"geekblue"},[i.NodeType.Handle]:{type:i.NodeType.Handle,label:"办理",icon:e.jsx(d.SquarePenIcon,{}),color:"success"},[i.NodeType.Condition]:{type:i.NodeType.Condition,label:"条件",icon:e.jsx(d.GitCommitVerticalIcon,{}),color:"warning"},[i.NodeType.End]:{type:i.NodeType.End,label:"结束",icon:e.jsx(d.CircleIcon,{}),color:"cyan"}};exports.defaultEdgeOptions=s,exports.edgeTypes=l,exports.fitViewOptions={minZoom:1},exports.initialEdges=r,exports.initialNodes=p,exports.nodesMetadata=c;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@xyflow/react');
+const lucideReact = require('lucide-react');
+const edge = require('./components/edge.cjs');
+const edgeNode = require('./models/edge-node.cjs');
+const flowNode = require('./models/flow-node.cjs');
+const types = require('./types.cjs');
+
+const initialNodes = [
+  {
+    id: "submit",
+    data: {
+      node: new flowNode.VefSubmitFlowNode("submit", "\u63D0\u4EA4")
+    },
+    type: types.NodeType.Submit,
+    deletable: false,
+    position: {
+      x: 0,
+      y: 0
+    }
+  },
+  {
+    id: "approval",
+    data: {
+      node: new flowNode.VefApprovalFlowNode("approval", "\u5BA1\u6279")
+    },
+    type: types.NodeType.Approval,
+    position: {
+      x: 0,
+      y: 100
+    }
+  },
+  {
+    id: "condition-1",
+    data: {
+      node: new flowNode.VefConditionFlowNode("condition-1", "\u6761\u4EF61")
+    },
+    type: types.NodeType.Condition,
+    position: {
+      x: 0,
+      y: 200
+    }
+  },
+  {
+    id: "approval-1",
+    data: {
+      node: new flowNode.VefApprovalFlowNode("approval-1", "\u5BA1\u62791")
+    },
+    type: types.NodeType.Approval,
+    position: {
+      x: 0,
+      y: 300
+    }
+  },
+  {
+    id: "condition-2",
+    data: {
+      node: new flowNode.VefConditionFlowNode("condition-2", "\u6761\u4EF62")
+    },
+    type: types.NodeType.Condition,
+    position: {
+      x: 100,
+      y: 200
+    }
+  },
+  {
+    id: "approval-2",
+    data: {
+      node: new flowNode.VefApprovalFlowNode("approval-2", "\u5BA1\u62792")
+    },
+    type: types.NodeType.Approval,
+    position: {
+      x: 100,
+      y: 300
+    }
+  },
+  {
+    id: "handle",
+    data: {
+      node: new flowNode.VefHandleFlowNode("handle", "\u529E\u7406")
+    },
+    type: types.NodeType.Handle,
+    position: {
+      x: 100,
+      y: 400
+    }
+  },
+  {
+    id: "end",
+    data: {
+      node: new flowNode.VefEndFlowNode("end", "\u7ED3\u675F")
+    },
+    type: types.NodeType.End,
+    deletable: false,
+    position: {
+      x: 0,
+      y: 400
+    }
+  }
+];
+const initialEdges = [
+  {
+    id: "submit-approval",
+    source: "submit",
+    target: "approval",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  },
+  {
+    id: "approval-condition-1",
+    source: "approval",
+    target: "condition-1",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  },
+  {
+    id: "condition-1-approval-1",
+    source: "condition-1",
+    target: "approval-1",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  },
+  {
+    id: "approval-condition-2",
+    source: "approval",
+    target: "condition-2",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  },
+  {
+    id: "condition-2-approval-2",
+    source: "condition-2",
+    target: "approval-2",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  },
+  {
+    id: "approval-2-handle",
+    source: "approval-2",
+    target: "handle",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  },
+  {
+    id: "handle-end",
+    source: "handle",
+    target: "end",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  },
+  {
+    id: "approval-1-end",
+    source: "approval-1",
+    target: "end",
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  }
+];
+const fitViewOptions = {
+  minZoom: 1
+};
+const edgeTypes = {
+  vef: edge.default
+};
+const defaultEdgeOptions = {
+  type: "vef",
+  deletable: false,
+  interactionWidth: 40,
+  markerEnd: {
+    type: react.MarkerType.ArrowClosed,
+    strokeWidth: 1,
+    height: 16,
+    width: 16
+  }
+};
+const nodesMetadata = {
+  [types.NodeType.Submit]: {
+    type: types.NodeType.Submit,
+    label: "\u63D0\u4EA4",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, {}),
+    color: "primary"
+  },
+  [types.NodeType.Approval]: {
+    type: types.NodeType.Approval,
+    label: "\u5BA1\u6279",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.StampIcon, {}),
+    color: "geekblue"
+  },
+  [types.NodeType.Handle]: {
+    type: types.NodeType.Handle,
+    label: "\u529E\u7406",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquarePenIcon, {}),
+    color: "success"
+  },
+  [types.NodeType.Condition]: {
+    type: types.NodeType.Condition,
+    label: "\u6761\u4EF6",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitCommitVerticalIcon, {}),
+    color: "warning"
+  },
+  [types.NodeType.End]: {
+    type: types.NodeType.End,
+    label: "\u7ED3\u675F",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, {}),
+    color: "cyan"
+  }
+};
+
+exports.defaultEdgeOptions = defaultEdgeOptions;
+exports.edgeTypes = edgeTypes;
+exports.fitViewOptions = fitViewOptions;
+exports.initialEdges = initialEdges;
+exports.initialNodes = initialNodes;
+exports.nodesMetadata = nodesMetadata;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,91 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@dagrejs/dagre"),o=require("@vef-framework/shared"),t=require("./constants.cjs"),r=require("./models/edge-node.cjs"),a=require("./models/flow-node.cjs"),d=require("./types.cjs");function createFlowNode(e,o){switch(e){case d.NodeType.Submit:return new a.VefSubmitFlowNode(o,t.nodesMetadata.submit.label);case d.NodeType.Approval:return new a.VefApprovalFlowNode(o,t.nodesMetadata.approval.label);case d.NodeType.Handle:return new a.VefHandleFlowNode(o,t.nodesMetadata.handle.label);case d.NodeType.Condition:return new a.VefConditionFlowNode(o,t.nodesMetadata.condition.label);case d.NodeType.End:return new a.VefEndFlowNode(o,t.nodesMetadata.end.label)}}exports.createEdge=function createEdge(e,o){return{id:`e-${e}-${o}`,source:e,target:o,data:{edge:new r.VefFlowEdge}}},exports.createFlowNode=createFlowNode,exports.createNode=function createNode(e){const t=`${e}-${o.generateId()}`;return{id:t,type:e,data:{node:createFlowNode(e,t)},position:{x:0,y:0}}},exports.layoutFlowElements=function layoutFlowElements(o,t){const r=new e.graphlib.Graph;r.setGraph({rankdir:"TB",ranker:"network-simplex",nodesep:60,edgesep:16,ranksep:80}),r.setDefaultEdgeLabel((()=>({})));for(const e of o)r.setNode(e.id,{...e,width:e.measured?.width??240,height:e.measured?.height??100});for(const e of t)r.setEdge(e.source,e.target);return e.layout(r),o.map((e=>{const{x:o,y:t}=r.node(e.id);return{...e,position:{x:o,y:t}}}))};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const dagre = require('@dagrejs/dagre');
+const shared = require('@vef-framework/shared');
+const constants = require('./constants.cjs');
+const edgeNode = require('./models/edge-node.cjs');
+const flowNode = require('./models/flow-node.cjs');
+const types = require('./types.cjs');
+
+function layoutFlowElements(nodes, edges) {
+  const g = new dagre.graphlib.Graph();
+  g.setGraph({
+    rankdir: "TB",
+    ranker: "network-simplex",
+    nodesep: 60,
+    edgesep: 16,
+    ranksep: 80
+  });
+  g.setDefaultEdgeLabel(() => ({}));
+  for (const node of nodes) {
+    g.setNode(
+      node.id,
+      {
+        ...node,
+        width: node.measured?.width ?? 240,
+        height: node.measured?.height ?? 100
+      }
+    );
+  }
+  for (const edge of edges) {
+    g.setEdge(edge.source, edge.target);
+  }
+  dagre.layout(g);
+  return nodes.map((node) => {
+    const { x, y } = g.node(node.id);
+    return {
+      ...node,
+      position: {
+        x,
+        y
+      }
+    };
+  });
+}
+function createFlowNode(type, id) {
+  switch (type) {
+    case types.NodeType.Submit:
+      return new flowNode.VefSubmitFlowNode(id, constants.nodesMetadata.submit.label);
+    case types.NodeType.Approval:
+      return new flowNode.VefApprovalFlowNode(id, constants.nodesMetadata.approval.label);
+    case types.NodeType.Handle:
+      return new flowNode.VefHandleFlowNode(id, constants.nodesMetadata.handle.label);
+    case types.NodeType.Condition:
+      return new flowNode.VefConditionFlowNode(id, constants.nodesMetadata.condition.label);
+    case types.NodeType.End:
+      return new flowNode.VefEndFlowNode(id, constants.nodesMetadata.end.label);
+  }
+}
+function createNode(type) {
+  const id = `${type}-${shared.generateId()}`;
+  return {
+    id,
+    type,
+    data: {
+      node: createFlowNode(type, id)
+    },
+    position: {
+      x: 0,
+      y: 0
+    }
+  };
+}
+function createEdge(source, target) {
+  return {
+    id: `e-${source}-${target}`,
+    source,
+    target,
+    data: {
+      edge: new edgeNode.VefFlowEdge()
+    }
+  };
+}
+
+exports.createEdge = createEdge;
+exports.createFlowNode = createFlowNode;
+exports.createNode = createNode;
+exports.layoutFlowElements = layoutFlowElements;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,30 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@xyflow/react"),t=require("react");exports.useEdgesInteraction=function useEdgesInteraction(){const{updateEdgeData:a}=e.useReactFlow();return{handleEdgeMouseEnter:t.useCallback(((e,t)=>{t.data?.edge.setHovering(!0),a(t.id,t.data,{replace:!0})}),[a]),handleEdgeMouseLeave:t.useCallback(((e,t)=>{t.data?.edge.setHovering(!1),a(t.id,t.data,{replace:!0})}),[a])}};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@xyflow/react');
+const react$1 = require('react');
+
+function useEdgesInteraction() {
+  const { updateEdgeData } = react.useReactFlow();
+  const handleEdgeMouseEnter = react$1.useCallback((_, edge) => {
+    edge.data?.edge.setHovering(true);
+    updateEdgeData(edge.id, edge.data, {
+      replace: true
+    });
+  }, [updateEdgeData]);
+  const handleEdgeMouseLeave = react$1.useCallback((_, edge) => {
+    edge.data?.edge.setHovering(false);
+    updateEdgeData(edge.id, edge.data, {
+      replace: true
+    });
+  }, [updateEdgeData]);
+  return {
+    handleEdgeMouseEnter,
+    handleEdgeMouseLeave
+  };
+}
+
+exports.useEdgesInteraction = useEdgesInteraction;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,29 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../store.cjs");exports.useElementSelection=function useElementSelection(){const o=t.useApprovalFlowEditorStoreApi();return{handleSelectionChange:e.useCallback((({nodes:e})=>{const{selectedNode:t,setSelectedNode:n}=o.getState();if(0===e.length)return void n(null);const[r]=e;r.id!==t?.getId()&&n(r.data.node)}),[o])}};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const store = require('../store.cjs');
+
+function useElementSelection() {
+  const approvalFlowEditorStore = store.useApprovalFlowEditorStoreApi();
+  const handleSelectionChange = react.useCallback(({ nodes }) => {
+    const { selectedNode, setSelectedNode } = approvalFlowEditorStore.getState();
+    if (nodes.length === 0) {
+      setSelectedNode(null);
+      return;
+    }
+    const [node] = nodes;
+    if (node.id === selectedNode?.getId()) {
+      return;
+    }
+    setSelectedNode(node.data.node);
+  }, [approvalFlowEditorStore]);
+  return {
+    handleSelectionChange
+  };
+}
+
+exports.useElementSelection = useElementSelection;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,56 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@xyflow/react"),t=require("react"),r=require("../helper.cjs"),o=require("../types.cjs");exports.useNodesInteraction=function useNodesInteraction(){const{addEdges:s,getNode:n,getEdges:c}=e.useReactFlow();return{handleBeforeDelete:t.useCallback((async({nodes:t,edges:d})=>{if(0===t.length)return!1;const[i]=t,a=d.filter((e=>e.source===i.id)).map((e=>e.target));if(a.length>0){const t=[],u=d.filter((e=>e.target===i.id)).map((e=>e.source)),l=c();for(const s of u){const c=e.getConnectedEdges([{id:s,position:{x:0,y:0},data:{}}],l).filter((e=>e.source===s));for(const e of a)n(e)?.type===o.NodeType.End&&c.length>1||t.push(r.createEdge(s,e))}s(t)}return!0}),[s,c,n])}};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@xyflow/react');
+const react$1 = require('react');
+const helper = require('../helper.cjs');
+const types = require('../types.cjs');
+
+function useNodesInteraction() {
+  const {
+    addEdges,
+    getNode,
+    getEdges
+  } = react.useReactFlow();
+  const handleBeforeDelete = react$1.useCallback(async ({ nodes, edges }) => {
+    if (nodes.length === 0) {
+      return false;
+    }
+    const [node] = nodes;
+    const targetNodeIds = edges.filter((edge) => edge.source === node.id).map((edge) => edge.target);
+    if (targetNodeIds.length > 0) {
+      const edgesToAdd = [];
+      const sourceNodeIds = edges.filter((edge) => edge.target === node.id).map((edge) => edge.source);
+      const allEdges = getEdges();
+      for (const sourceNodeId of sourceNodeIds) {
+        const nextConnectedEdges = react.getConnectedEdges(
+          [{
+            id: sourceNodeId,
+            position: {
+              x: 0,
+              y: 0
+            },
+            data: {}
+          }],
+          allEdges
+        ).filter((edge) => edge.source === sourceNodeId);
+        for (const targetNodeId of targetNodeIds) {
+          if (getNode(targetNodeId)?.type === types.NodeType.End && nextConnectedEdges.length > 1) {
+            continue;
+          }
+          edgesToAdd.push(helper.createEdge(sourceNodeId, targetNodeId));
+        }
+      }
+      addEdges(edgesToAdd);
+    }
+    return true;
+  }, [addEdges, getEdges, getNode]);
+  return {
+    handleBeforeDelete
+  };
+}
+
+exports.useNodesInteraction = useNodesInteraction;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */