@vef-framework/components 1.0.101 → 1.0.103

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

@@ -1,23 +1,9 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$2=require("@xyflow/react"),react$1=require("react"),index=require("../../vef-icon/index.cjs"),constants=require("../constants.cjs"),selectorContentStyle=react.css`
   min-width: 160px;
   display: flex;
   flex-direction: column;
   gap: ${shared.themeVariables.margin};
-`;
-const selectorItemStyle = react.css`
+`,selectorItemStyle=react.css`
   display: flex;
   align-items: center;
   gap: ${shared.themeVariables.marginSm};
@@ -35,34 +21,4 @@ const selectorItemStyle = react.css`
 
   > span:last-of-type {
   }
-`;
-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 */
+`;function VefSelectorContent({items,onAddNode}){const nodes=react$1.useMemo(()=>items.map(item=>constants.nodesMetadata[item]),[items]),{setEdges,addNodes}=react$2.useReactFlow(),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 jsxRuntime.jsx("div",{css:selectorContentStyle,children:nodes.map(({type,label,icon,color})=>jsxRuntime.jsxs("div",{css:selectorItemStyle,onClick:()=>handleAddNode(type),children:[jsxRuntime.jsx(index.default,{color,size:"huge",children:icon}),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,45 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@xyflow/react"),react$1=require("react"),helper=require("../helper.cjs"),nodeSelector=require("./node-selector.cjs");function VefSourceHandle(){const{node}=react.useNodesData(react.useNodeId()).data,connections=react.useNodeConnections({handleType:"source"}),handleAddNode=react$1.useCallback(type=>{const newNode=helper.createNode(type);return[newNode,[helper.createEdge(node.getId(),newNode.id)],[]]},[node]),hasAvailableNextNodes=node.getAvailableNextNodeTypes().length>0,isConnected=connections.length>0;return jsxRuntime.jsx(react.Handle,{position:react.Position.Bottom,type:"source",children:!isConnected&&hasAvailableNextNodes&&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,14 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@xyflow/react");function VefTargetHandle(){return 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,228 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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", "提交")
-    },
-    type: types.NodeType.Submit,
-    deletable: false,
-    position: {
-      x: 0,
-      y: 0
-    }
-  },
-  {
-    id: "approval",
-    data: {
-      node: new flowNode.VefApprovalFlowNode("approval", "审批")
-    },
-    type: types.NodeType.Approval,
-    position: {
-      x: 0,
-      y: 100
-    }
-  },
-  {
-    id: "condition-1",
-    data: {
-      node: new flowNode.VefConditionFlowNode("condition-1", "条件1")
-    },
-    type: types.NodeType.Condition,
-    position: {
-      x: 0,
-      y: 200
-    }
-  },
-  {
-    id: "approval-1",
-    data: {
-      node: new flowNode.VefApprovalFlowNode("approval-1", "审批1")
-    },
-    type: types.NodeType.Approval,
-    position: {
-      x: 0,
-      y: 300
-    }
-  },
-  {
-    id: "condition-2",
-    data: {
-      node: new flowNode.VefConditionFlowNode("condition-2", "条件2")
-    },
-    type: types.NodeType.Condition,
-    position: {
-      x: 100,
-      y: 200
-    }
-  },
-  {
-    id: "approval-2",
-    data: {
-      node: new flowNode.VefApprovalFlowNode("approval-2", "审批2")
-    },
-    type: types.NodeType.Approval,
-    position: {
-      x: 100,
-      y: 300
-    }
-  },
-  {
-    id: "handle",
-    data: {
-      node: new flowNode.VefHandleFlowNode("handle", "办理")
-    },
-    type: types.NodeType.Handle,
-    position: {
-      x: 100,
-      y: 400
-    }
-  },
-  {
-    id: "end",
-    data: {
-      node: new flowNode.VefEndFlowNode("end", "结束")
-    },
-    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: "提交",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, {}),
-    color: "primary"
-  },
-  [types.NodeType.Approval]: {
-    type: types.NodeType.Approval,
-    label: "审批",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.StampIcon, {}),
-    color: "geekblue"
-  },
-  [types.NodeType.Handle]: {
-    type: types.NodeType.Handle,
-    label: "办理",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquarePenIcon, {}),
-    color: "success"
-  },
-  [types.NodeType.Condition]: {
-    type: types.NodeType.Condition,
-    label: "条件",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitCommitVerticalIcon, {}),
-    color: "warning"
-  },
-  [types.NodeType.End]: {
-    type: types.NodeType.End,
-    label: "结束",
-    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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@xyflow/react"),lucideReact=require("lucide-react"),edge=require("./components/edge.cjs"),edgeNode=require("./models/edge-node.cjs"),flowNode=require("./models/flow-node.cjs"),types=require("./types.cjs"),initialNodes=[{id:"submit",data:{node:new flowNode.VefSubmitFlowNode("submit","提交")},type:types.NodeType.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new flowNode.VefApprovalFlowNode("approval","审批")},type:types.NodeType.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new flowNode.VefConditionFlowNode("condition-1","条件1")},type:types.NodeType.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new flowNode.VefApprovalFlowNode("approval-1","审批1")},type:types.NodeType.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new flowNode.VefConditionFlowNode("condition-2","条件2")},type:types.NodeType.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new flowNode.VefApprovalFlowNode("approval-2","审批2")},type:types.NodeType.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new flowNode.VefHandleFlowNode("handle","办理")},type:types.NodeType.Handle,position:{x:100,y:400}},{id:"end",data:{node:new flowNode.VefEndFlowNode("end","结束")},type:types.NodeType.End,deletable:!1,position:{x:0,y:400}}],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}}],fitViewOptions={minZoom:1},edgeTypes={vef:edge.default},defaultEdgeOptions={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:react.MarkerType.ArrowClosed,strokeWidth:1,height:16,width:16}},nodesMetadata={[types.NodeType.Submit]:{type:types.NodeType.Submit,label:"提交",icon:jsxRuntime.jsx(lucideReact.SendIcon,{}),color:"primary"},[types.NodeType.Approval]:{type:types.NodeType.Approval,label:"审批",icon:jsxRuntime.jsx(lucideReact.StampIcon,{}),color:"geekblue"},[types.NodeType.Handle]:{type:types.NodeType.Handle,label:"办理",icon:jsxRuntime.jsx(lucideReact.SquarePenIcon,{}),color:"success"},[types.NodeType.Condition]:{type:types.NodeType.Condition,label:"条件",icon:jsxRuntime.jsx(lucideReact.GitCommitVerticalIcon,{}),color:"warning"},[types.NodeType.End]:{type:types.NodeType.End,label:"结束",icon: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,91 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const dagre=require("@dagrejs/dagre"),shared=require("@vef-framework/shared"),constants=require("./constants.cjs"),edgeNode=require("./models/edge-node.cjs"),flowNode=require("./models/flow-node.cjs"),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);return dagre.layout(g),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,30 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("@xyflow/react"),react$1=require("react");function useEdgesInteraction(){const{updateEdgeData}=react.useReactFlow(),handleEdgeMouseEnter=react$1.useCallback((_,edge)=>{edge.data?.edge.setHovering(!0),updateEdgeData(edge.id,edge.data,{replace:!0})},[updateEdgeData]),handleEdgeMouseLeave=react$1.useCallback((_,edge)=>{edge.data?.edge.setHovering(!1),updateEdgeData(edge.id,edge.data,{replace:!0})},[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,29 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),store=require("../store.cjs");function useElementSelection(){const approvalFlowEditorStore=store.useApprovalFlowEditorStoreApi();return{handleSelectionChange:react.useCallback(({nodes})=>{const{selectedNode,setSelectedNode}=approvalFlowEditorStore.getState();if(nodes.length===0){setSelectedNode(null);return}const[node]=nodes;node.id!==selectedNode?.getId()&&setSelectedNode(node.data.node)},[approvalFlowEditorStore])}}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,56 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("@xyflow/react"),react$1=require("react"),helper=require("../helper.cjs"),types=require("../types.cjs");function useNodesInteraction(){const{addEdges,getNode,getEdges}=react.useReactFlow();return{handleBeforeDelete:react$1.useCallback(async({nodes,edges})=>{if(nodes.length===0)return!1;const[node]=nodes,targetNodeIds=edges.filter(edge=>edge.source===node.id).map(edge=>edge.target);if(targetNodeIds.length>0){const edgesToAdd=[],sourceNodeIds=edges.filter(edge=>edge.target===node.id).map(edge=>edge.source),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)getNode(targetNodeId)?.type===types.NodeType.End&&nextConnectedEdges.length>1||edgesToAdd.push(helper.createEdge(sourceNodeId,targetNodeId))}addEdges(edgesToAdd)}return!0},[addEdges,getEdges,getNode])}}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 */

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

@@ -1,80 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 index$1 = require('./components/nodes/index.cjs');
-const constants = require('./constants.cjs');
-const helper = require('./helper.cjs');
-const useEdgesInteraction = require('./hooks/use-edges-interaction.cjs');
-const useElementSelection = require('./hooks/use-element-selection.cjs');
-const useNodesInteraction = require('./hooks/use-nodes-interaction.cjs');
-const store = require('./store.cjs');
-const styles = require('./styles.cjs');
-
-function VefApprovalFlowEditorBase() {
-  const [edges, _, onEdgesChange] = react.useEdgesState(constants.initialEdges);
-  const [nodes, setNodes, onNodesChange] = react.useNodesState(constants.initialNodes);
-  const { handleEdgeMouseEnter, handleEdgeMouseLeave } = useEdgesInteraction.useEdgesInteraction();
-  const { handleSelectionChange } = useElementSelection.useElementSelection();
-  const { handleBeforeDelete } = useNodesInteraction.useNodesInteraction();
-  const currentEdgeIdentifiersRef = react$1.useRef();
-  react$1.useLayoutEffect(() => {
-    if (currentEdgeIdentifiersRef.current) {
-      const isSame = edges.every((edge) => currentEdgeIdentifiersRef.current.has(`${edge.id}__${edge.source}__${edge.target}`));
-      if (isSame) {
-        return;
-      }
-    }
-    const layoutedNodes = helper.layoutFlowElements(nodes, edges);
-    setNodes(layoutedNodes);
-    currentEdgeIdentifiersRef.current = new Set(edges.map((edge) => `${edge.id}__${edge.source}__${edge.target}`));
-  }, [edges]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.ReactFlow,
-    {
-      disableKeyboardA11y: true,
-      fitView: true,
-      css: styles.flowEditorStyle,
-      defaultEdgeOptions: constants.defaultEdgeOptions,
-      edges,
-      edgesFocusable: false,
-      edgesReconnectable: false,
-      edgeTypes: constants.edgeTypes,
-      fitViewOptions: constants.fitViewOptions,
-      maxZoom: 2,
-      minZoom: 0.5,
-      multiSelectionKeyCode: null,
-      nodes,
-      nodesConnectable: false,
-      nodesDraggable: false,
-      nodesFocusable: false,
-      nodeTypes: index$1.nodeTypes,
-      panActivationKeyCode: null,
-      selectionKeyCode: null,
-      selectionMode: react.SelectionMode.Partial,
-      zoomActivationKeyCode: null,
-      onBeforeDelete: handleBeforeDelete,
-      onEdgeMouseEnter: handleEdgeMouseEnter,
-      onEdgeMouseLeave: handleEdgeMouseLeave,
-      onEdgesChange,
-      onNodesChange,
-      onSelectionChange: handleSelectionChange,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.MiniMap, { pannable: true, position: "bottom-left" }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Controls, { orientation: "horizontal", position: "bottom-left" }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Background, { gap: 12, variant: react.BackgroundVariant.Dots })
-      ]
-    }
-  );
-}
-function VefApprovalFlowEditor(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.flowEditorContainerStyle, children: /* @__PURE__ */ jsxRuntime.jsx(store.ApprovalFlowEditorStoreProvider, { initialState: null, children: /* @__PURE__ */ jsxRuntime.jsx(react.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(VefApprovalFlowEditorBase, { ...props }) }) }) });
-}
-const index = react$1.memo(VefApprovalFlowEditor);
-
-exports.default = index;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@xyflow/react"),react$1=require("react"),index$1=require("./components/nodes/index.cjs"),constants=require("./constants.cjs"),helper=require("./helper.cjs"),useEdgesInteraction=require("./hooks/use-edges-interaction.cjs"),useElementSelection=require("./hooks/use-element-selection.cjs"),useNodesInteraction=require("./hooks/use-nodes-interaction.cjs"),store=require("./store.cjs"),styles=require("./styles.cjs");function VefApprovalFlowEditorBase(){const[edges,_,onEdgesChange]=react.useEdgesState(constants.initialEdges),[nodes,setNodes,onNodesChange]=react.useNodesState(constants.initialNodes),{handleEdgeMouseEnter,handleEdgeMouseLeave}=useEdgesInteraction.useEdgesInteraction(),{handleSelectionChange}=useElementSelection.useElementSelection(),{handleBeforeDelete}=useNodesInteraction.useNodesInteraction(),currentEdgeIdentifiersRef=react$1.useRef();return react$1.useLayoutEffect(()=>{if(currentEdgeIdentifiersRef.current&&edges.every(edge=>currentEdgeIdentifiersRef.current.has(`${edge.id}__${edge.source}__${edge.target}`)))return;const layoutedNodes=helper.layoutFlowElements(nodes,edges);setNodes(layoutedNodes),currentEdgeIdentifiersRef.current=new Set(edges.map(edge=>`${edge.id}__${edge.source}__${edge.target}`))},[edges]),jsxRuntime.jsxs(react.ReactFlow,{disableKeyboardA11y:!0,fitView:!0,css:styles.flowEditorStyle,defaultEdgeOptions:constants.defaultEdgeOptions,edges,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes:constants.edgeTypes,fitViewOptions:constants.fitViewOptions,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes:index$1.nodeTypes,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:react.SelectionMode.Partial,zoomActivationKeyCode:null,onBeforeDelete:handleBeforeDelete,onEdgeMouseEnter:handleEdgeMouseEnter,onEdgeMouseLeave:handleEdgeMouseLeave,onEdgesChange,onNodesChange,onSelectionChange:handleSelectionChange,children:[jsxRuntime.jsx(react.MiniMap,{pannable:!0,position:"bottom-left"}),jsxRuntime.jsx(react.Controls,{orientation:"horizontal",position:"bottom-left"}),jsxRuntime.jsx(react.Background,{gap:12,variant:react.BackgroundVariant.Dots})]})}function VefApprovalFlowEditor(props){return jsxRuntime.jsx("div",{css:styles.flowEditorContainerStyle,children:jsxRuntime.jsx(store.ApprovalFlowEditorStoreProvider,{initialState:null,children:jsxRuntime.jsx(react.ReactFlowProvider,{children:jsxRuntime.jsx(VefApprovalFlowEditorBase,{...props})})})})}const index=react$1.memo(VefApprovalFlowEditor);exports.default=index;/*! 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 */