@vef-framework/components 1.0.100 → 1.0.101

package/lib/vef-access-denied/index.cjs

@@ -1,8 +1,21 @@
-/*! 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"),i=require("@emotion/react"),r=require("@vef-framework/shared"),s=require("lucide-react"),t=require("../vef-button/index.cjs"),n=require("../vef-icon/index.cjs"),c=require("./access-denied-icon.cjs"),a=i.css`
+/*! 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 lucideReact = require('lucide-react');
+const index = require('../vef-button/index.cjs');
+const index$1 = require('../vef-icon/index.cjs');
+const accessDeniedIcon = require('./access-denied-icon.cjs');
+
+const accessDeniedStyle = react.css`
   height: 100%;
-  ${r.styles.flexCenter}
-`,o=i.css`
+  ${shared.styles.flexCenter}
+`;
+const contentStyle = react.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -10,20 +23,46 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${r.themeVariables.margin};
+  row-gap: ${shared.themeVariables.margin};
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${r.themeVariables.fontSizeLg};
+    font-size: ${shared.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${r.themeVariables.colorTextTertiary};
+    color: ${shared.themeVariables.colorTextTertiary};
   }
 
   span.vef-access-denied-uri {
-    padding-left: ${r.themeVariables.paddingSm};
-    color: ${r.themeVariables.colorWarningText};
+    padding-left: ${shared.themeVariables.paddingSm};
+    color: ${shared.themeVariables.colorWarningText};
   }
-`;exports.default=function VefAccessDenied({uri:i,title:r="抱歉，您没有权限访问该页面～～～",onNavigateHome:l}){return e.jsx("div",{css:a,children:e.jsxs("div",{css:o,children:[e.jsx(c.default,{}),e.jsx("span",{children:r}),i&&e.jsxs("span",{children:["路径:",e.jsx("span",{className:"vef-access-denied-uri",children:i})]}),e.jsx(t.default,{color:"primary",size:"large",icon:e.jsx(n.default,{children:e.jsx(s.ArrowLeftIcon,{})}),onClick:l,children:"回到首页"})]})})};
+`;
+function VefAccessDenied({
+  uri,
+  title = "抱歉，您没有权限访问该页面～～～",
+  onNavigateHome
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: accessDeniedStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: contentStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(accessDeniedIcon.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+    uri && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "路径:",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vef-access-denied-uri", children: uri })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color: "primary",
+        size: "large",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}) }),
+        onClick: onNavigateHome,
+        children: "回到首页"
+      }
+    )
+  ] }) });
+}
+
+exports.default = VefAccessDenied;
 /*! 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-access-denied/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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-action-buttons/index.cjs

@@ -1,3 +1,80 @@
-/*! 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"),o=require("@vef-framework/hooks"),n=require("react"),t=require("../vef-button/index.cjs"),i=require("../vef-flex/index.cjs");const r=n.memo((function VefActionButtonsBase({buttons:n,context:r,useFlexContainer:c=!0,size:s="medium"}){const u=o.useAuthorizedItems(n),a=r??{},l=o.useComputedActionButtons(u,a);if(0===l.length)return null;const d=l.map((o=>{const{key:n,label:i,icon:r,color:c,disabled:u,requireConfirmation:l,confirmationMode:d,confirmationTitle:m,confirmationContent:f,onClick:x}=o,handleClick=()=>x?.(a);return l?e.jsx(t.default,{requireConfirmation:!0,color:c,confirmationContent:f,confirmationMode:d,confirmationTitle:m,disabled:u,icon:r,size:s,onConfirmationOk:handleClick,children:i},n):e.jsx(t.default,{color:c,disabled:u,icon:r,size:s,onClick:handleClick,children:i},n)}));return c?e.jsx(i.default,{wrap:!0,align:"center",gap:"medium",children:d}):e.jsx(e.Fragment,{children:d})}));r.displayName="VefActionButtons",exports.default=r;
+/*! 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 hooks = require('@vef-framework/hooks');
+const react = require('react');
+const index = require('../vef-button/index.cjs');
+const index$1 = require('../vef-flex/index.cjs');
+
+function VefActionButtonsBase({
+  buttons,
+  context,
+  useFlexContainer = true,
+  size = "medium"
+}) {
+  const authorizedButtons = hooks.useAuthorizedItems(buttons);
+  const contextToUse = context ?? {};
+  const computedButtons = hooks.useComputedActionButtons(authorizedButtons, contextToUse);
+  if (computedButtons.length === 0) {
+    return null;
+  }
+  const buttonsNode = computedButtons.map((button) => {
+    const {
+      key,
+      label,
+      icon,
+      color,
+      disabled,
+      requireConfirmation,
+      confirmationMode,
+      confirmationTitle,
+      confirmationContent,
+      onClick
+    } = button;
+    const handleClick = () => onClick?.(contextToUse);
+    if (requireConfirmation) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        index.default,
+        {
+          requireConfirmation: true,
+          color,
+          confirmationContent,
+          confirmationMode,
+          confirmationTitle,
+          disabled,
+          icon,
+          size,
+          onConfirmationOk: handleClick,
+          children: label
+        },
+        key
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color,
+        disabled,
+        icon,
+        size,
+        onClick: handleClick,
+        children: label
+      },
+      key
+    );
+  });
+  if (useFlexContainer) {
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { wrap: true, align: "center", gap: "medium", children: buttonsNode });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonsNode });
+}
+const VefActionButtons = react.memo(
+  VefActionButtonsBase
+);
+VefActionButtons.displayName = "VefActionButtons";
+
+exports.default = VefActionButtons;
 /*! 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-action-buttons/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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/edge.cjs

@@ -1,8 +1,92 @@
-/*! 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("@emotion/react"),r=require("@xyflow/react"),a=require("react"),o=require("../helper.cjs"),s=require("./node-selector.cjs"),i=t.css`
+/*! 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 react$1 = require('@xyflow/react');
+const react$2 = require('react');
+const helper = require('../helper.cjs');
+const nodeSelector = require('./node-selector.cjs');
+
+const labelStyle = react.css`
   position: absolute;
   pointer-events: all;
   transform-origin: center;
   transform: translate(-50%, -50%) translate(var(--vef-edge-label-x), var(--vef-edge-label-y));
-`;exports.default=function VefEdge({id:t,data:n,source:d,target:l,sourceX:c,sourceY:u,targetX:g,targetY:v,sourcePosition:x,targetPosition:f,markerEnd:m,markerStart:p,interactionWidth:b,style:h,selected:j}){const{getNode:y}=r.useReactFlow(),P=a.useCallback((e=>{const r=o.createNode(e);return[r,[o.createEdge(d,r.id),o.createEdge(r.id,l)],[t]]}),[t,d,l]),[E,N,q]=r.getBezierPath({sourceX:c,sourceY:u,targetX:g,targetY:v,sourcePosition:x,targetPosition:f,curvature:.16}),k=n?.edge.isHovering()??!1,S=y(d).data.node,X=y(l).data.node,Y=new Set(X.getAvailablePreviousNodeTypes()),w=S.getAvailableNextNodeTypes().filter((e=>Y.has(e)));return e.jsxs(e.Fragment,{children:[e.jsx(r.BaseEdge,{id:t,interactionWidth:b,markerEnd:m,markerStart:p,path:E,style:h}),(k||j)&&e.jsx(r.EdgeLabelRenderer,{children:e.jsx("div",{className:"nodrag nopan",css:i,style:{"--vef-edge-label-x":`${N}px`,"--vef-edge-label-y":`${q}px`},children:e.jsx(s.default,{items:w,selectorContentPosition:"right",onAddNode:P})})})]})};
+`;
+function VefEdge({
+  id,
+  data,
+  source,
+  target,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  markerEnd,
+  markerStart,
+  interactionWidth,
+  style,
+  selected
+}) {
+  const { getNode } = react$1.useReactFlow();
+  const handleAddNode = react$2.useCallback((type) => {
+    const newNode = helper.createNode(type);
+    return [
+      newNode,
+      [
+        helper.createEdge(source, newNode.id),
+        helper.createEdge(newNode.id, target)
+      ],
+      [id]
+    ];
+  }, [id, source, target]);
+  const [edgePath, labelX, labelY] = react$1.getBezierPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition,
+    curvature: 0.16
+  });
+  const isHovering = data?.edge.isHovering() ?? false;
+  const sourceNode = getNode(source).data.node;
+  const targetNode = getNode(target).data.node;
+  const availableNodeTypes = new Set(targetNode.getAvailablePreviousNodeTypes());
+  const nodeTypes = sourceNode.getAvailableNextNodeTypes().filter(
+    (nodeType) => availableNodeTypes.has(nodeType)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.BaseEdge,
+      {
+        id,
+        interactionWidth,
+        markerEnd,
+        markerStart,
+        path: edgePath,
+        style
+      }
+    ),
+    (isHovering || selected) && /* @__PURE__ */ jsxRuntime.jsx(react$1.EdgeLabelRenderer, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "nodrag nopan",
+        css: labelStyle,
+        style: {
+          "--vef-edge-label-x": `${labelX}px`,
+          "--vef-edge-label-y": `${labelY}px`
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(nodeSelector.default, { items: nodeTypes, selectorContentPosition: "right", onAddNode: handleAddNode })
+      }
+    ) })
+  ] });
+}
+
+exports.default = VefEdge;
 /*! 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/label-value.cjs

@@ -1,19 +1,41 @@
-/*! 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"),a=require("@vef-framework/shared"),i=require("lucide-react"),s=require("../../vef-icon/index.cjs"),t=r.css`
+/*! 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 lucideReact = require('lucide-react');
+const index = require('../../vef-icon/index.cjs');
+
+const labelValueStyle = react.css`
   display: grid;
   grid-template-columns: max-content 1fr max-content;
   align-items: center;
-  column-gap: ${a.themeVariables.marginXs};
-  background-color: ${a.themeVariables.colorFillTertiary};
-  padding: ${a.themeVariables.paddingXxs} ${a.themeVariables.paddingXxs} ${a.themeVariables.paddingXxs} ${a.themeVariables.paddingXs};
-  border-radius: ${a.themeVariables.borderRadius};
+  column-gap: ${shared.themeVariables.marginXs};
+  background-color: ${shared.themeVariables.colorFillTertiary};
+  padding: ${shared.themeVariables.paddingXxs} ${shared.themeVariables.paddingXxs} ${shared.themeVariables.paddingXxs} ${shared.themeVariables.paddingXs};
+  border-radius: ${shared.themeVariables.borderRadius};
 
   & > span:first-of-type {
-    color: ${a.themeVariables.colorTextSecondary};
+    color: ${shared.themeVariables.colorTextSecondary};
   }
 
   & > span:last-of-type {
-    color: ${a.themeVariables.colorText};
+    color: ${shared.themeVariables.colorText};
   }
-`;exports.default=function VefLabelValue({label:r,value:a}){return e.jsxs("div",{css:t,children:[e.jsxs("span",{children:[r,":"]}),e.jsx("span",{children:a}),e.jsx(s.default,{children:e.jsx(i.ChevronRightIcon,{})})]})};
+`;
+function VefLabelValue({ label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: labelValueStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      label,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: value }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}) })
+  ] });
+}
+
+exports.default = VefLabelValue;
 /*! 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/node-content.cjs

@@ -1,18 +1,56 @@
-/*! 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"),s=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),i=require("@xyflow/react"),o=require("../../vef-icon/index.cjs"),a=require("./node-toolbar.cjs"),n=require("./source-handle.cjs"),l=require("./target-handle.cjs"),d=r.css`
+/*! 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 hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react$1 = require('@xyflow/react');
+const index = require('../../vef-icon/index.cjs');
+const nodeToolbar = require('./node-toolbar.cjs');
+const sourceHandle = require('./source-handle.cjs');
+const targetHandle = require('./target-handle.cjs');
+
+const titleWrapperStyle = react.css`
   display: flex;
   flex-direction: row;
   align-items: center;
-  column-gap: ${t.themeVariables.marginSm};
-  margin-bottom: ${t.themeVariables.marginSm};
-`,c=r.css`
+  column-gap: ${shared.themeVariables.marginSm};
+  margin-bottom: ${shared.themeVariables.marginSm};
+`;
+const titleIconStyle = react.css`
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${t.themeVariables.colorWhite};
-  border-radius: ${t.themeVariables.borderRadius};
-  padding: ${t.themeVariables.paddingXxs};
-`,u=r.css`
-  font-size: ${t.themeVariables.fontSizeLg};
-`;exports.default=function VefNodeContent({icon:r,iconColor:t,selected:m,children:f}){const h=i.useNodesData(i.useNodeId()).data.node,x=s.useColorTokens().get(t);return e.jsxs(e.Fragment,{children:[e.jsx(n.default,{}),e.jsx(l.default,{}),e.jsx(a.default,{selected:m}),e.jsxs("div",{css:d,children:[e.jsx("div",{css:c,style:{backgroundColor:x},children:e.jsx(o.default,{children:r})}),e.jsx("h3",{css:u,children:h.getLabel()})]}),f]})};
+  color: ${shared.themeVariables.colorWhite};
+  border-radius: ${shared.themeVariables.borderRadius};
+  padding: ${shared.themeVariables.paddingXxs};
+`;
+const titleTextStyle = react.css`
+  font-size: ${shared.themeVariables.fontSizeLg};
+`;
+function VefNodeContent({
+  icon,
+  iconColor,
+  selected,
+  children
+}) {
+  const node = react$1.useNodesData(react$1.useNodeId()).data.node;
+  const colorTokens = hooks.useColorTokens();
+  const iconBgColor = colorTokens.get(iconColor);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(sourceHandle.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(targetHandle.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(nodeToolbar.default, { selected }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { css: titleWrapperStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { css: titleIconStyle, style: { backgroundColor: iconBgColor }, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: icon }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { css: titleTextStyle, children: node.getLabel() })
+    ] }),
+    children
+  ] });
+}
+
+exports.default = VefNodeContent;
 /*! 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/node-selector.cjs

@@ -1,14 +1,46 @@
-/*! 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"),t=require("@vef-framework/shared"),o=require("lucide-react"),i=require("../../vef-icon/index.cjs"),n=require("../../vef-popover/index.cjs"),c=require("./selector-content.cjs"),s=r.css`
+/*! 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 lucideReact = require('lucide-react');
+const index$1 = require('../../vef-icon/index.cjs');
+const index = require('../../vef-popover/index.cjs');
+const selectorContent = require('./selector-content.cjs');
+
+const selectorStyle = react.css`
   cursor: pointer;
   transform-origin: center;
-  background-color: ${t.themeVariables.colorPrimary};
-  color: ${t.themeVariables.colorWhite};
+  background-color: ${shared.themeVariables.colorPrimary};
+  color: ${shared.themeVariables.colorWhite};
   border-radius: 50%;
   width: 1.5rem;
   height: 1.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
-`,d={"--vef-popover-inner-content-padding":"6px"};exports.default=function VefNodeSelector({selectorContentPosition:r,items:t,onAddNode:l}){return e.jsx(n.default,{content:e.jsx(c.default,{items:t,onAddNode:l}),contentStyle:d,placement:r,children:e.jsx("div",{css:s,children:e.jsx(i.default,{children:e.jsx(o.PlusIcon,{})})})})};
+`;
+const popoverContentStyle = {
+  "--vef-popover-inner-content-padding": "6px"
+};
+function VefNodeSelector({
+  selectorContentPosition,
+  items,
+  onAddNode
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      content: /* @__PURE__ */ jsxRuntime.jsx(selectorContent.default, { items, onAddNode }),
+      contentStyle: popoverContentStyle,
+      placement: selectorContentPosition,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: selectorStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, {}) }) })
+    }
+  );
+}
+
+exports.default = VefNodeSelector;
 /*! 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/node-toolbar.cjs

@@ -1,3 +1,26 @@
-/*! 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"),o=require("@xyflow/react"),r=require("lucide-react"),i=require("../../vef-button/index.cjs"),t=require("../../vef-icon/index.cjs");exports.default=function VefNodeToolbar({selected:s}){return e.jsx(o.NodeToolbar,{align:"end",isVisible:s,offset:4,position:o.Position.Top,children:e.jsx(i.default,{color:"error",size:"small",tip:"删除",variant:"solid",icon:e.jsx(t.default,{children:e.jsx(r.Trash2Icon,{})})})})};
+/*! 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 lucideReact = require('lucide-react');
+const index = require('../../vef-button/index.cjs');
+const index$1 = require('../../vef-icon/index.cjs');
+
+function VefNodeToolbar({ selected }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.NodeToolbar, { align: "end", isVisible: selected, offset: 4, position: react.Position.Top, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      color: "error",
+      size: "small",
+      tip: "删除",
+      variant: "solid",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, {}) })
+    }
+  ) });
+}
+
+exports.default = VefNodeToolbar;
 /*! 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/nodes/approval.cjs

@@ -1,3 +1,29 @@
-/*! 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"),o=require("../../constants.cjs"),t=require("../../types.cjs"),r=require("../label-value.cjs"),l=require("../node-content.cjs"),s=o.nodesMetadata[t.NodeType.Approval];exports.default=function VefApprovalNode({selected:o}){const{icon:t,color:c}=s;return e.jsx(l.default,{icon:t,iconColor:c,selected:o,children:e.jsx(r.default,{label:"审批人",value:"无"})})};
+/*! 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 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.Approval];
+function VefApprovalNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    nodeContent.default,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsxRuntime.jsx(labelValue.default, { label: "审批人", value: "无" })
+    }
+  );
+}
+
+exports.default = VefApprovalNode;
 /*! 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/nodes/condition.cjs

@@ -1,3 +1,29 @@
-/*! 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"),o=require("../../constants.cjs"),t=require("../../types.cjs"),n=require("../label-value.cjs"),r=require("../node-content.cjs"),s=o.nodesMetadata[t.NodeType.Condition];exports.default=function VefConditionNode({selected:o}){const{icon:t,color:i}=s;return e.jsx(r.default,{icon:t,iconColor:i,selected:o,children:e.jsx(n.default,{label:"条件",value:"无"})})};
+/*! 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 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.Condition];
+function VefConditionNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    nodeContent.default,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsxRuntime.jsx(labelValue.default, { label: "条件", value: "无" })
+    }
+  );
+}
+
+exports.default = VefConditionNode;
 /*! 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/nodes/end.cjs

@@ -1,3 +1,29 @@
-/*! 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"),n=require("../node-content.cjs"),s=t.nodesMetadata[o.NodeType.End];exports.default=function VefEndNode({selected:t}){const{icon:o,color:c}=s;return e.jsx(n.default,{icon:o,iconColor:c,selected:t,children:e.jsx(r.default,{label:"通知人",value:"无"})})};
+/*! 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 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.End];
+function VefEndNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    nodeContent.default,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsxRuntime.jsx(labelValue.default, { label: "通知人", value: "无" })
+    }
+  );
+}
+
+exports.default = VefEndNode;
 /*! 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/nodes/handle.cjs

@@ -1,3 +1,29 @@
-/*! 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"),l=require("../node-content.cjs"),n=t.nodesMetadata[o.NodeType.Handle];exports.default=function VefHandleNode({selected:t}){const{icon:o,color:s}=n;return e.jsx(l.default,{icon:o,iconColor:s,selected:t,children:e.jsx(r.default,{label:"办理人",value:"无"})})};
+/*! 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 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.Handle];
+function VefHandleNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    nodeContent.default,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsxRuntime.jsx(labelValue.default, { label: "办理人", value: "无" })
+    }
+  );
+}
+
+exports.default = VefHandleNode;
 /*! 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/nodes/index.cjs

@@ -1,3 +1,22 @@
-/*! 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("../../types.cjs"),r=require("./approval.cjs"),d=require("./condition.cjs"),o=require("./end.cjs"),t=require("./handle.cjs"),u=require("./submit.cjs"),i={[e.NodeType.Submit]:u.default,[e.NodeType.Approval]:r.default,[e.NodeType.Handle]:t.default,[e.NodeType.Condition]:d.default,[e.NodeType.End]:o.default};exports.nodeTypes=i;
+/*! 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 types = require('../../types.cjs');
+const approval = require('./approval.cjs');
+const condition = require('./condition.cjs');
+const end = require('./end.cjs');
+const handle = require('./handle.cjs');
+const submit = require('./submit.cjs');
+
+const nodeTypes = {
+  [types.NodeType.Submit]: submit.default,
+  [types.NodeType.Approval]: approval.default,
+  [types.NodeType.Handle]: handle.default,
+  [types.NodeType.Condition]: condition.default,
+  [types.NodeType.End]: end.default
+};
+
+exports.nodeTypes = nodeTypes;
 /*! 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 */