From f303371c81316b8c53195d1ddae4f34be9ef6c4d Mon Sep 17 00:00:00 2001
From: jaywcjlove <398188662@qq.com>
Date: Thu, 20 Oct 2022 20:51:46 +0800
Subject: [PATCH] fix(Wheel): fix `color` props issue (#98).

---
 packages/color-wheel/src/Pointer.tsx | 40 +++++++++++++---------------
 website/src/components/Markdown.tsx  |  2 +-
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/packages/color-wheel/src/Pointer.tsx b/packages/color-wheel/src/Pointer.tsx
index 35e67e6bd..d93d3f8fe 100644
--- a/packages/color-wheel/src/Pointer.tsx
+++ b/packages/color-wheel/src/Pointer.tsx
@@ -17,31 +17,29 @@ export const Pointer = ({ className, color, left, top, style, prefixCls }: Point
     top,
     left,
   };
-  return useMemo(
-    () => (
-      <div className={`${prefixCls}-pointer ${className || ''}`} style={styleWarp}>
+  const cls = `${prefixCls}-pointer ${className || ''}`;
+  return (
+    <div className={cls} style={styleWarp}>
+      <div
+        className={`${prefixCls}-fill`}
+        style={{
+          width: 10,
+          height: 10,
+          transform: 'translate(-5px, -5px)',
+          boxShadow: BOXSHADOW,
+          borderRadius: '50%',
+          backgroundColor: '#fff',
+        }}
+      >
         <div
-          className={`${prefixCls}-fill`}
           style={{
-            width: 10,
-            height: 10,
-            transform: 'translate(-5px, -5px)',
-            boxShadow: BOXSHADOW,
+            inset: 0,
             borderRadius: '50%',
-            backgroundColor: '#fff',
+            position: 'absolute',
+            backgroundColor: color,
           }}
-        >
-          <div
-            style={{
-              inset: 0,
-              borderRadius: '50%',
-              position: 'absolute',
-              backgroundColor: color,
-            }}
-          />
-        </div>
+        />
       </div>
-    ),
-    [top, left, color, className, prefixCls],
+    </div>
   );
 };
diff --git a/website/src/components/Markdown.tsx b/website/src/components/Markdown.tsx
index 50b6c6644..5ad56f5e1 100644
--- a/website/src/components/Markdown.tsx
+++ b/website/src/components/Markdown.tsx
@@ -47,7 +47,7 @@ export default class Markdown extends Component<MarkdownProps, MarkdownState> {
     const { source, components, data } = this.state.mdObj || {};
     return (
       <div className={[styles.warpper, 'wmde-markdown-var'].join(' ')}>
-        <dark-mode light="Dark" dark="Light"></dark-mode>
+        <dark-mode permanent light="Dark" dark="Light"></dark-mode>
         <div className={styles.markdown}>
           <EditorUrl editorUrl={this.editorUrl} />
           {this.example && <div className={styles.example}>{this.example}</div>}