feat: [Composer] show toolbar toggle button when typing

alibaba · Jan 3, 2021 · 11b850b · 11b850b
1 parent 76add41
commit 11b850b
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/components/Composer/index.tsx b/src/components/Composer/index.tsx
@@ -313,17 +313,8 @@ export const Composer = React.forwardRef<ComposerHandle, ComposerProps>((props,
           {renderInput(1)}
           {!isInputText && <Recorder {...recorder} />}
         </div>
-        {text && (
-          <Action
-            className="Composer-sendBtn"
-            icon="paper-plane"
-            color="primary"
-            onMouseDown={handleSendBtnClick}
-            aria-label="发送"
-          />
-        )}
         {!text && rightAction && <Action {...rightAction} />}
-        {!text && hasToolbar && (
+        {hasToolbar && (
           <Action
             className={clsx('Composer-toggleBtn', {
               active: isAccessoryOpen,
@@ -333,6 +324,15 @@ export const Composer = React.forwardRef<ComposerHandle, ComposerProps>((props,
             aria-label={isAccessoryOpen ? '关闭工具栏' : '展开工具栏'}
           />
         )}
+        {text && (
+          <Action
+            className="Composer-sendBtn"
+            icon="paper-plane"
+            color="primary"
+            onMouseDown={handleSendBtnClick}
+            aria-label="发送"
+          />
+        )}
       </div>
       {isAccessoryOpen && renderExtra()}
     </>