@vef-framework/components 1.0.99 → 1.0.100

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

@@ -1,21 +1,8 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const 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`
+/*! 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`
   height: 100%;
-  ${shared.styles.flexCenter}
-`;
-const contentStyle = react.css`
+  ${r.styles.flexCenter}
+`,o=i.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -23,46 +10,20 @@ const contentStyle = react.css`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${shared.themeVariables.margin};
+  row-gap: ${r.themeVariables.margin};
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${shared.themeVariables.fontSizeLg};
+    font-size: ${r.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${shared.themeVariables.colorTextTertiary};
+    color: ${r.themeVariables.colorTextTertiary};
   }
 
   span.vef-access-denied-uri {
-    padding-left: ${shared.themeVariables.paddingSm};
-    color: ${shared.themeVariables.colorWarningText};
+    padding-left: ${r.themeVariables.paddingSm};
+    color: ${r.themeVariables.colorWarningText};
   }
-`;
-function VefAccessDenied({
-  uri,
-  title = "\u62B1\u6B49\uFF0C\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u8BE5\u9875\u9762\uFF5E\uFF5E\uFF5E",
-  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: [
-      "\u8DEF\u5F84:",
-      /* @__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: "\u56DE\u5230\u9996\u9875"
-      }
-    )
-  ] }) });
-}
-
-exports.default = VefAccessDenied;
+`;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:"回到首页"})]})})};
 /*! 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,80 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const 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 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,92 +1,8 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const 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`
+/*! 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`
   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 } = 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;
+`;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})})})]})};
 /*! 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,41 +1,19 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const lucideReact = require('lucide-react');
-const index = require('../../vef-icon/index.cjs');
-
-const labelValueStyle = react.css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),a=require("@vef-framework/shared"),i=require("lucide-react"),s=require("../../vef-icon/index.cjs"),t=r.css`
   display: grid;
   grid-template-columns: max-content 1fr max-content;
   align-items: center;
-  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};
+  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};
 
   & > span:first-of-type {
-    color: ${shared.themeVariables.colorTextSecondary};
+    color: ${a.themeVariables.colorTextSecondary};
   }
 
   & > span:last-of-type {
-    color: ${shared.themeVariables.colorText};
+    color: ${a.themeVariables.colorText};
   }
-`;
-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;
+`;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,{})})]})};
 /*! 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,56 +1,18 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const 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`
+/*! 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`
   display: flex;
   flex-direction: row;
   align-items: center;
-  column-gap: ${shared.themeVariables.marginSm};
-  margin-bottom: ${shared.themeVariables.marginSm};
-`;
-const titleIconStyle = react.css`
+  column-gap: ${t.themeVariables.marginSm};
+  margin-bottom: ${t.themeVariables.marginSm};
+`,c=r.css`
   display: flex;
   align-items: center;
   justify-content: center;
-  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;
+  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]})};
 /*! 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,46 +1,14 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const 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`
+/*! 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`
   cursor: pointer;
   transform-origin: center;
-  background-color: ${shared.themeVariables.colorPrimary};
-  color: ${shared.themeVariables.colorWhite};
+  background-color: ${t.themeVariables.colorPrimary};
+  color: ${t.themeVariables.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__ */ 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;
+`,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,{})})})})};
 /*! 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,26 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@xyflow/react');
-const 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: "\u5220\u9664",
-      variant: "solid",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, {}) })
-    }
-  ) });
-}
-
-exports.default = VefNodeToolbar;
+/*! 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 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,29 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const constants = require('../../constants.cjs');
-const types = require('../../types.cjs');
-const labelValue = require('../label-value.cjs');
-const nodeContent = require('../node-content.cjs');
-
-const nodeMetadata = constants.nodesMetadata[types.NodeType.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: "\u5BA1\u6279\u4EBA", value: "\u65E0" })
-    }
-  );
-}
-
-exports.default = VefApprovalNode;
+/*! 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 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,29 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const constants = require('../../constants.cjs');
-const types = require('../../types.cjs');
-const labelValue = require('../label-value.cjs');
-const nodeContent = require('../node-content.cjs');
-
-const nodeMetadata = constants.nodesMetadata[types.NodeType.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: "\u6761\u4EF6", value: "\u65E0" })
-    }
-  );
-}
-
-exports.default = VefConditionNode;
+/*! 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 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,29 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const constants = require('../../constants.cjs');
-const types = require('../../types.cjs');
-const labelValue = require('../label-value.cjs');
-const nodeContent = require('../node-content.cjs');
-
-const nodeMetadata = constants.nodesMetadata[types.NodeType.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: "\u901A\u77E5\u4EBA", value: "\u65E0" })
-    }
-  );
-}
-
-exports.default = VefEndNode;
+/*! 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 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,29 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const constants = require('../../constants.cjs');
-const types = require('../../types.cjs');
-const labelValue = require('../label-value.cjs');
-const nodeContent = require('../node-content.cjs');
-
-const nodeMetadata = constants.nodesMetadata[types.NodeType.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: "\u529E\u7406\u4EBA", value: "\u65E0" })
-    }
-  );
-}
-
-exports.default = VefHandleNode;
+/*! 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 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,22 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const 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 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */