初始化

wwf

3 天以前 a430284aa21e3ae1f0d5654e55b2ad2852519cc2

 app/components/base/drawer-plus/index.tsx

@@ -9,17 +9,15 @@
type Props = {
  isShow: boolean
  onHide: () => void
  dialogClassName?: string
  dialogBackdropClassName?: string
  panelClassName?: string
  maxWidthClassName?: string
  contentClassName?: string
  headerClassName?: string
  height?: number | string
  title: string | React.JSX.Element
  titleDescription?: string | React.JSX.Element
  body: React.JSX.Element
  foot?: React.JSX.Element
  title: string | JSX.Element
  titleDescription?: string | JSX.Element
  body: JSX.Element
  foot?: JSX.Element
  isShowMask?: boolean
  clickOutsideNotOpen?: boolean
  positionCenter?: boolean
@@ -28,8 +26,6 @@
const DrawerPlus: FC<Props> = ({
  isShow,
  onHide,
  dialogClassName = '',
  dialogBackdropClassName = '',
  panelClassName = '',
  maxWidthClassName = '!max-w-[640px]',
  height = 'calc(100vh - 72px)',
@@ -59,33 +55,31 @@
      footer={null}
      mask={isMobile || isShowMask}
      positionCenter={positionCenter}
      dialogClassName={dialogClassName}
      dialogBackdropClassName={dialogBackdropClassName}
      panelClassName={cn('mx-2 mb-3 mt-16 rounded-xl !p-0 sm:mr-2', panelClassName, maxWidthClassName)}
      panelClassname={cn('mt-16 mx-2 sm:mr-2 mb-3 !p-0 rounded-xl', panelClassName, maxWidthClassName)}
    >
      <div
        className={cn(contentClassName, 'flex w-full flex-col rounded-xl border-[0.5px] border-divider-subtle bg-components-panel-bg shadow-xl')}
        className={cn(contentClassName, 'w-full flex flex-col bg-components-panel-bg border-[0.5px] border-divider-subtle rounded-xl shadow-xl')}
        style={{
          height,
        }}
        ref={ref}
      >
        <div className={cn(headerClassName, 'shrink-0 border-b border-divider-subtle py-4')}>
          <div className='flex h-6 items-center justify-between pl-6 pr-5'>
          <div className='flex justify-between items-center pl-6 pr-5 h-6'>
            <div className='system-xl-semibold text-text-primary'>
              {title}
            </div>
            <div className='flex items-center'>
              <div
                onClick={onHide}
                className='flex h-6 w-6 cursor-pointer items-center justify-center'
                className='flex justify-center items-center w-6 h-6 cursor-pointer'
              >
                <RiCloseLine className='h-4 w-4 text-text-tertiary' />
                <RiCloseLine className='w-4 h-4 text-text-tertiary' />
              </div>
            </div>
          </div>
          {titleDescription && (
            <div className='system-xs-regular pl-6 pr-10 text-text-tertiary'>
            <div className='pl-6 pr-10 system-xs-regular text-text-tertiary'>
              {titleDescription}
            </div>
          )}