@vef-framework/components 1.0.128 → 1.0.130

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

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

package/esm/vef-action-buttons/index.js

@@ -1,76 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as o,Fragment as y}from"@emotion/react/jsx-runtime";import{useAuthorizedItems as M,useComputedActionButtons as T}from"@vef-framework/hooks";import{memo as q}from"react";import u from"../vef-button/index.js";import B from"../vef-flex/index.js";function F({buttons:d,context:p,useFlexContainer:C=!0,size:n="medium"}){const b=M(d),i=p??{},t=T(b,i);if(t.length===0)return null;const e=t.map(h=>{const{key:r,label:m,icon:c,color:s,disabled:a,requireConfirmation:g,confirmationMode:k,confirmationTitle:x,confirmationContent:z,onClick:A}=h,l=()=>A?.(i);return g?o(u,{requireConfirmation:!0,color:s,confirmationContent:z,confirmationMode:k,confirmationTitle:x,disabled:a,icon:c,size:n,onConfirmationOk:l,children:m},r):o(u,{color:s,disabled:a,icon:c,size:n,onClick:l,children:m},r)});return C?o(B,{wrap:!0,align:"center",gap:"medium",children:e}):o(y,{children:e})}const f=q(F);f.displayName="VefActionButtons";export{f as default};

package/esm/vef-approval-flow-editor/components/edge.js

@@ -1,88 +1,7 @@
 "use strict";
-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';
-
-"use strict";
-const labelStyle = css`
+import{jsxs as F,Fragment as S,jsx as e}from"@emotion/react/jsx-runtime";import{css as T}from"@emotion/react";import{useReactFlow as W,getBezierPath as j,BaseEdge as z,EdgeLabelRenderer as B}from"@xyflow/react";import{useCallback as C}from"react";import{createNode as R,createEdge as n}from"../helper.js";import $ from"./node-selector.js";const H=T`
   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,
-  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 };
+`;function L({id:t,data:d,source:r,target:o,sourceX:l,sourceY:c,targetX:g,targetY:m,sourcePosition:u,targetPosition:f,markerEnd:p,markerStart:v,interactionWidth:h,style:b,selected:x}){const{getNode:i}=W(),P=C(a=>{const s=R(a);return[s,[n(r,s.id),n(s.id,o)],[t]]},[t,r,o]),[y,N,k]=j({sourceX:l,sourceY:c,targetX:g,targetY:m,sourcePosition:u,targetPosition:f,curvature:.16}),E=d?.edge.isHovering()??!1,A=i(r).data.node,X=i(o).data.node,Y=new Set(X.getAvailablePreviousNodeTypes()),w=A.getAvailableNextNodeTypes().filter(a=>Y.has(a));return F(S,{children:[e(z,{id:t,interactionWidth:h,markerEnd:p,markerStart:v,path:y,style:b}),(E||x)&&e(B,{children:e("div",{className:"nodrag nopan",css:H,style:{"--vef-edge-label-x":`${N}px`,"--vef-edge-label-y":`${k}px`},children:e($,{items:w,selectorContentPosition:"right",onAddNode:P})})})]})}export{L as default};

package/esm/vef-approval-flow-editor/components/label-value.js

@@ -1,37 +1,18 @@
 "use strict";
-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';
-
-"use strict";
-const labelValueStyle = css`
+import{jsxs as i,jsx as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as r}from"@vef-framework/shared";import{ChevronRightIcon as a}from"lucide-react";import s from"../../vef-icon/index.js";const d=t`
   display: grid;
   grid-template-columns: max-content 1fr max-content;
   align-items: center;
-  column-gap: ${themeVariables.marginXs};
-  background-color: ${themeVariables.colorFillTertiary};
-  padding: ${themeVariables.paddingXxs} ${themeVariables.paddingXxs} ${themeVariables.paddingXxs} ${themeVariables.paddingXs};
-  border-radius: ${themeVariables.borderRadius};
+  column-gap: ${r.marginXs};
+  background-color: ${r.colorFillTertiary};
+  padding: ${r.paddingXxs} ${r.paddingXxs} ${r.paddingXxs} ${r.paddingXs};
+  border-radius: ${r.borderRadius};
 
   & > span:first-of-type {
-    color: ${themeVariables.colorTextSecondary};
+    color: ${r.colorTextSecondary};
   }
 
   & > span:last-of-type {
-    color: ${themeVariables.colorText};
+    color: ${r.colorText};
   }
-`;
-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 };
+`;function c({label:n,value:e}){return i("div",{css:d,children:[i("span",{children:[n,":"]}),o("span",{children:e}),o(s,{children:o(a,{})})]})}export{c as default};

package/esm/vef-approval-flow-editor/components/node-content.js

@@ -1,52 +1,17 @@
 "use strict";
-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';
-
-"use strict";
-const titleWrapperStyle = css`
+import{jsxs as i,Fragment as l,jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{useColorTokens as a}from"@vef-framework/hooks";import{themeVariables as o}from"@vef-framework/shared";import{useNodesData as f,useNodeId as p}from"@xyflow/react";import g from"../../vef-icon/index.js";import u from"./node-toolbar.js";import h from"./source-handle.js";import b from"./target-handle.js";const x=r`
   display: flex;
   flex-direction: row;
   align-items: center;
-  column-gap: ${themeVariables.marginSm};
-  margin-bottom: ${themeVariables.marginSm};
-`;
-const titleIconStyle = css`
+  column-gap: ${o.marginSm};
+  margin-bottom: ${o.marginSm};
+`,$=r`
   display: flex;
   align-items: center;
   justify-content: center;
-  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 };
+  color: ${o.colorWhite};
+  border-radius: ${o.borderRadius};
+  padding: ${o.paddingXxs};
+`,y=r`
+  font-size: ${o.fontSizeLg};
+`;function C({icon:t,iconColor:n,selected:s,children:m}){const d=f(p()).data.node,c=a().get(n);return i(l,{children:[e(h,{}),e(b,{}),e(u,{selected:s}),i("div",{css:x,children:[e("div",{css:$,style:{backgroundColor:c},children:e(g,{children:t})}),e("h3",{css:y,children:d.getLabel()})]}),m]})}export{C as default};

package/esm/vef-approval-flow-editor/components/node-selector.js

@@ -1,42 +1,13 @@
 "use strict";
-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';
-
-"use strict";
-const selectorStyle = css`
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{PlusIcon as m}from"lucide-react";import c from"../../vef-icon/index.js";import s from"../../vef-popover/index.js";import d from"./selector-content.js";const l=i`
   cursor: pointer;
   transform-origin: center;
-  background-color: ${themeVariables.colorPrimary};
-  color: ${themeVariables.colorWhite};
+  background-color: ${o.colorPrimary};
+  color: ${o.colorWhite};
   border-radius: 50%;
   width: 1.5rem;
   height: 1.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
-`;
-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 };
+`,p={"--vef-popover-inner-content-padding":"6px"};function f({selectorContentPosition:e,items:t,onAddNode:n}){return r(s,{content:r(d,{items:t,onAddNode:n}),contentStyle:p,placement:e,children:r("div",{css:l,children:r(c,{children:r(m,{})})})})}export{f as default};

package/esm/vef-approval-flow-editor/components/node-toolbar.js

@@ -1,22 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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: "删除",
-      variant: "solid",
-      icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(Trash2Icon, {}) })
-    }
-  ) });
-}
-
-export { VefNodeToolbar as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{NodeToolbar as i,Position as t}from"@xyflow/react";import{Trash2Icon as e}from"lucide-react";import s from"../../vef-button/index.js";import n from"../../vef-icon/index.js";function m({selected:r}){return o(i,{align:"end",isVisible:r,offset:4,position:t.Top,children:o(s,{color:"error",size:"small",tip:"删除",variant:"solid",icon:o(n,{children:o(e,{})})})})}export{m as default};

package/esm/vef-approval-flow-editor/components/nodes/approval.js

@@ -1,25 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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: "审批人", value: "无" })
-    }
-  );
-}
-
-export { VefApprovalNode as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as c}from"../../constants.js";import{NodeType as i}from"../../types.js";import l from"../label-value.js";import n from"../node-content.js";const m=c[i.Approval];function p({selected:r}){const{icon:t,color:e}=m;return o(n,{icon:t,iconColor:e,selected:r,children:o(l,{label:"审批人",value:"无"})})}export{p as default};

package/esm/vef-approval-flow-editor/components/nodes/condition.js

@@ -1,25 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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: "条件", value: "无" })
-    }
-  );
-}
-
-export { VefConditionNode as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as i}from"../../constants.js";import{NodeType as n}from"../../types.js";import c from"../label-value.js";import l from"../node-content.js";const m=i[n.Condition];function s({selected:t}){const{icon:e,color:r}=m;return o(l,{icon:e,iconColor:r,selected:t,children:o(c,{label:"条件",value:"无"})})}export{s as default};

package/esm/vef-approval-flow-editor/components/nodes/end.js

@@ -1,25 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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: "通知人", value: "无" })
-    }
-  );
-}
-
-export { VefEndNode as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as c}from"../../constants.js";import{NodeType as i}from"../../types.js";import n from"../label-value.js";import l from"../node-content.js";const m=c[i.End];function p({selected:r}){const{icon:t,color:e}=m;return o(l,{icon:t,iconColor:e,selected:r,children:o(n,{label:"通知人",value:"无"})})}export{p as default};

package/esm/vef-approval-flow-editor/components/nodes/handle.js

@@ -1,25 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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: "办理人", value: "无" })
-    }
-  );
-}
-
-export { VefHandleNode as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as c}from"../../constants.js";import{NodeType as i}from"../../types.js";import l from"../label-value.js";import n from"../node-content.js";const m=c[i.Handle];function p({selected:e}){const{icon:r,color:t}=m;return o(n,{icon:r,iconColor:t,selected:e,children:o(l,{label:"办理人",value:"无"})})}export{p as default};

package/esm/vef-approval-flow-editor/components/nodes/index.js

@@ -1,18 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-const nodeTypes = {
-  [NodeType.Submit]: VefSubmitNode,
-  [NodeType.Approval]: VefApprovalNode,
-  [NodeType.Handle]: VefHandleNode,
-  [NodeType.Condition]: VefConditionNode,
-  [NodeType.End]: VefEndNode
-};
-
-export { nodeTypes };
+import{NodeType as o}from"../../types.js";import r from"./approval.js";import m from"./condition.js";import p from"./end.js";import t from"./handle.js";import i from"./submit.js";const e={[o.Submit]:i,[o.Approval]:r,[o.Handle]:t,[o.Condition]:m,[o.End]:p};export{e as nodeTypes};

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

@@ -1,25 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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: "提交人", value: "全员" })
-    }
-  );
-}
-
-export { VefSubmitNode as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{nodesMetadata as i}from"../../constants.js";import{NodeType as m}from"../../types.js";import c from"../label-value.js";import l from"../node-content.js";const n=i[m.Submit];function s({selected:t}){const{icon:r,color:e}=n;return o(l,{icon:r,iconColor:e,selected:t,children:o(c,{label:"提交人",value:"全员"})})}export{s as default};

package/esm/vef-approval-flow-editor/components/selector-content.js

@@ -1,30 +1,20 @@
 "use strict";
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import { useReactFlow } from '@xyflow/react';
-import { useMemo, useCallback } from 'react';
-import VefIcon from '../../vef-icon/index.js';
-import { nodesMetadata } from '../constants.js';
-
-"use strict";
-const selectorContentStyle = css`
+import{jsx as t,jsxs as g}from"@emotion/react/jsx-runtime";import{css as l}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{useReactFlow as $}from"@xyflow/react";import{useMemo as h,useCallback as b}from"react";import x from"../../vef-icon/index.js";import{nodesMetadata as y}from"../constants.js";const k=l`
   min-width: 160px;
   display: flex;
   flex-direction: column;
-  gap: ${themeVariables.margin};
-`;
-const selectorItemStyle = css`
+  gap: ${o.margin};
+`,C=l`
   display: flex;
   align-items: center;
-  gap: ${themeVariables.marginSm};
-  padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
-  border-radius: ${themeVariables.borderRadius};
+  gap: ${o.marginSm};
+  padding: ${o.paddingXs} ${o.paddingSm};
+  border-radius: ${o.borderRadius};
   cursor: pointer;
-  transition: background-color ${themeVariables.motionDurationMid} ${themeVariables.motionEaseInOutCirc};
+  transition: background-color ${o.motionDurationMid} ${o.motionEaseInOutCirc};
   
   &:hover {
-    background-color: ${themeVariables.colorFillSecondary};
+    background-color: ${o.colorFillSecondary};
   }
 
   > span:first-of-type {
@@ -32,33 +22,4 @@ const selectorItemStyle = css`
 
   > span:last-of-type {
   }
-`;
-function VefSelectorContent({ items, onAddNode }) {
-  const nodes = useMemo(
-    () => items.map((item) => nodesMetadata[item]),
-    [items]
-  );
-  const {
-    setEdges,
-    addNodes
-  } = useReactFlow();
-  const handleAddNode = 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__ */ jsx("div", { css: selectorContentStyle, children: nodes.map(({
-    type,
-    label,
-    icon,
-    color
-  }) => /* @__PURE__ */ jsxs("div", { css: selectorItemStyle, onClick: () => handleAddNode(type), children: [
-    /* @__PURE__ */ jsx(VefIcon, { color, size: "huge", children: icon }),
-    /* @__PURE__ */ jsx("span", { children: label })
-  ] }, label)) });
-}
-
-export { VefSelectorContent as default };
+`;function v({items:n,onAddNode:a}){const m=h(()=>n.map(r=>y[r]),[n]),{setEdges:d,addNodes:c}=$(),p=b(r=>{const[i,e,s]=a(r);d(u=>[...u.filter(f=>!s.includes(f.id)),...e]),c(i)},[a,d,c]);return t("div",{css:k,children:m.map(({type:r,label:i,icon:e,color:s})=>g("div",{css:C,onClick:()=>p(r),children:[t(x,{color:s,size:"huge",children:e}),t("span",{children:i})]},i))})}export{v as default};