styles: 修复input-color组件样式问题 (#7145)

Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>

packages/amis-ui/scss/components/form/_color.scss

@@ -75,6 +75,9 @@
 
   &-clear {
     @include input-clear();
+    svg {
+      top: 0;
+    }
   }
 
   &-arrow {
@@ -94,11 +97,12 @@
       width: 10px;
       height: 10px;
       top: 0;
+      transform: rotate(90deg);
     }
   }
 
   &.is-opened &-arrow > svg {
-    transform: rotate(180deg);
+    transform: rotate(270deg);
   }
 }
 

packages/amis-ui/src/components/ColorPicker.tsx

@@ -302,7 +302,11 @@ export class ColorControl extends React.PureComponent<
         ) : null}
 
         <span className={cx('ColorPicker-arrow')}>
-          <Icon icon="caret" className="icon" onClick={this.handleClick} />
+          <Icon
+            icon="right-arrow-bold"
+            className="icon"
+            onClick={this.handleClick}
+          />
         </span>
 
         {!mobileUI && isOpened ? (