@lobehub/ui/es/FormModal/FormModal.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"FormModal.mjs","names":["styles","Modal","Form","staticStyles","Flexbox","Button"],"sources":["../../src/FormModal/FormModal.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\nimport { Flexbox } from '@/Flex';\nimport Form from '@/Form';\nimport Modal from '@/Modal';\n\nimport { styles as staticStyles } from './style';\nimport type { FormModalProps } from './type';\n\nconst FormModal = memo<FormModalProps>(\n  ({\n    classNames = {},\n    className,\n    style,\n    closable,\n    styles = {},\n    allowFullscreen,\n    title,\n\n    afterOpenChange,\n    width,\n    onCancel,\n    centered,\n    open,\n    afterClose,\n    destroyOnHidden,\n    closeIcon,\n    paddings,\n    height,\n    enableResponsive,\n    zIndex,\n    mask,\n    getContainer,\n    keyboard,\n    focusTriggerAfterClose,\n    forceRender,\n    loading,\n    footer,\n    submitButtonProps,\n    submitLoading,\n    onFinish,\n    submitText,\n    variant = 'borderless',\n    gap,\n    onSubmit,\n    children,\n    ref,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const { form: formClassName, ...modalClassNames } = classNames;\n    const { form: formStyle, ...modalStyles } =\n      typeof styles === 'function' ? { form: undefined } : styles;\n\n    return (\n      <Modal\n        afterClose={afterClose}\n        afterOpenChange={afterOpenChange}\n        allowFullscreen={allowFullscreen}\n        centered={centered}\n        className={className}\n        classNames={modalClassNames}\n        closable={closable}\n        closeIcon={closeIcon}\n        confirmLoading={submitLoading}\n        destroyOnHidden={destroyOnHidden}\n        enableResponsive={enableResponsive}\n        focusTriggerAfterClose={focusTriggerAfterClose}\n        footer={null}\n        forceRender={forceRender}\n        getContainer={getContainer}\n        height={height}\n        keyboard={keyboard}\n        loading={loading}\n        mask={mask}\n        onCancel={onCancel}\n        open={open}\n        paddings={paddings}\n        style={style}\n        styles={\n          typeof styles === 'function'\n            ? styles\n            : {\n                ...modalStyles,\n                body: {\n                  paddingTop: mobile ? 0 : undefined,\n                  ...modalStyles?.body,\n                },\n              }\n        }\n        title={title}\n        width={width}\n        zIndex={zIndex}\n      >\n        <Form\n          className={cx(staticStyles.form, formClassName || '')}\n          clearOnDestroy={destroyOnHidden}\n          footer={\n            <Flexbox align={'center'} className={staticStyles.footer} gap={8} horizontal>\n              {footer || (\n                <Button\n                  block\n                  htmlType=\"submit\"\n                  loading={submitLoading}\n                  onClick={onSubmit}\n                  type={'primary'}\n                  {...submitButtonProps}\n                  style={{\n                    flex: 1,\n                    ...submitButtonProps?.style,\n                  }}\n                >\n                  {submitText || 'Submit'}\n                </Button>\n              )}\n            </Flexbox>\n          }\n          gap={gap || (variant === 'borderless' ? 24 : gap)}\n          onFinish={onFinish}\n          ref={ref}\n          style={{\n            paddingBottom: 56,\n            ...formStyle,\n          }}\n          styles={{\n            title: { fontSize: 14 },\n          }}\n          variant={variant}\n          {...rest}\n        >\n          {children}\n        </Form>\n      </Modal>\n    );\n  },\n);\n\nFormModal.displayName = 'FormModal';\n\nexport default FormModal;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,aAAa,EAAE,EACf,WACA,OACA,UACA,mBAAS,EAAE,EACX,iBACA,OAEA,iBACA,OACA,UACA,UACA,MACA,YACA,iBACA,WACA,UACA,QACA,kBACA,QACA,MACA,cACA,UACA,wBACA,aACA,SACA,QACA,mBACA,eACA,UACA,YACA,UAAU,cACV,KACA,UACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,eAAe,GAAG,oBAAoB;CACpD,MAAM,EAAE,MAAM,WAAW,GAAG,gBAC1B,OAAOA,aAAW,aAAa,EAAE,MAAM,QAAW,GAAGA;AAEvD,QACE,oBAACC;EACa;EACK;EACA;EACP;EACC;EACX,YAAY;EACF;EACC;EACX,gBAAgB;EACC;EACC;EACM;EACxB,QAAQ;EACK;EACC;EACN;EACE;EACD;EACH;EACI;EACJ;EACI;EACH;EACP,QACE,OAAOD,aAAW,aACdA,WACA;GACE,GAAG;GACH,MAAM;IACJ,YAAY,SAAS,IAAI;IACzB,GAAG,aAAa;IACjB;GACF;EAEA;EACA;EACC;YAER,oBAACE;GACC,WAAW,GAAGC,OAAa,MAAM,iBAAiB,GAAG;GACrD,gBAAgB;GAChB,QACE,oBAACC;IAAQ,OAAO;IAAU,WAAWD,OAAa;IAAQ,KAAK;IAAG;cAC/D,UACC,oBAACE;KACC;KACA,UAAS;KACT,SAAS;KACT,SAAS;KACT,MAAM;KACN,GAAI;KACJ,OAAO;MACL,MAAM;MACN,GAAG,mBAAmB;MACvB;eAEA,cAAc;MACR;KAEH;GAEZ,KAAK,QAAQ,YAAY,eAAe,KAAK;GACnC;GACL;GACL,OAAO;IACL,eAAe;IACf,GAAG;IACJ;GACD,QAAQ,EACN,OAAO,EAAE,UAAU,IAAI,EACxB;GACQ;GACT,GAAI;GAEH;IACI;GACD;EAGb;AAED,UAAU,cAAc;AAExB,wBAAe"}