🐛 fix: color bug (#97)

* 🐛 fix: color bug * 🐛 fix: rm color --------- Co-authored-by: jiangchu <jiangchu.wzy@antgroup.com>
ant-design · Mar 31, 2024 · fcec674 · fcec674
1 parent a7ee2ec
commit fcec674
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git a/docs/caseShow/demos/pipeline/taskPipeline/index.tsx b/docs/caseShow/demos/pipeline/taskPipeline/index.tsx
@@ -6,10 +6,10 @@ import { Background, FlowView, applyEdgeChanges, applyNodeChanges } from '@ant-d
 import { useCallback, useState } from 'react';
 import { edges, nodes } from './data';
 import StageNode from './nodes/stageNode';
-import taskNode from './nodes/taskNode';
+import TaskNode from './nodes/taskNode';
 import useStyles from './styled';
 
-const nodeTypes = { taskNode, StageNode };
+const nodeTypes = { TaskNode, StageNode };
 
 function App() {
   const { styles } = useStyles();

diff --git a/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskContent.tsx b/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskContent.tsx
@@ -1,4 +1,3 @@
-import { green, red } from '@ant-design/colors';
 import { CheckCircleFilled, ClockCircleFilled, CloseCircleFilled } from '@ant-design/icons';
 import useStyles from './styled';
 
@@ -8,23 +7,23 @@ export const TaskContent = () => {
   return (
     <ul className={styles.taskContent}>
       <li>
-        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
+        <CheckCircleFilled style={{ color: '#008000', fontSize: 14 }} />
         <div>
           <span>七尼尼 已完成</span>
           <span>43s</span>
         </div>
       </li>
       <li />
       <li>
-        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
+        <CheckCircleFilled style={{ color: '#008000', fontSize: 14 }} />
         <div>
           <span>lydon 已完成</span>
           <span>43s</span>
         </div>
       </li>
       <li />
       <li>
-        <CloseCircleFilled style={{ color: red[5], fontSize: 14 }} />
+        <CloseCircleFilled style={{ color: '#ff4000', fontSize: 14 }} />
         <div>
           <span>青霓 审批不通过</span>
           <span>43s</span>

diff --git a/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskNode.tsx b/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskNode.tsx
@@ -1,4 +1,3 @@
-import { green } from '@ant-design/colors';
 import { CheckCircleFilled } from '@ant-design/icons';
 import { Handle, Position } from '@ant-design/pro-flow';
 import { useState } from 'react';
@@ -35,7 +34,7 @@ const TaskNode = (props: { data: TaskNodeC }) => {
         className={styles.taskNode}
         style={{ justifyContent: `${data.children ? 'space-between' : 'flex-start'}` }}
       >
-        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
+        <CheckCircleFilled style={{ color: '#008000', fontSize: 14 }} />
         <div className="title">{data.title}</div>
         {data.children && (
           <div

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/pro-flow",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "description": "A React based Flow components",
   "keywords": [
     "flow",