refactor(Saturation): Optimize the code.

uiwjs · Jul 12, 2021 · 2737ff6 · 2737ff6
1 parent 1570772
commit 2737ff6
Showing 1 changed file with 5 additions and 22 deletions.
diff --git a/packages/color-saturation/src/index.tsx b/packages/color-saturation/src/index.tsx
@@ -50,34 +50,17 @@ export default React.forwardRef<HTMLDivElement, SaturationProps>((props, ref) =>
       style={{
         position: 'absolute',
         inset: 0,
+        backgroundImage: 'linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsla(0,0%,100%,0))',
         ...containerStyle,
       }}
       ref={ref}
       onMove={handleChange}
       onDown={handleChange}
     >
-      <div
-        style={{
-          inset: 0,
-          background: 'linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))',
-          position: 'absolute',
-          borderRadius: radius,
-        }}
-      >
-        <div
-          style={{
-            inset: 0,
-            background: 'linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0))',
-            position: 'absolute',
-            borderRadius: radius,
-          }}
-        >
-          {React.createElement(pointer || Pointer, {
-            prefixCls,
-            ...comProps,
-          })}
-        </div>
-      </div>
+      {React.createElement(pointer || Pointer, {
+        prefixCls,
+        ...comProps,
+      })}
     </Interactive>
   );
 });