feat: add style for Handler

antvis · Aug 15, 2023 · df0eeb6 · df0eeb6
1 parent a90ebe7
commit df0eeb6
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/gi-common-components/src/Handler/index.tsx b/packages/gi-common-components/src/Handler/index.tsx
@@ -64,12 +64,13 @@ const textStyleMap = {
 };
 
 export interface HandlerProps {
+  style?: React.CSSProperties;
   handleClick: () => void;
   type: 'left' | 'right' | 'bottom';
 }
 
 const Handler: React.FC<HandlerProps> = props => {
-  const { handleClick, type } = props;
+  const { handleClick, type, style = {} } = props;
 
   const handerBackStyles = {
     position: 'absolute',
@@ -92,8 +93,8 @@ const Handler: React.FC<HandlerProps> = props => {
 
   return (
     <>
-      <div style={handerBackStyles as any}></div>
-      <div onClick={handleClick} style={handlerStyles as any}>
+      <div style={{ ...handerBackStyles, ...style } as any}></div>
+      <div onClick={handleClick} style={{ ...handlerStyles, ...style } as any}>
         <span style={handlerTextStyles as any}>{type === 'bottom' ? '=' : '||'}</span>
       </div>
     </>