@vef-framework/components 1.0.101 → 1.0.102

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

@@ -1,17 +1,7 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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%;
   ${styles.flexCenter}
-`;
-const contentStyle = css`
+`,contentStyle=css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -34,31 +24,4 @@ const contentStyle = css`
     padding-left: ${themeVariables.paddingSm};
     color: ${themeVariables.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 };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefAccessDenied({uri,title="抱歉，您没有权限访问该页面～～～",onNavigateHome}){return jsx("div",{css:accessDeniedStyle,children:jsxs("div",{css:contentStyle,children:[jsx(Memo,{}),jsx("span",{children:title}),uri&&jsxs("span",{children:["路径:",jsx("span",{className:"vef-access-denied-uri",children:uri})]}),jsx(VefButton,{color:"primary",size:"large",icon:jsx(VefIcon,{children:jsx(ArrowLeftIcon,{})}),onClick:onNavigateHome,children:"回到首页"})]})})}/*! 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 */export{VefAccessDenied as default};

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

@@ -1,76 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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=!0,size="medium"}){const authorizedButtons=useAuthorizedItems(buttons),contextToUse=context??{},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,handleClick=()=>onClick?.(contextToUse);return requireConfirmation?jsx(VefButton,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled,icon,size,onConfirmationOk:handleClick,children:label},key):jsx(VefButton,{color,disabled,icon,size,onClick:handleClick,children:label},key)});return useFlexContainer?jsx(VefFlex,{wrap:!0,align:"center",gap:"medium",children:buttonsNode}):jsx(Fragment,{children:buttonsNode})}const VefActionButtons=memo(VefActionButtonsBase);VefActionButtons.displayName="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 */export{VefActionButtons as default};

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

@@ -1,88 +1,6 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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,
-  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 */
+`;function VefEdge({id,data,source,target,sourceX,sourceY,targetX,targetY,sourcePosition,targetPosition,markerEnd,markerStart,interactionWidth,style,selected}){const{getNode}=useReactFlow(),handleAddNode=useCallback(type=>{const newNode=createNode(type);return[newNode,[createEdge(source,newNode.id),createEdge(newNode.id,target)],[id]]},[id,source,target]),[edgePath,labelX,labelY]=getBezierPath({sourceX,sourceY,targetX,targetY,sourcePosition,targetPosition,curvature:.16}),isHovering=data?.edge.isHovering()??!1,sourceNode=getNode(source).data.node,targetNode=getNode(target).data.node,availableNodeTypes=new Set(targetNode.getAvailablePreviousNodeTypes()),nodeTypes=sourceNode.getAvailableNextNodeTypes().filter(nodeType=>availableNodeTypes.has(nodeType));return jsxs(Fragment,{children:[jsx(BaseEdge,{id,interactionWidth,markerEnd,markerStart,path:edgePath,style}),(isHovering||selected)&&jsx(EdgeLabelRenderer,{children:jsx("div",{className:"nodrag nopan",css:labelStyle,style:{"--vef-edge-label-x":`${labelX}px`,"--vef-edge-label-y":`${labelY}px`},children:jsx(VefNodeSelector,{items:nodeTypes,selectorContentPosition:"right",onAddNode:handleAddNode})})})]})}/*! 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 */export{VefEdge as default};

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

@@ -1,11 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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;
@@ -21,17 +14,4 @@ const labelValueStyle = css`
   & > span:last-of-type {
     color: ${themeVariables.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 };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefLabelValue({label,value}){return jsxs("div",{css:labelValueStyle,children:[jsxs("span",{children:[label,":"]}),jsx("span",{children:value}),jsx(VefIcon,{children:jsx(ChevronRightIcon,{})})]})}/*! 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 */export{VefLabelValue as default};

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

@@ -1,52 +1,16 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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: ${themeVariables.marginSm};
   margin-bottom: ${themeVariables.marginSm};
-`;
-const titleIconStyle = css`
+`,titleIconStyle=css`
   display: flex;
   align-items: center;
   justify-content: center;
   color: ${themeVariables.colorWhite};
   border-radius: ${themeVariables.borderRadius};
   padding: ${themeVariables.paddingXxs};
-`;
-const titleTextStyle = css`
+`,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 */
+`;function VefNodeContent({icon,iconColor,selected,children}){const node=useNodesData(useNodeId()).data.node,iconBgColor=useColorTokens().get(iconColor);return jsxs(Fragment,{children:[jsx(VefSourceHandle,{}),jsx(VefTargetHandle,{}),jsx(VefNodeToolbar,{selected}),jsxs("div",{css:titleWrapperStyle,children:[jsx("div",{css:titleIconStyle,style:{backgroundColor:iconBgColor},children:jsx(VefIcon,{children:icon})}),jsx("h3",{css:titleTextStyle,children:node.getLabel()})]}),children]})}/*! 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 */export{VefNodeContent as default};

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

@@ -1,13 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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: ${themeVariables.colorPrimary};
@@ -18,25 +9,4 @@ const selectorStyle = css`
   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 };
-/*! 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 */
+`,popoverContentStyle={"--vef-popover-inner-content-padding":"6px"};function VefNodeSelector({selectorContentPosition,items,onAddNode}){return jsx(VefPopover,{content:jsx(VefSelectorContent,{items,onAddNode}),contentStyle:popoverContentStyle,placement:selectorContentPosition,children:jsx("div",{css:selectorStyle,children:jsx(VefIcon,{children:jsx(PlusIcon,{})})})})}/*! 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 */export{VefNodeSelector as default};

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

@@ -1,22 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "删除",
-      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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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 jsx(NodeToolbar,{align:"end",isVisible:selected,offset:4,position:Position.Top,children:jsx(VefButton,{color:"error",size:"small",tip:"删除",variant:"solid",icon:jsx(VefIcon,{children:jsx(Trash2Icon,{})})})})}/*! 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 */export{VefNodeToolbar as default};

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

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "审批人", value: "无" })
-    }
-  );
-}
-
-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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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 jsx(VefNodeContent,{icon,iconColor:color,selected,children:jsx(VefLabelValue,{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 */export{VefApprovalNode as default};

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

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "条件", value: "无" })
-    }
-  );
-}
-
-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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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 jsx(VefNodeContent,{icon,iconColor:color,selected,children:jsx(VefLabelValue,{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 */export{VefConditionNode as default};

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

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "通知人", value: "无" })
-    }
-  );
-}
-
-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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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 jsx(VefNodeContent,{icon,iconColor:color,selected,children:jsx(VefLabelValue,{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 */export{VefEndNode as default};

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

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "办理人", value: "无" })
-    }
-  );
-}
-
-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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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 jsx(VefNodeContent,{icon,iconColor:color,selected,children:jsx(VefLabelValue,{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 */export{VefHandleNode as default};

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

@@ -1,18 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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};/*! 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 */export{nodeTypes};

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

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "提交人", value: "全员" })
-    }
-  );
-}
-
-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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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 jsx(VefNodeContent,{icon,iconColor:color,selected,children:jsx(VefLabelValue,{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 */export{VefSubmitNode as default};

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

@@ -1,19 +1,9 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-const selectorContentStyle = css`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */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";const selectorContentStyle=css`
   min-width: 160px;
   display: flex;
   flex-direction: column;
   gap: ${themeVariables.margin};
-`;
-const selectorItemStyle = css`
+`,selectorItemStyle=css`
   display: flex;
   align-items: center;
   gap: ${themeVariables.marginSm};
@@ -31,34 +21,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 };
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefSelectorContent({items,onAddNode}){const nodes=useMemo(()=>items.map(item=>nodesMetadata[item]),[items]),{setEdges,addNodes}=useReactFlow(),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 jsx("div",{css:selectorContentStyle,children:nodes.map(({type,label,icon,color})=>jsxs("div",{css:selectorItemStyle,onClick:()=>handleAddNode(type),children:[jsx(VefIcon,{color,size:"huge",children:icon}),jsx("span",{children:label})]},label))})}/*! 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 */export{VefSelectorContent as default};