@vef-framework/components 1.0.99 → 1.0.100

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

@@ -1,29 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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,33 +1,20 @@
-/*! 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`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
   min-width: 160px;
   display: flex;
   flex-direction: column;
-  gap: ${shared.themeVariables.margin};
-`;
-const selectorItemStyle = react.css`
+  gap: ${i.themeVariables.margin};
+`,l=r.css`
   display: flex;
   align-items: center;
-  gap: ${shared.themeVariables.marginSm};
-  padding: ${shared.themeVariables.paddingXs} ${shared.themeVariables.paddingSm};
-  border-radius: ${shared.themeVariables.borderRadius};
+  gap: ${i.themeVariables.marginSm};
+  padding: ${i.themeVariables.paddingXs} ${i.themeVariables.paddingSm};
+  border-radius: ${i.themeVariables.borderRadius};
   cursor: pointer;
-  transition: background-color ${shared.themeVariables.motionDurationMid} ${shared.themeVariables.motionEaseInOutCirc};
+  transition: background-color ${i.themeVariables.motionDurationMid} ${i.themeVariables.motionEaseInOutCirc};
   
   &:hover {
-    background-color: ${shared.themeVariables.colorFillSecondary};
+    background-color: ${i.themeVariables.colorFillSecondary};
   }
 
   > span:first-of-type {
@@ -35,34 +22,5 @@ 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;
+`;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)))})};
 /*! 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,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */