@steedos-widgets/reactflow 6.10.1-beta.58 → 6.10.1-beta.60

package/dist/assets.json

@@ -3,8 +3,8 @@
         {
             "package": "@steedos-widgets/reactflow",
             "urls": [
-                "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.58/dist/reactflow.umd.js",
-                "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.58/dist/reactflow.umd.css"
+                "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.60/dist/reactflow.umd.js",
+                "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.60/dist/reactflow.umd.css"
             ],
             "library": "BuilderReactFlow"
         }
@@ -15,10 +15,10 @@
             "npm": {
                 "package": "@steedos-widgets/reactflow"
             },
-            "url": "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.58/dist/meta.js",
+            "url": "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.60/dist/meta.js",
             "urls": {
-                "default": "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.58/dist/meta.js",
-                "design": "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.58/dist/meta.js"
+                "default": "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.60/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/reactflow@6.10.1-beta.60/dist/meta.js"
             }
         }
     ]

package/dist/meta.js

@@ -71,7 +71,7 @@
         ], amis: {
             render: {
                 type: config.amis.name,
-                usage: "formitem",
+                usage: "formitem", //使用renderer会无法监听到onEvent中配置的事件
                 weight: 1,
                 framework: "react"
             },

package/dist/reactflow.cjs.css

@@ -1,5 +1,8 @@
 /* this gets exported as style.css and can be used for the default theming */
 /* these are the necessary styles for React Flow, they get used by base.css and style.css */
+.react-flow {
+  direction: ltr;
+}
 .react-flow__container {
   position: absolute;
   width: 100%;
@@ -135,7 +138,7 @@
   border: 1px solid white;
   border-radius: 100%;
 }
-.react-flow__handle.connectable {
+.react-flow__handle.connectionindicator {
     pointer-events: all;
     cursor: crosshair;
   }
@@ -297,9 +300,110 @@
       max-width: 12px;
       max-height: 12px;
     }
+.react-flow__controls-button:disabled {
+      pointer-events: none;
+    }
+.react-flow__controls-button:disabled svg {
+        fill-opacity: 0.4;
+      }
 .react-flow__minimap {
   background-color: #fff;
 }
+.react-flow__minimap svg {
+  display: block;
+}
+.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: #3367d9;
+  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: #3367d9;
+  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%;
+}
 
 .antd-Form-item .steedos-react-flow.h-full{
     /*