Merge pull request #654 from illacloud/develop

Develop

Author: AruSeito

packages/input-tag/src/input-tag.tsx

@@ -154,8 +154,8 @@ export const InputTag = forwardRef<HTMLDivElement, InputTagProps>(
               await tryAddInputValueToTag()
             }}
           />
-          {suffix ? <span css={applySuffixCls(size)}>{suffix}</span> : null}
         </span>
+        {suffix ? <span css={applySuffixCls(size)}>{suffix}</span> : null}
         {allowClear && !disabled && currentValue?.length ? (
           <span
             css={pointerStyle}

packages/modal/src/interface.tsx

@@ -1,6 +1,7 @@
 import { HTMLAttributes, MouseEvent, ReactNode } from "react"
 import { ButtonProps } from "@illa-design/button"
 import { BoxProps } from "@illa-design/theme"
+import { SerializedStyles } from "@emotion/react"
 
 export type ModalAlignType = "left" | "center" | "right" | ""
 export type ModalType = "info" | "error" | "success" | "warning"
@@ -16,6 +17,7 @@ export interface ModalProps
   mask?: boolean
   okLoading?: boolean
   title?: ReactNode | string
+  maskStyle?: SerializedStyles
   maskClosable?: boolean
   hideCancel?: boolean
   closable?: boolean

packages/modal/src/modal.tsx

@@ -43,6 +43,7 @@ export const Modal = forwardRef<HTMLDivElement, ModalProps>((props, ref) => {
     withoutLine = true,
     okLoading,
     maskClosable = true,
+    maskStyle,
     hideCancel,
     closable,
     closeElement,
@@ -121,7 +122,7 @@ export const Modal = forwardRef<HTMLDivElement, ModalProps>((props, ref) => {
           <>
             {mask ? (
               <motion.div
-                css={applyModalMask}
+                css={[applyModalMask, maskStyle]}
                 variants={maskAnimation}
                 animate="animate"
                 exit="exit"