@vef-framework/components 1.0.97 → 1.0.99

package/es/vef-access-denied/index.js

@@ -1,8 +1,17 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as e,jsxs as i}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{styles as n,themeVariables as o}from"@vef-framework/shared";import{ArrowLeftIcon as t}from"lucide-react";import c from"../vef-button/index.js";import s from"../vef-icon/index.js";import a from"./access-denied-icon.js";const d=r`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { styles, themeVariables } from '@vef-framework/shared';
+import { ArrowLeftIcon } from 'lucide-react';
+import VefButton from '../vef-button/index.js';
+import VefIcon from '../vef-icon/index.js';
+import Memo from './access-denied-icon.js';
+
+const accessDeniedStyle = css`
   height: 100%;
-  ${n.flexCenter}
-`,l=r`
+  ${styles.flexCenter}
+`;
+const contentStyle = css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -10,20 +19,46 @@ import{jsx as e,jsxs as i}from"@emotion/react/jsx-runtime";import{css as r}from"
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${o.margin};
+  row-gap: ${themeVariables.margin};
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${o.fontSizeLg};
+    font-size: ${themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${o.colorTextTertiary};
+    color: ${themeVariables.colorTextTertiary};
   }
 
   span.vef-access-denied-uri {
-    padding-left: ${o.paddingSm};
-    color: ${o.colorWarningText};
+    padding-left: ${themeVariables.paddingSm};
+    color: ${themeVariables.colorWarningText};
   }
-`;function VefAccessDenied({uri:r,title:n="抱歉，您没有权限访问该页面～～～",onNavigateHome:o}){return e("div",{css:d,children:i("div",{css:l,children:[e(a,{}),e("span",{children:n}),r&&i("span",{children:["路径:",e("span",{className:"vef-access-denied-uri",children:r})]}),e(c,{color:"primary",size:"large",icon:e(s,{children:e(t,{})}),onClick:o,children:"回到首页"})]})})}export{VefAccessDenied as default};
+`;
+function VefAccessDenied({
+  uri,
+  title = "\u62B1\u6B49\uFF0C\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u8BE5\u9875\u9762\uFF5E\uFF5E\uFF5E",
+  onNavigateHome
+}) {
+  return /* @__PURE__ */ jsx("div", { css: accessDeniedStyle, children: /* @__PURE__ */ jsxs("div", { css: contentStyle, children: [
+    /* @__PURE__ */ jsx(Memo, {}),
+    /* @__PURE__ */ jsx("span", { children: title }),
+    uri && /* @__PURE__ */ jsxs("span", { children: [
+      "\u8DEF\u5F84:",
+      /* @__PURE__ */ jsx("span", { className: "vef-access-denied-uri", children: uri })
+    ] }),
+    /* @__PURE__ */ jsx(
+      VefButton,
+      {
+        color: "primary",
+        size: "large",
+        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
+        onClick: onNavigateHome,
+        children: "\u56DE\u5230\u9996\u9875"
+      }
+    )
+  ] }) });
+}
+
+export { VefAccessDenied as default };
 /*! 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/es/vef-action-buttons/index.js

@@ -1,3 +1,76 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useAuthorizedItems as i,useComputedActionButtons as e}from"@vef-framework/hooks";import{memo as t}from"react";import r from"../vef-button/index.js";import c from"../vef-flex/index.js";const m=t((function VefActionButtonsBase({buttons:t,context:m,useFlexContainer:a=!0,size:f="medium"}){const l=i(t),s=m??{},d=e(l,s);if(0===d.length)return null;const u=d.map((n=>{const{key:i,label:e,icon:t,color:c,disabled:m,requireConfirmation:a,confirmationMode:l,confirmationTitle:d,confirmationContent:u,onClick:p}=n,handleClick=()=>p?.(s);return o(r,a?{requireConfirmation:!0,color:c,confirmationContent:u,confirmationMode:l,confirmationTitle:d,disabled:m,icon:t,size:f,onConfirmationOk:handleClick,children:e}:{color:c,disabled:m,icon:t,size:f,onClick:handleClick,children:e},i)}));return a?o(c,{wrap:!0,align:"center",gap:"medium",children:u}):o(n,{children:u})}));m.displayName="VefActionButtons";export{m as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { useAuthorizedItems, useComputedActionButtons } from '@vef-framework/hooks';
+import { memo } from 'react';
+import VefButton from '../vef-button/index.js';
+import VefFlex from '../vef-flex/index.js';
+
+function VefActionButtonsBase({
+  buttons,
+  context,
+  useFlexContainer = true,
+  size = "medium"
+}) {
+  const authorizedButtons = useAuthorizedItems(buttons);
+  const contextToUse = context ?? {};
+  const computedButtons = 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__ */ jsx(
+        VefButton,
+        {
+          requireConfirmation: true,
+          color,
+          confirmationContent,
+          confirmationMode,
+          confirmationTitle,
+          disabled,
+          icon,
+          size,
+          onConfirmationOk: handleClick,
+          children: label
+        },
+        key
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      VefButton,
+      {
+        color,
+        disabled,
+        icon,
+        size,
+        onClick: handleClick,
+        children: label
+      },
+      key
+    );
+  });
+  if (useFlexContainer) {
+    return /* @__PURE__ */ jsx(VefFlex, { wrap: true, align: "center", gap: "medium", children: buttonsNode });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: buttonsNode });
+}
+const VefActionButtons = memo(
+  VefActionButtonsBase
+);
+VefActionButtons.displayName = "VefActionButtons";
+
+export { VefActionButtons as default };
 /*! 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/es/vef-approval-flow-editor/components/edge.js

@@ -1,8 +1,88 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsxs as e,Fragment as t,jsx as r}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{useReactFlow as a,getBezierPath as i,BaseEdge as n,EdgeLabelRenderer as s}from"@xyflow/react";import{useCallback as d}from"react";import{createNode as l,createEdge as c}from"../helper.js";import m from"./node-selector.js";const g=o`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { useReactFlow, getBezierPath, BaseEdge, EdgeLabelRenderer } from '@xyflow/react';
+import { useCallback } from 'react';
+import { createNode, createEdge } from '../helper.js';
+import VefNodeSelector from './node-selector.js';
+
+const labelStyle = css`
   position: absolute;
   pointer-events: all;
   transform-origin: center;
   transform: translate(-50%, -50%) translate(var(--vef-edge-label-x), var(--vef-edge-label-y));
-`;function VefEdge({id:o,data:f,source:p,target:u,sourceX:v,sourceY:h,targetX:x,targetY:y,sourcePosition:b,targetPosition:N,markerEnd:P,markerStart:k,interactionWidth:E,style:X,selected:Y}){const{getNode:j}=a(),A=d((e=>{const t=l(e);return[t,[c(p,t.id),c(t.id,u)],[o]]}),[o,p,u]),[S,w,T]=i({sourceX:v,sourceY:h,targetX:x,targetY:y,sourcePosition:b,targetPosition:N,curvature:.16}),V=f?.edge.isHovering()??!1,W=j(p).data.node,$=j(u).data.node,C=new Set($.getAvailablePreviousNodeTypes()),H=W.getAvailableNextNodeTypes().filter((e=>C.has(e)));return e(t,{children:[r(n,{id:o,interactionWidth:E,markerEnd:P,markerStart:k,path:S,style:X}),(V||Y)&&r(s,{children:r("div",{className:"nodrag nopan",css:g,style:{"--vef-edge-label-x":`${w}px`,"--vef-edge-label-y":`${T}px`},children:r(m,{items:H,selectorContentPosition:"right",onAddNode:A})})})]})}export{VefEdge as default};
+`;
+function VefEdge({
+  id,
+  data,
+  source,
+  target,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  markerEnd,
+  markerStart,
+  interactionWidth,
+  style,
+  selected
+}) {
+  const { getNode } = useReactFlow();
+  const handleAddNode = useCallback((type) => {
+    const newNode = createNode(type);
+    return [
+      newNode,
+      [
+        createEdge(source, newNode.id),
+        createEdge(newNode.id, target)
+      ],
+      [id]
+    ];
+  }, [id, source, target]);
+  const [edgePath, labelX, labelY] = 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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      BaseEdge,
+      {
+        id,
+        interactionWidth,
+        markerEnd,
+        markerStart,
+        path: edgePath,
+        style
+      }
+    ),
+    (isHovering || selected) && /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "nodrag nopan",
+        css: labelStyle,
+        style: {
+          "--vef-edge-label-x": `${labelX}px`,
+          "--vef-edge-label-y": `${labelY}px`
+        },
+        children: /* @__PURE__ */ jsx(VefNodeSelector, { items: nodeTypes, selectorContentPosition: "right", onAddNode: handleAddNode })
+      }
+    ) })
+  ] });
+}
+
+export { VefEdge as default };
 /*! 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/es/vef-approval-flow-editor/components/label-value.js

@@ -1,19 +1,37 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsxs as r,jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as a}from"@vef-framework/shared";import{ChevronRightIcon as i}from"lucide-react";import n from"../../vef-icon/index.js";const t=o`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables } from '@vef-framework/shared';
+import { ChevronRightIcon } from 'lucide-react';
+import VefIcon from '../../vef-icon/index.js';
+
+const labelValueStyle = css`
   display: grid;
   grid-template-columns: max-content 1fr max-content;
   align-items: center;
-  column-gap: ${a.marginXs};
-  background-color: ${a.colorFillTertiary};
-  padding: ${a.paddingXxs} ${a.paddingXxs} ${a.paddingXxs} ${a.paddingXs};
-  border-radius: ${a.borderRadius};
+  column-gap: ${themeVariables.marginXs};
+  background-color: ${themeVariables.colorFillTertiary};
+  padding: ${themeVariables.paddingXxs} ${themeVariables.paddingXxs} ${themeVariables.paddingXxs} ${themeVariables.paddingXs};
+  border-radius: ${themeVariables.borderRadius};
 
   & > span:first-of-type {
-    color: ${a.colorTextSecondary};
+    color: ${themeVariables.colorTextSecondary};
   }
 
   & > span:last-of-type {
-    color: ${a.colorText};
+    color: ${themeVariables.colorText};
   }
-`;function VefLabelValue({label:o,value:a}){return r("div",{css:t,children:[r("span",{children:[o,":"]}),e("span",{children:a}),e(n,{children:e(i,{})})]})}export{VefLabelValue as default};
+`;
+function VefLabelValue({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { css: labelValueStyle, children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      label,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsx("span", { children: value }),
+    /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
+  ] });
+}
+
+export { VefLabelValue as default };
 /*! 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/es/vef-approval-flow-editor/components/node-content.js

@@ -1,18 +1,52 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsxs as e,Fragment as o,jsx as r}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{useColorTokens as i}from"@vef-framework/hooks";import{themeVariables as n}from"@vef-framework/shared";import{useNodesData as d,useNodeId as m}from"@xyflow/react";import c from"../../vef-icon/index.js";import s from"./node-toolbar.js";import a from"./source-handle.js";import l from"./target-handle.js";const f=t`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { useColorTokens } from '@vef-framework/hooks';
+import { themeVariables } from '@vef-framework/shared';
+import { useNodesData, useNodeId } from '@xyflow/react';
+import VefIcon from '../../vef-icon/index.js';
+import VefNodeToolbar from './node-toolbar.js';
+import VefSourceHandle from './source-handle.js';
+import VefTargetHandle from './target-handle.js';
+
+const titleWrapperStyle = css`
   display: flex;
   flex-direction: row;
   align-items: center;
-  column-gap: ${n.marginSm};
-  margin-bottom: ${n.marginSm};
-`,p=t`
+  column-gap: ${themeVariables.marginSm};
+  margin-bottom: ${themeVariables.marginSm};
+`;
+const titleIconStyle = css`
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${n.colorWhite};
-  border-radius: ${n.borderRadius};
-  padding: ${n.paddingXxs};
-`,g=t`
-  font-size: ${n.fontSizeLg};
-`;function VefNodeContent({icon:t,iconColor:n,selected:h,children:u}){const x=d(m()).data.node,b=i().get(n);return e(o,{children:[r(a,{}),r(l,{}),r(s,{selected:h}),e("div",{css:f,children:[r("div",{css:p,style:{backgroundColor:b},children:r(c,{children:t})}),r("h3",{css:g,children:x.getLabel()})]}),u]})}export{VefNodeContent as default};
+  color: ${themeVariables.colorWhite};
+  border-radius: ${themeVariables.borderRadius};
+  padding: ${themeVariables.paddingXxs};
+`;
+const titleTextStyle = css`
+  font-size: ${themeVariables.fontSizeLg};
+`;
+function VefNodeContent({
+  icon,
+  iconColor,
+  selected,
+  children
+}) {
+  const node = useNodesData(useNodeId()).data.node;
+  const colorTokens = useColorTokens();
+  const iconBgColor = colorTokens.get(iconColor);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(VefSourceHandle, {}),
+    /* @__PURE__ */ jsx(VefTargetHandle, {}),
+    /* @__PURE__ */ jsx(VefNodeToolbar, { selected }),
+    /* @__PURE__ */ jsxs("div", { css: titleWrapperStyle, children: [
+      /* @__PURE__ */ jsx("div", { css: titleIconStyle, style: { backgroundColor: iconBgColor }, children: /* @__PURE__ */ jsx(VefIcon, { children: icon }) }),
+      /* @__PURE__ */ jsx("h3", { css: titleTextStyle, children: node.getLabel() })
+    ] }),
+    children
+  ] });
+}
+
+export { VefNodeContent as default };
 /*! 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/es/vef-approval-flow-editor/components/node-selector.js

@@ -1,14 +1,42 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as r}from"@vef-framework/shared";import{PlusIcon as t}from"lucide-react";import n from"../../vef-icon/index.js";import i from"../../vef-popover/index.js";import c from"./selector-content.js";const m=o`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables } from '@vef-framework/shared';
+import { PlusIcon } from 'lucide-react';
+import VefIcon from '../../vef-icon/index.js';
+import VefPopover from '../../vef-popover/index.js';
+import VefSelectorContent from './selector-content.js';
+
+const selectorStyle = css`
   cursor: pointer;
   transform-origin: center;
-  background-color: ${r.colorPrimary};
-  color: ${r.colorWhite};
+  background-color: ${themeVariables.colorPrimary};
+  color: ${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"};function VefNodeSelector({selectorContentPosition:o,items:r,onAddNode:s}){return e(i,{content:e(c,{items:r,onAddNode:s}),contentStyle:d,placement:o,children:e("div",{css:m,children:e(n,{children:e(t,{})})})})}export{VefNodeSelector as default};
+`;
+const popoverContentStyle = {
+  "--vef-popover-inner-content-padding": "6px"
+};
+function VefNodeSelector({
+  selectorContentPosition,
+  items,
+  onAddNode
+}) {
+  return /* @__PURE__ */ jsx(
+    VefPopover,
+    {
+      content: /* @__PURE__ */ jsx(VefSelectorContent, { items, onAddNode }),
+      contentStyle: popoverContentStyle,
+      placement: selectorContentPosition,
+      children: /* @__PURE__ */ jsx("div", { css: selectorStyle, children: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(PlusIcon, {}) }) })
+    }
+  );
+}
+
+export { VefNodeSelector as default };
 /*! 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/es/vef-approval-flow-editor/components/node-toolbar.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{NodeToolbar as e,Position as r}from"@xyflow/react";import{Trash2Icon as i}from"lucide-react";import t from"../../vef-button/index.js";import n from"../../vef-icon/index.js";function VefNodeToolbar({selected:f}){return o(e,{align:"end",isVisible:f,offset:4,position:r.Top,children:o(t,{color:"error",size:"small",tip:"删除",variant:"solid",icon:o(n,{children:o(i,{})})})})}export{VefNodeToolbar as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { NodeToolbar, Position } from '@xyflow/react';
+import { Trash2Icon } from 'lucide-react';
+import VefButton from '../../vef-button/index.js';
+import VefIcon from '../../vef-icon/index.js';
+
+function VefNodeToolbar({ selected }) {
+  return /* @__PURE__ */ jsx(NodeToolbar, { align: "end", isVisible: selected, offset: 4, position: Position.Top, children: /* @__PURE__ */ jsx(
+    VefButton,
+    {
+      color: "error",
+      size: "small",
+      tip: "\u5220\u9664",
+      variant: "solid",
+      icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(Trash2Icon, {}) })
+    }
+  ) });
+}
+
+export { VefNodeToolbar as default };
 /*! 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/es/vef-approval-flow-editor/components/nodes/approval.js

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as e}from"../../constants.js";import{NodeType as r}from"../../types.js";import t from"../label-value.js";import n from"../node-content.js";const l=e[r.Approval];function VefApprovalNode({selected:e}){const{icon:r,color:c}=l;return o(n,{icon:r,iconColor:c,selected:e,children:o(t,{label:"审批人",value:"无"})})}export{VefApprovalNode as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { nodesMetadata } from '../../constants.js';
+import { NodeType } from '../../types.js';
+import VefLabelValue from '../label-value.js';
+import VefNodeContent from '../node-content.js';
+
+const nodeMetadata = nodesMetadata[NodeType.Approval];
+function VefApprovalNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsx(
+    VefNodeContent,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsx(VefLabelValue, { label: "\u5BA1\u6279\u4EBA", value: "\u65E0" })
+    }
+  );
+}
+
+export { VefApprovalNode as default };
 /*! 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/es/vef-approval-flow-editor/components/nodes/condition.js

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as e}from"../../constants.js";import{NodeType as t}from"../../types.js";import n from"../label-value.js";import i from"../node-content.js";const r=e[t.Condition];function VefConditionNode({selected:e}){const{icon:t,color:c}=r;return o(i,{icon:t,iconColor:c,selected:e,children:o(n,{label:"条件",value:"无"})})}export{VefConditionNode as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { nodesMetadata } from '../../constants.js';
+import { NodeType } from '../../types.js';
+import VefLabelValue from '../label-value.js';
+import VefNodeContent from '../node-content.js';
+
+const nodeMetadata = nodesMetadata[NodeType.Condition];
+function VefConditionNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsx(
+    VefNodeContent,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsx(VefLabelValue, { label: "\u6761\u4EF6", value: "\u65E0" })
+    }
+  );
+}
+
+export { VefConditionNode as default };
 /*! 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/es/vef-approval-flow-editor/components/nodes/end.js

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as e}from"../../constants.js";import{NodeType as t}from"../../types.js";import n from"../label-value.js";import r from"../node-content.js";const c=e[t.End];function VefEndNode({selected:e}){const{icon:t,color:s}=c;return o(r,{icon:t,iconColor:s,selected:e,children:o(n,{label:"通知人",value:"无"})})}export{VefEndNode as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { nodesMetadata } from '../../constants.js';
+import { NodeType } from '../../types.js';
+import VefLabelValue from '../label-value.js';
+import VefNodeContent from '../node-content.js';
+
+const nodeMetadata = nodesMetadata[NodeType.End];
+function VefEndNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsx(
+    VefNodeContent,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsx(VefLabelValue, { label: "\u901A\u77E5\u4EBA", value: "\u65E0" })
+    }
+  );
+}
+
+export { VefEndNode as default };
 /*! 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/es/vef-approval-flow-editor/components/nodes/handle.js

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as e}from"../../constants.js";import{NodeType as t}from"../../types.js";import n from"../label-value.js";import r from"../node-content.js";const l=e[t.Handle];function VefHandleNode({selected:e}){const{icon:t,color:c}=l;return o(r,{icon:t,iconColor:c,selected:e,children:o(n,{label:"办理人",value:"无"})})}export{VefHandleNode as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { nodesMetadata } from '../../constants.js';
+import { NodeType } from '../../types.js';
+import VefLabelValue from '../label-value.js';
+import VefNodeContent from '../node-content.js';
+
+const nodeMetadata = nodesMetadata[NodeType.Handle];
+function VefHandleNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsx(
+    VefNodeContent,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsx(VefLabelValue, { label: "\u529E\u7406\u4EBA", value: "\u65E0" })
+    }
+  );
+}
+
+export { VefHandleNode as default };
 /*! 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/es/vef-approval-flow-editor/components/nodes/index.js

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{NodeType as o}from"../../types.js";import r from"./approval.js";import m from"./condition.js";import t from"./end.js";import i from"./handle.js";import p from"./submit.js";const n={[o.Submit]:p,[o.Approval]:r,[o.Handle]:i,[o.Condition]:m,[o.End]:t};export{n as nodeTypes};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { NodeType } from '../../types.js';
+import VefApprovalNode from './approval.js';
+import VefConditionNode from './condition.js';
+import VefEndNode from './end.js';
+import VefHandleNode from './handle.js';
+import VefSubmitNode from './submit.js';
+
+const nodeTypes = {
+  [NodeType.Submit]: VefSubmitNode,
+  [NodeType.Approval]: VefApprovalNode,
+  [NodeType.Handle]: VefHandleNode,
+  [NodeType.Condition]: VefConditionNode,
+  [NodeType.End]: VefEndNode
+};
+
+export { 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 */

package/es/vef-approval-flow-editor/components/nodes/submit.js

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as e}from"../../constants.js";import{NodeType as t}from"../../types.js";import r from"../label-value.js";import n from"../node-content.js";const i=e[t.Submit];function VefSubmitNode({selected:e}){const{icon:t,color:m}=i;return o(n,{icon:t,iconColor:m,selected:e,children:o(r,{label:"提交人",value:"全员"})})}export{VefSubmitNode as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { nodesMetadata } from '../../constants.js';
+import { NodeType } from '../../types.js';
+import VefLabelValue from '../label-value.js';
+import VefNodeContent from '../node-content.js';
+
+const nodeMetadata = nodesMetadata[NodeType.Submit];
+function VefSubmitNode({
+  selected
+}) {
+  const { icon, color } = nodeMetadata;
+  return /* @__PURE__ */ jsx(
+    VefNodeContent,
+    {
+      icon,
+      iconColor: color,
+      selected,
+      children: /* @__PURE__ */ jsx(VefLabelValue, { label: "\u63D0\u4EA4\u4EBA", value: "\u5168\u5458" })
+    }
+  );
+}
+
+export { VefSubmitNode as default };
 /*! 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 */