chore: optimized code

opensumi · Oct 31, 2024 · 6a437a7 · 6a437a7
1 parent 61cefb0
commit 6a437a7
Showing 1 changed file with 27 additions and 6 deletions.
diff --git a/packages/components/src/dialog/index.tsx b/packages/components/src/dialog/index.tsx
@@ -35,6 +35,20 @@ export interface IDialogProps extends IOverlayProps {
   keyboard?: boolean;
 }
 
+export interface IDialogContentProps extends IOverlayProps {
+  primaryText: string | React.ReactNode;
+  secondaryText?: string | React.ReactNode;
+  closable?: boolean;
+  messageType?: MessageType;
+  buttons?: JSX.Element[] | JSX.Element;
+  type?: ModalType;
+  icon?: IconDesc;
+  onOk?: () => void;
+  onCancel?: () => void;
+  okText?: string;
+  cancelText?: string;
+}
+
 const DefaultButtons = ({ onCancel, onOk, cancelText, okText }) => (
   <>
     <Button onClick={onCancel} type='secondary'>
@@ -44,15 +58,15 @@ const DefaultButtons = ({ onCancel, onOk, cancelText, okText }) => (
   </>
 );
 
-export const DialogContent: React.FC<IDialogProps> = ({
+export const DialogContent: React.FC<IDialogContentProps> = ({
+  primaryText,
+  secondaryText,
   onClose,
   closable,
   messageType = MessageType.Info,
   icon,
-  message,
   buttons,
   type = 'confirm',
-  title,
   onOk,
   onCancel,
   okText,
@@ -70,8 +84,8 @@ export const DialogContent: React.FC<IDialogProps> = ({
           />
         )}
         <div className={'kt-dialog-content_area'}>
-          <p className={'kt-dialog-content_title'}>{title}</p>
-          {message && <span className={'kt-dialog-message'}>{message}</span>}
+          <p className={'kt-dialog-content_title'}>{primaryText}</p>
+          {secondaryText && <span className={'kt-dialog-message'}>{secondaryText}</span>}
         </div>
         {closable && type !== 'basic' && (
           <button className={cls('kt-dialog-closex', getIcon('close'))} onClick={onClose}></button>
@@ -125,6 +139,13 @@ export const Dialog: React.FC<IDialogProps> = ({
     afterClose={afterClose}
     {...restProps}
   >
-    <DialogContent title={message} message={detail} buttons={buttons} visible={visible} icon={icon} {...restProps} />
+    <DialogContent
+      primaryText={message}
+      secondaryText={detail}
+      buttons={buttons}
+      visible={visible}
+      icon={icon}
+      {...restProps}
+    />
   </Overlay>
 );