feat: 迭代开发

Author: lhbxs

docs/xflow/demo/log/runNode/index.tsx

@@ -26,6 +26,7 @@ export default () => {
         type: 'icon-model',
         bgColor: '#6172F3',
       },
+      gradientHeight: '100%',
       settingSchema: {
         type: 'object',
         properties: {

packages/x-flow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xrenders/xflow",
-  "version": "1.0.8-beta.6",
+  "version": "1.0.8-beta.9",
   "description": "一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品",
   "keywords": [
     "xflow"

packages/x-flow/src/components/NodeContainer/index.tsx

@@ -22,6 +22,7 @@ export default memo((props: any) => {
     isSwitchBottom,
     nodeSettingTitle,
     style,
+    gradientHeight: _gradientHeight,
   } = props;
   const IconBox = useMemo(() => createIconFont(iconFontUrl), [iconFontUrl]);
   const containerRef = React.useRef<HTMLDivElement>(null);
@@ -60,7 +61,8 @@ export default memo((props: any) => {
 
   const hasBody = !!children;
   const hasDesc = !!desc && !hideDesc;
-  const gradientHeight = hasBody || hasDesc || NodeWidget ? '20%' : '100%';
+  const gradientHeight = _gradientHeight || (hasBody || hasDesc || NodeWidget ? '20%' : '100%');
+  debugger;
 
   return (
     <div

packages/x-flow/src/nodes/node-common/index.tsx

@@ -9,6 +9,7 @@ export default memo((props: any) => {
   const nodeSetting = settingMap[type] || {};
   const NodeWidget = widgets[nodeSetting?.nodeWidget] || undefined;
   const nodeDescription = nodeSetting?.description || '';
+  const gradientHeight = nodeSetting?.gradientHeight;
 
   const hideDesc = nodeSetting?.nodePanel?.hideDesc ?? globalConfig?.nodePanel?.hideDesc ?? false;
   const hideTitleTips = globalConfig?.nodeView?.hideTitleTips ?? false;
@@ -32,6 +33,7 @@ export default memo((props: any) => {
       iconSvg={SVGWidget ? <SVGWidget setting={nodeSetting} /> : false}
       hideTitleTips={hideTitleTips}
       nodeSettingTitle={nodeSetting.title}
+      gradientHeight={gradientHeight}
       style={{...getColorfulModeBackground(nodeSetting?.icon?.bgColor, openColorfulMode)}}
     />
   );

packages/x-flow/src/nodes/node-end/index.tsx

@@ -10,6 +10,7 @@ export default memo((props: any) => {
   const NodeWidget = widgets[nodeSetting?.nodeWidget] || undefined;
   const nodeDescription = nodeSetting?.description || '';
   const hideDesc = nodeSetting?.nodePanel?.hideDesc ?? globalConfig?.nodePanel?.hideDesc ?? false;
+  const gradientHeight = nodeSetting?.gradientHeight;
   const hideTitleTips = globalConfig?.nodeView?.hideTitleTips ?? false;
   const SVGWidget = widgets[nodeSetting?.iconSvg]; // 自定义面板配置组件
 
@@ -31,6 +32,7 @@ export default memo((props: any) => {
       iconSvg={SVGWidget ? <SVGWidget setting={nodeSetting} /> : false}
       hideTitleTips={hideTitleTips}
       nodeSettingTitle={nodeSetting.title||'结束'}
+      gradientHeight={gradientHeight}
       style={{...getColorfulModeBackground(nodeSetting?.icon?.bgColor, openColorfulMode)}}
     />
   );

packages/x-flow/src/nodes/node-parallel/index.tsx

@@ -22,6 +22,7 @@ export default memo((props: any) => {
   const nodeSetting = settingMap[type] || {};
   const NodeWidget = widgets[nodeSetting?.nodeWidget] || undefined;
   const nodeDescription = nodeSetting?.description || '';
+  const gradientHeight = nodeSetting?.gradientHeight;
   const hideDesc =
     nodeSetting?.nodePanel?.hideDesc ??
     globalConfig?.nodePanel?.hideDesc ??
@@ -45,6 +46,7 @@ export default memo((props: any) => {
       hideDesc={hideDesc}
       desc={data?.desc}
       iconFontUrl={iconFontUrl}
+      gradientHeight={gradientHeight}
       NodeWidget={
         <ParallelBuildInNodeWidget
           data={data}

packages/x-flow/src/nodes/node-start/index.tsx

@@ -9,6 +9,7 @@ export default memo((props: any) => {
     useContext(ConfigContext);
   const nodeSetting = settingMap[type] || {};
   const NodeWidget = widgets[nodeSetting?.nodeWidget] || undefined;
+  const gradientHeight = nodeSetting?.gradientHeight;
   const nodeDescription = nodeSetting?.description || '';
   const hideDesc =
     nodeSetting?.nodePanel?.hideDesc ??
@@ -35,6 +36,7 @@ export default memo((props: any) => {
       iconSvg={SVGWidget ? <SVGWidget setting={nodeSetting} /> : false}
       hideTitleTips={hideTitleTips}
       nodeSettingTitle={nodeSetting?.title || '开始'}
+      gradientHeight={gradientHeight}
       style={{...getColorfulModeBackground(nodeSetting?.icon?.bgColor, openColorfulMode)}}
     />
   );

packages/x-flow/src/nodes/node-switch/index.tsx

@@ -25,6 +25,7 @@ export default memo((props: any) => {
   const nodeSetting = settingMap[type] || {};
   const NodeWidget = widgets[nodeSetting?.nodeWidget] || undefined;
   const nodeDescription = nodeSetting?.description || '';
+  const gradientHeight = nodeSetting?.gradientHeight;
   const hideDesc =
     nodeSetting?.nodePanel?.hideDesc ??
     globalConfig?.nodePanel?.hideDesc ??
@@ -69,6 +70,7 @@ export default memo((props: any) => {
       hideTitleTips={hideTitleTips}
       isSwitchBottom={isSwitchBottom}
       nodeSettingTitle={nodeSetting?.title || 'Switch'}
+      gradientHeight={gradientHeight}
       style={{...getColorfulModeBackground(nodeSetting?.icon?.bgColor, openColorfulMode)}}
     />
   );