fix: modal z-index and cleanup (#4978)

web/app/components/app/app-publisher/index.tsx

@@ -235,7 +235,6 @@ const AppPublisher = ({
         onClose={() => setEmbeddingModalOpen(false)}
         appBaseUrl={appBaseURL}
         accessToken={accessToken}
-        className='z-50'
       />
     </PortalToFollowElem >
   )

web/app/components/app/configuration/dataset-config/params-config/index.tsx

@@ -84,7 +84,6 @@ const ParamsConfig: FC = () => {
               setOpen(false)
             }}
             className='sm:min-w-[528px]'
-            wrapperClassName='z-50'
             title={t('appDebug.datasetConfig.settingTitle')}
           >
             <ConfigContent

web/app/components/app/configuration/toolbox/annotation/config-param-modal.tsx

@@ -78,7 +78,6 @@ const ConfigParamModal: FC<Props> = ({
       isShow={isShow}
       onClose={onHide}
       className='!p-8 !pb-6 !mt-14 !max-w-none !w-[640px]'
-      wrapperClassName='!z-50'
     >
       <div className='mb-2 text-xl font-semibold text-[#1D2939]'>
         {t(`appAnnotation.initSetup.${isInit ? 'title' : 'configTitle'}`)}

web/app/components/base/drawer/index.tsx

@@ -14,7 +14,6 @@ export type IDrawerProps = {
   mask?: boolean
   positionCenter?: boolean
   isOpen: boolean
-  // closable: boolean
   showClose?: boolean
   clickOutsideNotOpen?: boolean
   onClose: () => void

web/app/components/base/modal/delete-confirm-modal/index.tsx

@@ -2,7 +2,6 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import s from './style.module.css'
 import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
@@ -31,8 +30,7 @@ const DeleteConfirmModal: FC<Props> = ({
     <Modal
       isShow={isShow}
       onClose={onHide}
-      wrapperClassName='z-50'
+      className={s.delModal}
-      className={cn(s.delModal, 'z-50')}
       closable
     >
       <div onClick={(e) => {

web/app/components/base/modal/index.css

@@ -1,5 +1,5 @@
 .modal-dialog {
-  @apply relative z-10;
+  @apply relative z-50;
 }
 
 .modal-panel {

web/app/components/datasets/documents/rename-modal.tsx

@@ -57,7 +57,6 @@ const RenameModal: FC<Props> = ({
       title={t('datasetDocuments.list.table.rename')}
       isShow
       onClose={onClose}
-      wrapperClassName='!z-50'
     >
       <div className={'mt-6 font-medium text-sm leading-[21px] text-gray-900'}>{t('datasetDocuments.list.table.name')}</div>
       <input className={'mt-2 w-full rounded-lg h-10 box-border px-3 text-sm leading-10 bg-gray-100'}

web/app/components/share/chat/sidebar/rename-modal/index.tsx

@@ -28,7 +28,6 @@ const RenameModal: FC<IRenameModalProps> = ({
       title={t('common.chat.renameConversation')}
       isShow={isShow}
       onClose={onClose}
-      wrapperClassName='!z-50'
     >
       <div className={'mt-6 font-medium text-sm leading-[21px] text-gray-900'}>{t('common.chat.conversationName')}</div>
       <input className={'mt-2 w-full rounded-lg h-10 box-border px-3 text-sm leading-10 bg-gray-100'}

web/app/components/workflow/nodes/http/components/authorization/index.tsx

@@ -87,7 +87,6 @@ const Authorization: FC<Props> = ({
   return (
     <Modal
       title={t(`${i18nPrefix}.authorization`)}
-      wrapperClassName='z-50 w-400'
       isShow={isShow}
       onClose={onHide}
     >