@flatbiz/antd 4.2.61 → 4.2.62

package/esm/dialog-drawer-7cb5c6df.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-drawer-7cb5c6df.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { ReactElement, ReactNode, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps } from '../_utils/dom';\n\nexport type DialogDrawerProps = Omit<\n  DrawerProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n  okText?: string | ReactElement;\n  cancelText?: string | ReactElement;\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n  operatePosition?: 'header' | 'footer';\n  operateRender?: (form: FormInstance) => ReactElement;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n  const {\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    content,\n    configProviderProps,\n    okText,\n    cancelText,\n    okButtonExtraProps,\n    cancelButtonExtraProps,\n    operatePosition = 'footer',\n    operateRender,\n    width = 600,\n    okHidden,\n    cancelHidden,\n    extra,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const operateGroup = (\n    <Space>\n      {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n          {cancelText || '取消'}\n        </ButtonWrapper>\n      )}\n      {okHidden || okButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n          {okText || '提交'}\n        </ButtonWrapper>\n      )}\n    </Space>\n  );\n\n  const operateRenderHandle = () => {\n    if (operateRender) {\n      return operateRender(form);\n    }\n    if (!okHidden || !cancelHidden) {\n      return operateGroup;\n    }\n    return null;\n  };\n\n  const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n  return (\n    <ConfigProviderWrapper {...configProviderProps}>\n      <Drawer\n        maskClosable={true}\n        destroyOnClose\n        onClose={onClose}\n        width={'80%'}\n        contentWrapperStyle={{ maxWidth: width }}\n        footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n        {...otherProps}\n        extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n        open={open}\n        getContainer={divElement}\n      >\n        {typeof content === 'function' ? content(form, { onClose }) : content}\n      </Drawer>\n    </ConfigProviderWrapper>\n  );\n};\n\n/**\n * 函数式调用弹框；初始化后，内容无法更新\n *```\n * 1. 基础使用方式\n * dialogDrawer.open({\n *   title: '我是弹框',\n *   content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用，可在onOK、onCancel获取form对象\n * dialogDrawer.open({\n *   title: '我是弹框',\n *   content: (form, operate) => {\n *     return (\n *       <Form form={form}>\n *         <Form.Item name=\"useName\">\n *           <Input placeholder=\"请输入\" />\n *         </Form.Item>\n *       </Form>\n *     );\n *   },\n *   onOK: (form) => {\n *     console.log('content form数据', form.getFieldsValue());\n *     return Promise.resolve();\n *   },\n * });\n * 注意：\n * 1.  设置operateRender后，需要自定义操作按钮，onOk、onCancel、okText、cancelText、okButtonExtraProps、cancelButtonExtraProps配置失效\n * ```\n */\nexport const dialogDrawer = {\n  open: (props: DialogDrawerProps) => {\n    const { divElement, elementId } = bodyAppendDivElement();\n    window['__dialog_drawer_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogDrawer.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_drawer_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","width","okHidden","cancelHidden","extra","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","maxWidth","footer","getContainer","dialogDrawer","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}