@vef-framework/components 1.0.133 → 1.0.135

package/cjs/vef-approval-flow-editor/models/flow-node.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var e=require("../types.cjs"),d=Object.defineProperty,p=(l,o,a)=>o in l?d(l,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[o]=a,s=(l,o,a)=>p(l,typeof o!="symbol"?o+"":o,a);class t{constructor(o,a,i){s(this,"id"),s(this,"type"),s(this,"label"),this.id=o,this.type=a,this.label=i}getId(){return this.id}getType(){return this.type}getLabel(){return this.label}setLabel(o){this.label=o}}class N extends t{constructor(o,a){super(o,e.NodeType.Submit,a),s(this,"_availablePreviousNodeTypes"),s(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[],this._availableNextNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class r extends t{constructor(o,a){super(o,e.NodeType.Approval,a),s(this,"_availablePreviousNodeTypes"),s(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition],this._availableNextNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class y extends t{constructor(o,a){super(o,e.NodeType.Handle,a),s(this,"_availablePreviousNodeTypes"),s(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition],this._availableNextNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class v extends t{constructor(o,a){super(o,e.NodeType.Condition,a),s(this,"_availablePreviousNodeTypes"),s(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition],this._availableNextNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class T extends t{constructor(o,a){super(o,e.NodeType.End,a),s(this,"_availablePreviousNodeTypes"),s(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.NodeType.Approval,e.NodeType.Handle,e.NodeType.Condition],this._availableNextNodeTypes=[]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}exports.AbstractFlowNode=t,exports.VefApprovalFlowNode=r,exports.VefConditionFlowNode=v,exports.VefEndFlowNode=T,exports.VefHandleFlowNode=y,exports.VefSubmitFlowNode=N;

package/cjs/vef-approval-flow-editor/props.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/cjs/vef-approval-flow-editor/store.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var r=require("@vef-framework/shared");const{StoreProvider:t,useStore:d,useStoreApi:l}=r.createComponentStore("ApprovalFlowEditor",()=>e=>({selectedNode:null,setSelectedNode:o=>e({selectedNode:o})}));exports.ApprovalFlowEditorStoreProvider=t,exports.useApprovalFlowEditorStore=d,exports.useApprovalFlowEditorStoreApi=l;

package/cjs/vef-approval-flow-editor/styles.cjs

@@ -1,42 +0,0 @@
-"use strict";
-"use strict";var r=require("@emotion/react"),e=require("@vef-framework/shared"),o=require("../internal/base.css.cjs");const t=r.css`
-  height: 80%;
-
-  ${o.default}
-`,a=r.css`
-  --xy-edge-stroke-width: 2px;
-  --xy-edge-stroke: rgb(177, 177, 183);
-  --xy-edge-stroke-selected: rgb(177, 177, 183);
-
-  .react-flow__attribution {
-    display: none;
-  }
-  .react-flow__nodesselection-rect,
-  .react-flow__selection {
-    background-color: oklch(from ${e.themeVariables.colorPrimary} l c h / 0.06);
-    border: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorPrimary};
-    border-radius: ${e.themeVariables.borderRadius};
-  }
-
-  .react-flow__node {
-    width: 240px;
-    border-radius: ${e.themeVariables.borderRadiusLg};
-    padding: ${e.themeVariables.paddingSm};
-    background-color: ${e.themeVariables.colorBgContainer};
-
-    &:hover:not(.selected) {
-      box-shadow: ${e.themeVariables.boxShadowElevated};
-    }
-
-    &.selected {
-      outline: 2px ${e.themeVariables.lineType} ${e.themeVariables.colorPrimary};
-      outline-offset: -2px;
-    }
-  }
-
-  .react-flow__handle {
-    min-width: 12px;
-    min-height: 12px;
-    background-color: transparent;
-  }
-`;exports.flowEditorContainerStyle=t,exports.flowEditorStyle=a;

package/cjs/vef-approval-flow-editor/types.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";var e=(d=>(d.Submit="submit",d.Approval="approval",d.Handle="handle",d.Condition="condition",d.End="end",d))(e||{}),i=(d=>(d.Vef="vef",d))(i||{});exports.EdgeType=i,exports.NodeType=e;

package/cjs/vef-data-grid/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),i=require("@handsontable/react-wrapper"),n=require("handsontable/i18n"),s=require("handsontable/registry"),u=require("react");s.registerAllModules(),n.registerLanguageDictionary(n.zhCN);const g=Array.from({length:1e3}).map((a,e)=>({name:`Name${e+1}`,gender:e%2===0?"Male":"Female",age:Math.floor(Math.random()*100)+18,id:e+1,desc:`Description may be very long, very long, very long, very long, very long, very long, very long, very long, very long, very long${e+1}`})),d=[{data:"id",title:"ID",fixedColumnsStart:1},{data:"name",title:"Name"},{data:"gender",title:"Gender"},{data:"age",title:"Age"},{data:"desc",title:"Description",width:200}];function c(a){console.log("file: index.tsx:49 ~ props:",a);const e=u.useRef(null);return r.jsx("div",{style:{width:"100%",maxHeight:"500px"},children:r.jsx(i.HotTable,{ref:e,autoColumnSize:!0,autoRowSize:!0,colHeaders:!0,disableVisualSelection:!0,manualColumnMove:!0,manualColumnResize:!0,multiColumnSorting:!0,readOnly:!0,rowHeaders:!0,columns:d,data:g,language:n.zhCN.languageCode,licenseKey:"non-commercial-and-evaluation",locale:n.zhCN.languageCode,themeName:"ht-theme-main",beforeColumnSort:(m,t)=>{if(console.log("file: index.tsx:68 ~ sortConfigs:",t),t.length>0){const l=e.current?.hotInstance?.getColHeader(t[0].column);console.log("file: index.tsx:77 ~ header:",l);const o=e.current?.hotInstance?.getColumnMeta(t[0].column);console.log("file: index.tsx:79 ~ meta:",o)}}})})}exports.default=c;

package/cjs/vef-data-grid/props.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/cjs/vef-data-table/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime");function r(e){return console.log("file: index.tsx:3 ~ props:",e),t.jsx("div",{children:"data table"})}exports.default=r;

package/cjs/vef-data-table/props.cjs

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/internal/base.css.js

@@ -1,495 +0,0 @@
-var n=`/* this will be exported as base.css and can be used for a basic styling */
-/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
-.react-flow {
-  direction: ltr;
-
-  --xy-edge-stroke-default: #b1b1b7;
-  --xy-edge-stroke-width-default: 1;
-  --xy-edge-stroke-selected-default: #555;
-
-  --xy-connectionline-stroke-default: #b1b1b7;
-  --xy-connectionline-stroke-width-default: 1;
-
-  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);
-
-  --xy-minimap-background-color-default: #fff;
-  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
-  --xy-minimap-mask-stroke-color-default: transparent;
-  --xy-minimap-mask-stroke-width-default: 1;
-  --xy-minimap-node-background-color-default: #e2e2e2;
-  --xy-minimap-node-stroke-color-default: transparent;
-  --xy-minimap-node-stroke-width-default: 2;
-
-  --xy-background-color-default: transparent;
-  --xy-background-pattern-dots-color-default: #91919a;
-  --xy-background-pattern-lines-color-default: #eee;
-  --xy-background-pattern-cross-color-default: #e2e2e2;
-  background-color: var(--xy-background-color, var(--xy-background-color-default));
-  --xy-node-border-default: 1px solid #bbb;
-  --xy-node-border-selected-default: 1px solid #555;
-
-  --xy-handle-background-color-default: #333;
-
-  --xy-selection-background-color-default: rgba(150, 150, 180, 0.1);
-  --xy-selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
-  --xy-resize-background-color-default: #3367d9;
-}
-.react-flow.dark {
-  --xy-edge-stroke-default: #3e3e3e;
-  --xy-edge-stroke-width-default: 1;
-  --xy-edge-stroke-selected-default: #727272;
-
-  --xy-connectionline-stroke-default: #b1b1b7;
-  --xy-connectionline-stroke-width-default: 1;
-
-  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);
-
-  --xy-minimap-background-color-default: #141414;
-  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
-  --xy-minimap-mask-stroke-color-default: transparent;
-  --xy-minimap-mask-stroke-width-default: 1;
-  --xy-minimap-node-background-color-default: #2b2b2b;
-  --xy-minimap-node-stroke-color-default: transparent;
-  --xy-minimap-node-stroke-width-default: 2;
-
-  --xy-background-color-default: #141414;
-  --xy-background-pattern-dots-color-default: #777;
-  --xy-background-pattern-lines-color-default: #777;
-  --xy-background-pattern-cross-color-default: #777;
-  --xy-node-color-default: #f8f8f8;
-}
-.react-flow__background {
-  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
-  pointer-events: none;
-  z-index: -1;
-}
-.react-flow__container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-.react-flow__pane {
-  z-index: 1;
-}
-.react-flow__pane.draggable {
-    cursor: grab;
-  }
-.react-flow__pane.dragging {
-    cursor: grabbing;
-  }
-.react-flow__pane.selection {
-    cursor: pointer;
-  }
-.react-flow__viewport {
-  transform-origin: 0 0;
-  z-index: 2;
-  pointer-events: none;
-}
-.react-flow__renderer {
-  z-index: 4;
-}
-.react-flow__selection {
-  z-index: 6;
-}
-.react-flow__nodesselection-rect:focus,
-.react-flow__nodesselection-rect:focus-visible {
-  outline: none;
-}
-.react-flow__edge-path {
-  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
-  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
-  fill: none;
-}
-.react-flow__connection-path {
-  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
-  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
-  fill: none;
-}
-.react-flow .react-flow__edges {
-  position: absolute;
-}
-.react-flow .react-flow__edges svg {
-    overflow: visible;
-    position: absolute;
-    pointer-events: none;
-  }
-.react-flow__edge {
-  pointer-events: visibleStroke;
-}
-.react-flow__edge.selectable {
-    cursor: pointer;
-  }
-.react-flow__edge.animated path {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-.react-flow__edge.animated path.react-flow__edge-interaction {
-    stroke-dasharray: none;
-    animation: none;
-  }
-.react-flow__edge.inactive {
-    pointer-events: none;
-  }
-.react-flow__edge.selected,
-  .react-flow__edge:focus,
-  .react-flow__edge:focus-visible {
-    outline: none;
-  }
-.react-flow__edge.selected .react-flow__edge-path,
-  .react-flow__edge.selectable:focus .react-flow__edge-path,
-  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
-    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
-  }
-.react-flow__edge-textwrapper {
-    pointer-events: all;
-  }
-.react-flow__edge .react-flow__edge-text {
-    pointer-events: none;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-  }
-.react-flow__connection {
-  pointer-events: none;
-}
-.react-flow__connection .animated {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-svg.react-flow__connectionline {
-  z-index: 1001;
-  overflow: visible;
-  position: absolute;
-}
-.react-flow__nodes {
-  pointer-events: none;
-  transform-origin: 0 0;
-}
-.react-flow__node {
-  position: absolute;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  pointer-events: all;
-  transform-origin: 0 0;
-  box-sizing: border-box;
-  cursor: default;
-}
-.react-flow__node.selectable {
-    cursor: pointer;
-  }
-.react-flow__node.draggable {
-    cursor: grab;
-    pointer-events: all;
-  }
-.react-flow__node.draggable.dragging {
-      cursor: grabbing;
-    }
-.react-flow__nodesselection {
-  z-index: 3;
-  transform-origin: left top;
-  pointer-events: none;
-}
-.react-flow__nodesselection-rect {
-    position: absolute;
-    pointer-events: all;
-    cursor: grab;
-  }
-.react-flow__handle {
-  position: absolute;
-  pointer-events: none;
-  min-width: 5px;
-  min-height: 5px;
-  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
-}
-.react-flow__handle.connectingfrom {
-    pointer-events: all;
-  }
-.react-flow__handle.connectionindicator {
-    pointer-events: all;
-    cursor: crosshair;
-  }
-.react-flow__handle-bottom {
-    top: auto;
-    left: 50%;
-    bottom: 0;
-    transform: translate(-50%, 50%);
-  }
-.react-flow__handle-top {
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-.react-flow__handle-left {
-    top: 50%;
-    left: 0;
-    transform: translate(-50%, -50%);
-  }
-.react-flow__handle-right {
-    top: 50%;
-    right: 0;
-    transform: translate(50%, -50%);
-  }
-.react-flow__edgeupdater {
-  cursor: move;
-  pointer-events: all;
-}
-.react-flow__panel {
-  position: absolute;
-  z-index: 5;
-  margin: 15px;
-}
-.react-flow__panel.top {
-    top: 0;
-  }
-.react-flow__panel.bottom {
-    bottom: 0;
-  }
-.react-flow__panel.top.center, .react-flow__panel.bottom.center {
-      left: 50%;
-      transform: translateX(-50%);
-    }
-.react-flow__panel.left {
-    left: 0;
-  }
-.react-flow__panel.right {
-    right: 0;
-  }
-.react-flow__panel.left.center, .react-flow__panel.right.center {
-      top: 50%;
-      transform: translateY(-50%);
-    }
-.react-flow__attribution {
-  font-size: 10px;
-  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
-  padding: 2px 3px;
-  margin: 0;
-}
-.react-flow__attribution a {
-    text-decoration: none;
-    color: #999;
-  }
-@keyframes dashdraw {
-  from {
-    stroke-dashoffset: 10;
-  }
-}
-.react-flow__edgelabel-renderer {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  left: 0;
-  top: 0;
-}
-.react-flow__viewport-portal {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.react-flow__minimap {
-  background: var(
-    --xy-minimap-background-color-props,
-    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
-  );
-}
-.react-flow__minimap-svg {
-    display: block;
-  }
-.react-flow__minimap-mask {
-    fill: var(
-      --xy-minimap-mask-background-color-props,
-      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
-    );
-    stroke: var(
-      --xy-minimap-mask-stroke-color-props,
-      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
-    );
-    stroke-width: var(
-      --xy-minimap-mask-stroke-width-props,
-      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
-    );
-  }
-.react-flow__minimap-node {
-    fill: var(
-      --xy-minimap-node-background-color-props,
-      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
-    );
-    stroke: var(
-      --xy-minimap-node-stroke-color-props,
-      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
-    );
-    stroke-width: var(
-      --xy-minimap-node-stroke-width-props,
-      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
-    );
-  }
-.react-flow__background-pattern.dots {
-    fill: var(
-      --xy-background-pattern-color-props,
-      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
-    );
-  }
-.react-flow__background-pattern.lines {
-    stroke: var(
-      --xy-background-pattern-color-props,
-      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
-    );
-  }
-.react-flow__background-pattern.cross {
-    stroke: var(
-      --xy-background-pattern-color-props,
-      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
-    );
-  }
-.react-flow__controls {
-  display: flex;
-  flex-direction: column;
-}
-.react-flow__controls.horizontal {
-    flex-direction: row;
-  }
-.react-flow__controls-button {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 26px;
-    width: 26px;
-    padding: 4px;
-  }
-.react-flow__controls-button svg {
-      width: 100%;
-      max-width: 12px;
-      max-height: 12px;
-      fill: currentColor;
-    }
-.react-flow__node-input,
-.react-flow__node-default,
-.react-flow__node-output,
-.react-flow__node-group {
-  border: var(--xy-node-border, var(--xy-node-border-default));
-  color: var(--xy-node-color, var(--xy-node-color-default));
-}
-.react-flow__node-input.selected,
-  .react-flow__node-input:focus,
-  .react-flow__node-input:focus-visible,
-  .react-flow__node-default.selected,
-  .react-flow__node-default:focus,
-  .react-flow__node-default:focus-visible,
-  .react-flow__node-output.selected,
-  .react-flow__node-output:focus,
-  .react-flow__node-output:focus-visible,
-  .react-flow__node-group.selected,
-  .react-flow__node-group:focus,
-  .react-flow__node-group:focus-visible {
-    outline: none;
-    border: var(--xy-node-border-selected, var(--xy-node-border-selected-default));
-  }
-.react-flow__nodesselection-rect,
-.react-flow__selection {
-  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
-  border: var(--xy-selection-border, var(--xy-selection-border-default));
-}
-.react-flow__resize-control {
-  position: absolute;
-}
-.react-flow__resize-control.left,
-.react-flow__resize-control.right {
-  cursor: ew-resize;
-}
-.react-flow__resize-control.top,
-.react-flow__resize-control.bottom {
-  cursor: ns-resize;
-}
-.react-flow__resize-control.top.left,
-.react-flow__resize-control.bottom.right {
-  cursor: nwse-resize;
-}
-.react-flow__resize-control.bottom.left,
-.react-flow__resize-control.top.right {
-  cursor: nesw-resize;
-}
-/* handle styles */
-.react-flow__resize-control.handle {
-  width: 4px;
-  height: 4px;
-  border: 1px solid #fff;
-  border-radius: 1px;
-  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
-  transform: translate(-50%, -50%);
-}
-.react-flow__resize-control.handle.left {
-  left: 0;
-  top: 50%;
-}
-.react-flow__resize-control.handle.right {
-  left: 100%;
-  top: 50%;
-}
-.react-flow__resize-control.handle.top {
-  left: 50%;
-  top: 0;
-}
-.react-flow__resize-control.handle.bottom {
-  left: 50%;
-  top: 100%;
-}
-.react-flow__resize-control.handle.top.left {
-  left: 0;
-}
-.react-flow__resize-control.handle.bottom.left {
-  left: 0;
-}
-.react-flow__resize-control.handle.top.right {
-  left: 100%;
-}
-.react-flow__resize-control.handle.bottom.right {
-  left: 100%;
-}
-/* line styles */
-.react-flow__resize-control.line {
-  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
-  border-width: 0;
-  border-style: solid;
-}
-.react-flow__resize-control.line.left,
-.react-flow__resize-control.line.right {
-  width: 1px;
-  transform: translate(-50%, 0);
-  top: 0;
-  height: 100%;
-}
-.react-flow__resize-control.line.left {
-  left: 0;
-  border-left-width: 1px;
-}
-.react-flow__resize-control.line.right {
-  left: 100%;
-  border-right-width: 1px;
-}
-.react-flow__resize-control.line.top,
-.react-flow__resize-control.line.bottom {
-  height: 1px;
-  transform: translate(0, -50%);
-  left: 0;
-  width: 100%;
-}
-.react-flow__resize-control.line.top {
-  top: 0;
-  border-top-width: 1px;
-}
-.react-flow__resize-control.line.bottom {
-  border-bottom-width: 1px;
-  top: 100%;
-}
-`;export{n as default};

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

@@ -1,7 +0,0 @@
-"use strict";
-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 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,18 +0,0 @@
-"use strict";
-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: ${r.marginXs};
-  background-color: ${r.colorFillTertiary};
-  padding: ${r.paddingXxs} ${r.paddingXxs} ${r.paddingXxs} ${r.paddingXs};
-  border-radius: ${r.borderRadius};
-
-  & > span:first-of-type {
-    color: ${r.colorTextSecondary};
-  }
-
-  & > span:last-of-type {
-    color: ${r.colorText};
-  }
-`;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,17 +0,0 @@
-"use strict";
-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: ${o.marginSm};
-  margin-bottom: ${o.marginSm};
-`,$=r`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  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:d}){const m=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:m.getLabel()})]}),d]})}export{C as default};

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

@@ -1,13 +0,0 @@
-"use strict";
-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 c}from"lucide-react";import m 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: ${o.colorPrimary};
-  color: ${o.colorWhite};
-  border-radius: 50%;
-  width: 1.5rem;
-  height: 1.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,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(m,{children:r(c,{})})})})}export{f as default};

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

@@ -1,2 +0,0 @@
-"use strict";
-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 l({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{l as default};

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

@@ -1,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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,2 +0,0 @@
-"use strict";
-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};