@flatbiz/antd 4.5.47 → 4.5.49

package/esm/upload-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/upload-wrapper/utils.ts","@flatbiz/antd/src/upload-wrapper/upload-wrapper.tsx"],"sourcesContent":["export const getBase64 = (file): Promise<string> =>\n  new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = (error) => reject(error);\n  });\n","import { PlusOutlined } from '@ant-design/icons';\nimport { isPlainObject } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport type { TAny, TPlainObject } from '@flatbiz/utils';\nimport { isUndefinedOrNull, openNewWindow, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport type { UploadProps } from 'antd';\nimport { Button, Image, message, Upload } from 'antd';\nimport type { UploadChangeParam } from 'antd/lib/upload';\nimport type { UploadFile, UploadListType } from 'antd/lib/upload/interface';\nimport type { ReactElement, ReactNode } from 'react';\nimport { cloneElement, Fragment, useMemo, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\nimport { getBase64 } from './utils';\n\nexport type UploadWrapperFileItem = {\n  uid: string;\n  name: string;\n  url?: string;\n};\n\nexport type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {\n  value?: T[] | T;\n  onChange?: (value?: T[]) => void;\n  onUploadError?: (message?: string) => void;\n  onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;\n  /**\n   * 属性取值映射\n   */\n  fieldNames?: {\n    uid: string;\n    name?: string;\n    url?: string;\n    /** 文件大小 */\n    size?: string | number;\n  };\n  /**\n   * 接口响应数据适配器，如果配置了fieldNames，适配器返回值会再进过fieldNames转换\n   */\n  onRequestResultAdapter?: (respData: TAny) => TPlainObject;\n  /** 操作触发显示文本 */\n  triggerText?: string;\n  /** 超过maxCount 隐藏上传入口  */\n  limitHidden?: boolean;\n  /**\n   * 自动提交，默认：true\n   * ```\n   * 1. 自定义beforeUpload配置后 autoSubmit 失效\n   * ```\n   */\n  autoSubmit?: boolean;\n  /** 图片预览开关, 重写 onPreview 方法后失效 */\n  imagePreviewSwitch?: boolean;\n  /** 图片预览文件类型，默认：['png', 'jpg', 'jpeg', 'gif', 'heic', 'heif'] */\n  imagePreviewAccept?: string[];\n  /**\n   * 配置文件额外操作\n   * ```\n   * 额外操作超过两项后，listType为 picture-card、picture-circle 时会出现显示异常，需要自行修改覆盖样式\n   * ```\n   */\n  extraOperate?: {\n    icon: ReactElement;\n    onClick: (file: UploadFile, fileList: UploadFile[], e) => void;\n  }[];\n} & Omit<UploadProps, 'onChange' | 'fileList'>;\n\n/**\n * 文件上传\n * ```\n * demo: https://fex.qa.tcshuke.com/docs/admin/main/file/upload\n * 1. 可通过配置children替换默认上传触发布局\n * 2. 接口返回结构：\n *    formData上传接口返回值\n *    {\n *     code: '0000',\n *     data: {\n *       uid: '唯一值，可使用fileKey值'\n *       name: '文件名称'\n *       url: '预览地址'\n *     }\n *    }\n * 3. 如果接口返回的不是上面的字段名称，可通过fieldNames配置接口返回字段名称映射\n *\n * 4. 最佳使用方式，与Form结合使用\n * <Form.Item name=\"attachmentList\" label=\"附件\">\n *   <UploadWrapper action={uploadUrl} />\n * </Form.Item>\n *\n * 5. 回填数据结构\n * [{\n *    uid: '唯一值',\n *    name（非必填）: 'image.png',\n *    url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n *  }]\n * 1. 其中 uid、name、url 可为其他命名，通过 fieldNames 进行映射即可,\n * 2. 其他需要的字段可在对象中添加 responseData 对象\n * 例如：\n * [{\n *    uid: '唯一值',\n *    name（非必填）: 'image.png',\n *    url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n *    responseData: { 'xx':'xxx' }\n *  }]\n * ```\n *\n */\nexport const UploadWrapper = (props: UploadWrapperProps) => {\n  const {\n    onChange,\n    onUploadError,\n    value,\n    triggerText,\n    limitHidden,\n    autoSubmit,\n    imagePreviewSwitch,\n    imagePreviewAccept,\n    extraOperate,\n    ...otherProps\n  } = props;\n  const imagePreviewAcceptFt = isUndefinedOrNull(imagePreviewAccept)\n    ? ['png', 'jpg', 'jpeg', 'gif', 'heic', 'heif']\n    : imagePreviewAccept;\n  const [previewImage, setPreviewImage] = useState<string>();\n  const [uploadList, setUploadList] = useState<UploadWrapperFileItem[]>();\n  const fieldNames = extend(\n    {\n      uid: 'uid',\n      name: 'name',\n      url: 'url',\n      size: 'size',\n    },\n    props.fieldNames,\n  );\n\n  const valueList = useMemo(\n    () => (isUndefinedOrNull(value) ? undefined : toArray<TPlainObject>(value)),\n    [value],\n  );\n\n  fbaHooks.useEffectCustom(() => {\n    const errorList = uploadList?.filter((item) => item['status'] === 'error') || [];\n    let newList = [] as TAny[];\n    valueList?.forEach((item) => {\n      // 判断item 为 File类型\n      if (item['lastModified']) {\n        newList.push(item);\n      } else {\n        newList.push({\n          uid: item[fieldNames.uid],\n          name: item[fieldNames.name],\n          url: item[fieldNames.url],\n          size: item[fieldNames.size],\n          responseData: item['responseData'],\n          status: 'done',\n          isOriginal: true,\n        });\n      }\n    });\n    if (errorList.length > 0) {\n      const newErrorList = errorList.map((item) => {\n        return {\n          uid: item.uid,\n          name: item.name,\n          status: 'error',\n          isOriginal: true,\n          response: item['response'],\n        };\n      }) as TAny[];\n      newList = newList.concat(newErrorList);\n    }\n    setUploadList(newList);\n  }, [fieldNames.name, fieldNames.uid, fieldNames.url, valueList]);\n\n  const handleResponse = (fileList: UploadFile<TAny>[]) => {\n    const newFileList: TAny[] = [];\n    let hasError = false;\n    fileList.forEach((item) => {\n      if (item['isOriginal']) {\n        if (item['status'] !== 'error') {\n          const target: TPlainObject = {\n            [fieldNames.uid]: item.uid,\n            [fieldNames.name]: item.name,\n            [fieldNames.url]: item.url,\n          };\n          if (!isUndefinedOrNull(item.size)) {\n            target[fieldNames.size] = item.size;\n          }\n          if (item['responseData']) {\n            target.responseData = item['responseData'];\n          }\n          newFileList.push(target);\n        }\n      } else if (isPlainObject(item.response)) {\n        if (item.response.code === '0000') {\n          const respData = item.response.data;\n          const result = (props.onRequestResultAdapter?.(respData) || respData) as TPlainObject;\n          const target: TPlainObject = {\n            [fieldNames.uid]: result[fieldNames.uid] || item.uid,\n            [fieldNames.name]: result[fieldNames.name] || item.name,\n            [fieldNames.url]: result[fieldNames.url],\n          };\n          if (!isUndefinedOrNull(result[fieldNames.size])) {\n            target[fieldNames.size] = result[fieldNames.size];\n          }\n          newFileList.push({\n            ...target,\n            responseData: respData,\n          });\n        } else {\n          const errorMsg = item.response.message || '上传失败';\n          hasError = true;\n          item.status = 'error';\n          item.response = item.response.message || '上传失败';\n          if (onUploadError) {\n            onUploadError?.(errorMsg);\n          } else {\n            void message.error('上传操作失败...');\n          }\n        }\n      }\n    });\n    if (hasError) {\n      setUploadList([...fileList] as UploadWrapperFileItem[]);\n    }\n    onChange?.(newFileList);\n  };\n\n  const onUploadChange = hooks.useCallbackRef((info) => {\n    const fileList = info.fileList as TPlainObject[];\n    if (info.file.status === 'done') {\n      const newFileList = [...info.fileList];\n      const donwList = newFileList.filter((item) => item.status === 'done' || item['isOriginal']);\n\n      const allDone = donwList.length === newFileList.length;\n      if (allDone) {\n        handleResponse(newFileList);\n      }\n      flushSync(() => setUploadList(newFileList));\n      return;\n    } else if (info.file.status === 'removed') {\n      const uid = info.file.uid;\n      const targetList = valueList !== undefined ? [...valueList] : [];\n      const targetIndex = targetList.findIndex((item) => {\n        const tempUid = item[fieldNames.uid] || item.uid;\n        return tempUid === uid;\n      });\n      if (targetIndex >= 0) {\n        targetList.splice(targetIndex, 1);\n      }\n      onChange?.(targetList);\n    } else if (info.file.status === 'error') {\n      if (onUploadError) {\n        onUploadError();\n      } else {\n        void message.error('上传操作失败...');\n      }\n    }\n    // https://github.com/ant-design/ant-design/issues/2423\n    setUploadList([...fileList] as UploadWrapperFileItem[]);\n    props.onUploadChange?.(info);\n  });\n\n  const hiddenEmtry = useMemo(() => {\n    if (otherProps.maxCount === undefined || !limitHidden) return false;\n    if (otherProps.maxCount === 0) return true;\n    if (uploadList && uploadList.length >= otherProps.maxCount) return true;\n    return false;\n  }, [limitHidden, otherProps.maxCount, uploadList]);\n\n  const beforeUpload = (_file, fileList) => {\n    if (autoSubmit === false) {\n      const maxCount = otherProps.maxCount;\n      let mergeList = [...(valueList || []), ...fileList];\n      let uploadListMerge = [...(uploadList || []), ...fileList];\n      if (maxCount !== undefined && maxCount !== null) {\n        if (mergeList.length > maxCount) {\n          mergeList = mergeList.slice(mergeList.length - maxCount);\n          uploadListMerge = uploadListMerge.slice(uploadListMerge.length - maxCount);\n        }\n      }\n      setUploadList(uploadListMerge);\n      props.onChange?.(mergeList);\n      return false;\n    }\n    return true;\n  };\n\n  const handlePreview = async (file: UploadFile) => {\n    const name = file.name || '';\n    const extension = name.slice(name.lastIndexOf('.') + 1);\n    const acceptTarget = imagePreviewAcceptFt?.find((item) => {\n      return item.toLocaleLowerCase() === extension.toLocaleLowerCase();\n    });\n    if (acceptTarget) {\n      if (!file.url && !file.preview) {\n        file.preview = await getBase64(file.originFileObj);\n      }\n      setPreviewImage(file.url || (file.preview as string));\n    } else {\n      openNewWindow(file.url as string);\n    }\n  };\n\n  return (\n    <Fragment>\n      <Upload\n        beforeUpload={beforeUpload}\n        onPreview={imagePreviewSwitch ? handlePreview : undefined}\n        showUploadList\n        itemRender={(originNode, file, fileList) => {\n          if (!extraOperate || !extraOperate.length) return originNode;\n          const countSign = `${otherProps.disabled ? 1 : 2}-${extraOperate.length}`;\n          return (\n            <div\n              className={classNames(\n                'v-upload-list-item-actions-wrapper',\n                `v-upload-list-item-extra-actions-${countSign}`,\n              )}\n              style={{ height: '100%' }}\n            >\n              {cloneElement(originNode, {\n                children: [\n                  originNode.props.children,\n                  <div key=\"extra-actions\" className=\"v-upload-list-item-extra-actions\">\n                    {extraOperate.map((item, index) => {\n                      return (\n                        <ButtonWrapper\n                          key={index}\n                          size=\"small\"\n                          type=\"text\"\n                          icon={item.icon}\n                          onClick={item.onClick.bind(null, file, fileList)}\n                        />\n                      );\n                    })}\n                  </div>,\n                ].filter(Boolean),\n              })}\n            </div>\n          );\n        }}\n        {...otherProps}\n        onChange={onUploadChange}\n        fileList={uploadList}\n        className={classNames('v-upload-wrapper', otherProps.className)}\n      >\n        {otherProps.disabled || hiddenEmtry ? null : (\n          <UploadTrigger triggerText={triggerText} listType={otherProps.listType}>\n            {props.children}\n          </UploadTrigger>\n        )}\n      </Upload>\n      {previewImage ? (\n        <Image\n          wrapperStyle={{ display: 'none' }}\n          preview={{\n            visible: !!previewImage,\n            onVisibleChange: () => setPreviewImage(undefined),\n            afterOpenChange: (visible) => !visible && setPreviewImage(''),\n          }}\n          src={previewImage}\n        />\n      ) : null}\n    </Fragment>\n  );\n};\n\nconst UploadTrigger = (props: {\n  listType?: UploadListType;\n  children?: ReactNode | ReactNode[];\n  triggerText?: string;\n}) => {\n  if (props.children) return <Fragment>{props.children}</Fragment>;\n  if (props.listType === 'picture-card') {\n    return (\n      <div>\n        <PlusOutlined />\n        <div style={{ marginTop: 8 }}>{props.triggerText || '上传图片'}</div>\n      </div>\n    );\n  }\n  if (props.listType === 'picture') {\n    return (\n      <Button type=\"primary\" ghost>\n        {props.triggerText || '选择图片上传'}\n      </Button>\n    );\n  }\n  return (\n    <Button type=\"primary\" ghost>\n      {props.triggerText || '选择文件上传'}\n    </Button>\n  );\n};\n"],"names":["getBase64","file","Promise","resolve","reject","reader","FileReader","readAsDataURL","onload","result","onerror","error","UploadWrapper","props","onChange","onUploadError","value","triggerText","limitHidden","autoSubmit","imagePreviewSwitch","imagePreviewAccept","extraOperate","otherProps","_objectWithoutPropertiesLoose","_excluded","imagePreviewAcceptFt","isUndefinedOrNull","_useState","useState","previewImage","setPreviewImage","_useState2","uploadList","setUploadList","fieldNames","_extend","uid","name","url","size","valueList","useMemo","undefined","toArray","fbaHooks","useEffectCustom","errorList","filter","item","newList","forEach","push","responseData","status","isOriginal","length","newErrorList","map","response","concat","handleResponse","fileList","newFileList","hasError","_target","target","_isPlainObject","code","_target3","respData","data","onRequestResultAdapter","_extends","errorMsg","message","onUploadChange","_hooks","useCallbackRef","info","donwList","allDone","flushSync","targetList","targetIndex","findIndex","tempUid","splice","hiddenEmtry","maxCount","beforeUpload","_file","mergeList","uploadListMerge","slice","handlePreview","$return","$error","extension","acceptTarget","lastIndexOf","find","toLocaleLowerCase","preview","originFileObj","then","$await_3","$If_2","call","this","$boundEx","bind","$If_1","openNewWindow","_jsxs","Fragment","children","_jsx","Upload","onPreview","showUploadList","itemRender","originNode","countSign","disabled","className","_classNames","style","height","cloneElement","index","ButtonWrapper","type","icon","onClick","Boolean","UploadTrigger","listType","Image","wrapperStyle","display","visible","onVisibleChange","afterOpenChange","src","_PlusOutlined","marginTop","Button","ghost"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/upload-wrapper/utils.ts","@flatbiz/antd/src/upload-wrapper/upload-wrapper.tsx"],"sourcesContent":["export const getBase64 = (file): Promise<string> =>\n  new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = (error) => reject(error);\n  });\n","import { PlusOutlined } from '@ant-design/icons';\nimport { isPlainObject } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport type { TAny, TPlainObject } from '@flatbiz/utils';\nimport { isUndefinedOrNull, openNewWindow, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport type { UploadProps } from 'antd';\nimport { Button, Image, message, Upload } from 'antd';\nimport type { UploadChangeParam } from 'antd/lib/upload';\nimport type { UploadFile, UploadListType } from 'antd/lib/upload/interface';\nimport type { ReactElement, ReactNode } from 'react';\nimport { cloneElement, Fragment, useMemo, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\nimport { getBase64 } from './utils';\n\nexport type UploadWrapperFileItem = {\n  uid: string;\n  name: string;\n  url?: string;\n};\n\nexport type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {\n  value?: T[] | T;\n  onChange?: (value?: T[]) => void;\n  onUploadError?: (message?: string) => void;\n  onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;\n  /**\n   * 属性取值映射\n   */\n  fieldNames?: {\n    uid: string;\n    name?: string;\n    url?: string;\n    /** 文件大小 */\n    size?: string | number;\n  };\n  /**\n   * 接口响应数据适配器，如果配置了fieldNames，适配器返回值会再进过fieldNames转换\n   */\n  onRequestResultAdapter?: (respData: TAny) => TPlainObject;\n  /** 操作触发显示文本 */\n  triggerText?: string;\n  /** 超过maxCount 隐藏上传入口  */\n  limitHidden?: boolean;\n  /**\n   * 自动提交，默认：true\n   * ```\n   * 1. 自定义beforeUpload配置后 autoSubmit 失效\n   * ```\n   */\n  autoSubmit?: boolean;\n  /** 图片预览开关, 重写 onPreview 方法后失效 */\n  imagePreviewSwitch?: boolean;\n  /** 图片预览文件类型，默认：['png', 'jpg', 'jpeg', 'gif', 'heic', 'heif'] */\n  imagePreviewAccept?: string[];\n  /**\n   * 配置文件额外操作\n   * ```\n   * 额外操作超过两项后，listType为 picture-card、picture-circle 时会出现显示异常，需要自行修改覆盖样式\n   * ```\n   */\n  extraOperate?: {\n    icon: ReactElement;\n    onClick: (file: UploadFile, fileList: UploadFile[], e) => void;\n  }[];\n} & Omit<UploadProps, 'onChange' | 'fileList'>;\n\n/**\n * 文件上传\n * ```\n * demo: https://fex.qa.tcshuke.com/docs/admin/main/file/upload\n * 1. 可通过配置children替换默认上传触发布局\n * 2. 接口返回结构：\n *    formData上传接口返回值\n *    {\n *     code: '0000',\n *     data: {\n *       uid: '唯一值，可使用fileKey值'\n *       name: '文件名称'\n *       url: '预览地址'\n *     }\n *    }\n * 3. 如果接口返回的不是上面的字段名称，可通过fieldNames配置接口返回字段名称映射\n *\n * 4. 最佳使用方式，与Form结合使用\n * <Form.Item name=\"attachmentList\" label=\"附件\">\n *   <UploadWrapper action={uploadUrl} />\n * </Form.Item>\n *\n * 5. 回填数据结构\n * [{\n *    uid: '唯一值',\n *    name（非必填）: 'image.png',\n *    url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n *  }]\n * 1. 其中 uid、name、url 可为其他命名，通过 fieldNames 进行映射即可,\n * 2. 其他需要的字段可在对象中添加 responseData 对象\n * 例如：\n * [{\n *    uid: '唯一值',\n *    name（非必填）: 'image.png',\n *    url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n *    responseData: { 'xx':'xxx' }\n *  }]\n * ```\n *\n */\nexport const UploadWrapper = (props: UploadWrapperProps) => {\n  const {\n    onChange,\n    onUploadError,\n    value,\n    triggerText,\n    limitHidden,\n    autoSubmit,\n    imagePreviewSwitch,\n    imagePreviewAccept,\n    extraOperate,\n    ...otherProps\n  } = props;\n  const imagePreviewAcceptFt = isUndefinedOrNull(imagePreviewAccept)\n    ? ['png', 'jpg', 'jpeg', 'gif', 'heic', 'heif']\n    : imagePreviewAccept;\n  const [previewImage, setPreviewImage] = useState<string>();\n  const [uploadList, setUploadList] = useState<UploadWrapperFileItem[]>();\n  const fieldNames = extend(\n    {\n      uid: 'uid',\n      name: 'name',\n      url: 'url',\n      size: 'size',\n    },\n    props.fieldNames,\n  );\n\n  const valueList = useMemo(\n    () => (isUndefinedOrNull(value) ? undefined : toArray<TPlainObject>(value)),\n    [value],\n  );\n\n  fbaHooks.useEffectCustom(() => {\n    const errorList = uploadList?.filter((item) => item['status'] === 'error') || [];\n    let newList = [] as TAny[];\n    valueList?.forEach((item) => {\n      // 判断item 为 File类型\n      if (item['lastModified']) {\n        newList.push(item);\n      } else {\n        newList.push({\n          uid: item[fieldNames.uid],\n          name: item[fieldNames.name],\n          url: item[fieldNames.url],\n          size: item[fieldNames.size],\n          responseData: item['responseData'],\n          status: 'done',\n          isOriginal: true,\n        });\n      }\n    });\n    if (errorList.length > 0) {\n      const newErrorList = errorList.map((item) => {\n        return {\n          uid: item.uid,\n          name: item.name,\n          status: 'error',\n          isOriginal: true,\n          response: item['response'],\n        };\n      }) as TAny[];\n      newList = newList.concat(newErrorList);\n    }\n    setUploadList(newList);\n  }, [fieldNames.name, fieldNames.uid, fieldNames.url, valueList]);\n\n  const handleResponse = (fileList: UploadFile<TAny>[]) => {\n    const newFileList: TAny[] = [];\n    let hasError = false;\n    fileList.forEach((item) => {\n      if (item['isOriginal']) {\n        if (item['status'] !== 'error') {\n          const target: TPlainObject = {\n            [fieldNames.uid]: item.uid,\n            [fieldNames.name]: item.name,\n            [fieldNames.url]: item.url,\n          };\n          if (!isUndefinedOrNull(item.size)) {\n            target[fieldNames.size] = item.size;\n          }\n          if (item['responseData']) {\n            target.responseData = item['responseData'];\n          }\n          newFileList.push(target);\n        }\n      } else if (isPlainObject(item.response)) {\n        if (item.response.code === '0000') {\n          const respData = item.response.data;\n          const result = (props.onRequestResultAdapter?.(respData) || respData) as TPlainObject;\n          const target: TPlainObject = {\n            [fieldNames.uid]: result[fieldNames.uid] || item.uid,\n            [fieldNames.name]: result[fieldNames.name] || item.name,\n            [fieldNames.url]: result[fieldNames.url],\n          };\n          if (!isUndefinedOrNull(result[fieldNames.size])) {\n            target[fieldNames.size] = result[fieldNames.size];\n          }\n          newFileList.push({\n            ...target,\n            responseData: respData,\n          });\n        } else {\n          const errorMsg = item.response.message || '上传失败';\n          hasError = true;\n          item.status = 'error';\n          item.response = item.response.message || '上传失败';\n          if (onUploadError) {\n            onUploadError?.(errorMsg);\n          } else {\n            void message.error('上传操作失败...');\n          }\n        }\n      }\n    });\n    if (hasError) {\n      setUploadList([...fileList] as UploadWrapperFileItem[]);\n    }\n    onChange?.(newFileList);\n  };\n\n  const onUploadChange = hooks.useCallbackRef((info) => {\n    const fileList = info.fileList as TPlainObject[];\n    if (info.file.status === 'done') {\n      const newFileList = [...info.fileList];\n      const donwList = newFileList.filter((item) => item.status === 'done' || item['isOriginal']);\n\n      const allDone = donwList.length === newFileList.length;\n      if (allDone) {\n        handleResponse(newFileList);\n      }\n      flushSync(() => setUploadList(newFileList));\n      return;\n    } else if (info.file.status === 'removed') {\n      const uid = info.file.uid;\n      const targetList = valueList !== undefined ? [...valueList] : [];\n      const targetIndex = targetList.findIndex((item) => {\n        const tempUid = item[fieldNames.uid] || item.uid;\n        return tempUid === uid;\n      });\n      if (targetIndex >= 0) {\n        targetList.splice(targetIndex, 1);\n      }\n      onChange?.(targetList);\n    } else if (info.file.status === 'error') {\n      if (onUploadError) {\n        onUploadError();\n      } else {\n        void message.error('上传操作失败...');\n      }\n    }\n    // https://github.com/ant-design/ant-design/issues/2423\n    setUploadList([...fileList] as UploadWrapperFileItem[]);\n    props.onUploadChange?.(info);\n  });\n\n  const hiddenEmtry = useMemo(() => {\n    if (otherProps.maxCount === undefined || !limitHidden) return false;\n    if (otherProps.maxCount === 0) return true;\n    if (uploadList && uploadList.length >= otherProps.maxCount) return true;\n    return false;\n  }, [limitHidden, otherProps.maxCount, uploadList]);\n\n  const beforeUpload = (_file, fileList) => {\n    if (autoSubmit === false) {\n      const maxCount = otherProps.maxCount;\n      let mergeList = [...(valueList || []), ...fileList];\n      let uploadListMerge = [...(uploadList || []), ...fileList];\n      if (maxCount !== undefined && maxCount !== null) {\n        if (mergeList.length > maxCount) {\n          mergeList = mergeList.slice(mergeList.length - maxCount);\n          uploadListMerge = uploadListMerge.slice(uploadListMerge.length - maxCount);\n        }\n      }\n      setUploadList(uploadListMerge);\n      props.onChange?.(mergeList);\n      return false;\n    }\n    return true;\n  };\n\n  const handlePreview = async (file: UploadFile) => {\n    const name = file.name || '';\n    const extension = name.slice(name.lastIndexOf('.') + 1);\n    const acceptTarget = imagePreviewAcceptFt?.find((item) => {\n      return item.toLocaleLowerCase() === extension.toLocaleLowerCase();\n    });\n    if (acceptTarget) {\n      if (!file.url && !file.preview) {\n        file.preview = await getBase64(file.originFileObj);\n      }\n      setPreviewImage(file.url || (file.preview as string));\n    } else {\n      openNewWindow(file.url as string);\n    }\n  };\n\n  return (\n    <Fragment>\n      <Upload\n        beforeUpload={beforeUpload}\n        onPreview={imagePreviewSwitch ? handlePreview : undefined}\n        showUploadList\n        itemRender={(originNode, file, fileList) => {\n          if (!extraOperate || !extraOperate.length) return originNode;\n          const countSign = `${otherProps.disabled ? 1 : 2}-${extraOperate.length}`;\n          return (\n            <div\n              className={classNames(\n                'v-upload-list-item-actions-wrapper',\n                `v-upload-list-item-extra-actions-${countSign}`,\n              )}\n              style={{ height: '100%' }}\n            >\n              {cloneElement(originNode, {\n                children: [\n                  originNode.props.children,\n                  <div key=\"extra-actions\" className=\"v-upload-list-item-extra-actions\">\n                    {extraOperate.map((item, index) => {\n                      return (\n                        <ButtonWrapper\n                          key={index}\n                          size=\"small\"\n                          type=\"text\"\n                          icon={item.icon}\n                          onClick={item.onClick.bind(null, file, fileList)}\n                        />\n                      );\n                    })}\n                  </div>,\n                ].filter(Boolean),\n              })}\n            </div>\n          );\n        }}\n        {...otherProps}\n        onChange={onUploadChange}\n        fileList={uploadList}\n        className={classNames('v-upload-wrapper', otherProps.className)}\n      >\n        {otherProps.disabled || hiddenEmtry ? null : (\n          <UploadTrigger triggerText={triggerText} listType={otherProps.listType}>\n            {props.children}\n          </UploadTrigger>\n        )}\n      </Upload>\n      {previewImage ? (\n        <Image\n          wrapperStyle={{ display: 'none' }}\n          preview={{\n            visible: !!previewImage,\n            onVisibleChange: () => setPreviewImage(undefined),\n            afterOpenChange: (visible) => !visible && setPreviewImage(''),\n          }}\n          src={previewImage}\n        />\n      ) : null}\n    </Fragment>\n  );\n};\n\nconst UploadTrigger = (props: {\n  listType?: UploadListType;\n  children?: ReactNode | ReactNode[];\n  triggerText?: string;\n}) => {\n  if (props.children) return <Fragment>{props.children}</Fragment>;\n  if (props.listType === 'picture-card') {\n    return (\n      <div>\n        <PlusOutlined />\n        <div style={{ marginTop: 8 }}>{props.triggerText || '上传图片'}</div>\n      </div>\n    );\n  }\n  if (props.listType === 'picture') {\n    return (\n      <Button type=\"primary\" ghost>\n        {props.triggerText || '选择图片上传'}\n      </Button>\n    );\n  }\n  return (\n    <Button type=\"primary\" ghost>\n      {props.triggerText || '选择文件上传'}\n    </Button>\n  );\n};\n"],"names":["getBase64","file","Promise","resolve","reject","reader","FileReader","readAsDataURL","onload","result","onerror","error","UploadWrapper","props","onChange","onUploadError","value","triggerText","limitHidden","autoSubmit","imagePreviewSwitch","imagePreviewAccept","extraOperate","otherProps","_objectWithoutPropertiesLoose","_excluded","imagePreviewAcceptFt","isUndefinedOrNull","_useState","useState","previewImage","setPreviewImage","_useState2","uploadList","setUploadList","fieldNames","_extend","uid","name","url","size","valueList","useMemo","undefined","toArray","fbaHooks","useEffectCustom","errorList","filter","item","newList","forEach","push","responseData","status","isOriginal","length","newErrorList","map","response","concat","handleResponse","fileList","newFileList","hasError","_target","target","_isPlainObject","code","_target3","respData","data","onRequestResultAdapter","_extends","errorMsg","message","onUploadChange","_hooks","useCallbackRef","info","donwList","allDone","flushSync","targetList","targetIndex","findIndex","tempUid","splice","hiddenEmtry","maxCount","beforeUpload","_file","mergeList","uploadListMerge","slice","handlePreview","$return","$error","extension","acceptTarget","lastIndexOf","find","toLocaleLowerCase","preview","originFileObj","then","$await_3","$If_2","call","this","$boundEx","bind","$If_1","openNewWindow","_jsxs","Fragment","children","_jsx","Upload","onPreview","showUploadList","itemRender","originNode","countSign","disabled","className","_classNames","style","height","cloneElement","index","ButtonWrapper","type","icon","onClick","Boolean","UploadTrigger","listType","Image","wrapperStyle","display","visible","onVisibleChange","afterOpenChange","src","_PlusOutlined","marginTop","Button","ghost"],"mappings":"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"}

package/index.d.ts

@@ -13,8 +13,8 @@ import { CheckboxGroupProps } from 'antd/lib/checkbox';
 import { SearchProps, TextAreaProps } from 'antd/lib/input';
 import { UploadChangeParam } from 'antd/lib/upload';
 import { UploadFile } from 'antd/lib/upload/interface';
-import * as React from 'react';
-import { CSSProperties, DependencyList, DetailedHTMLProps, FC, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes } from 'react';
+import React from 'react';
+import { CSSProperties, Component, DependencyList, DetailedHTMLProps, FC, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes } from 'react';
 import { IAceEditorProps } from 'react-ace';
 import { SplitProps } from 'react-split';
 import { Editor as TinyMCEEditor } from 'tinymce';
@@ -188,6 +188,29 @@ export type AceEditorXmlProps = Omit<IAceEditorProps, "mode" | "value" | "onChan
  * ```
  */
 export declare const AceEditorXml: (props: AceEditorXmlProps) => import("react/jsx-runtime").JSX.Element;
+export type AiSearchProps = {
+	className?: string;
+	style?: CSSProperties;
+	/** 获取AI提示词 */
+	getPromptValue: (inputValue: string) => string;
+	/** AI回调 */
+	onAiCallback: (dataList: TPlainObject[]) => void;
+	/** 输入框placeholder */
+	placeholder?: string;
+	/** 默认值：{ minRows: 3, maxRows: 3 } */
+	inputAutoSize?: {
+		minRows?: number;
+		maxRows?: number;
+	};
+	/** 是否使用流式交互 */
+	stream?: boolean;
+	/** 设置进度条跑完时间，单位秒，默认值：10秒 */
+	progressTime?: number;
+};
+/**
+ * 与AI的一次交互，没有上下文
+ */
+export declare const AiSearch: (props: AiSearchProps) => import("react/jsx-runtime").JSX.Element;
 export type AlertWrapperProps = AlertProps & {
 	size?: "small" | "default" | "large";
 };
@@ -1567,10 +1590,6 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
 	 * 是否为纯净模式，对EasyForm的子节点不做任何包装处理
 	 */
 	isPure?: boolean;
-	/**
-	 * true: 当前EasyForm组件不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用
-	 */
-	nonuseFormWrapper?: boolean;
 	/**
 	 * 栅格占位格数，最大值：24
 	 * ```
@@ -1813,6 +1832,13 @@ export type EditableCardProps = {
 	 * ```
 	 */
 	cardEasyFormProps?: Omit<EasyFormProps, "nonuseFormWrapper" | "isPure" | "children">;
+	/**
+	 * 定义卡片网格水平跨度，最大值：24，默认值：24；设置 onCustomWrapper 后失效
+	 * ```
+	 * 1. 外层宽度在 xs、sm 时，强制为24
+	 * ```
+	 */
+	boxGridColSpan?: number;
 	/**
 	 * 默认卡片右侧布局，设置 onCustomWrapper 后失效
 	 * ```
@@ -3419,7 +3445,7 @@ export interface ErrorBoundaryStates {
 		componentStack?: string;
 	};
 }
-declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryStates> {
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryStates> {
 	state: {
 		error: undefined;
 		info: {
@@ -3427,7 +3453,7 @@ declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBou
 		};
 	};
 	componentDidCatch(error: Error | null, info: object): void;
-	render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+	render(): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 /**
  * react 异常拦截
@@ -3618,6 +3644,7 @@ export declare const fbaHooks: {
 	];
 	useMemoCustom: <T>(fn: () => T, deps: import("react").DependencyList) => T;
 	useCopyRemoveSpace: (props?: CopyRemoveSpaceProps) => void;
+	useUuid: () => string;
 };
 declare function attachPropertiesToComponent<C, P extends Record<string, unknown>>(component: C, properties: P): C & P;
 export declare const fbaUtils: {
@@ -4845,6 +4872,30 @@ export type TRelationTreeOperate = {
 	onChange: (name: string, value: TAny) => void;
 };
 export declare const RelationTree: (props: RelationTreeProps) => import("react/jsx-runtime").JSX.Element;
+export type ResizableDrawerProps = {
+	open?: boolean;
+	onClose: () => void;
+	title?: React.ReactNode;
+	width?: number | string;
+	children?: React.ReactNode;
+	footer?: React.ReactNode | null;
+	hidenFooter?: boolean;
+	maskClosable?: boolean;
+	mask?: boolean;
+	className?: string;
+	style?: React.CSSProperties;
+	styles?: {
+		header?: CSSProperties;
+		body?: CSSProperties;
+		footer?: CSSProperties;
+	};
+	headerExtraRender?: ReactElement;
+	zIndex?: number;
+	cancelText?: string;
+	okText?: string;
+	onOk?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
+};
+export declare const ResizableDrawer: React.FC<ResizableDrawerProps>;
 export interface RichTextEditorProps extends Omit<IAllProps, "onChange" | "init"> {
 	/** 设置高度，默认：500 */
 	height?: number;
@@ -6041,6 +6092,7 @@ export type TipsTitleProps = {
 	style?: CSSProperties;
 	title: string | ReactElement;
 	titleStyle?: CSSProperties;
+	contentStyle?: CSSProperties;
 	children: ReactNode;
 	size?: "default" | "small";
 	/** 自定义 help icon */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.5.47",
+  "version": "4.5.49",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -37,7 +37,8 @@
     "antd": ">=5.11.0",
     "dayjs": ">=1.11.9",
     "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "react-dom": ">=18.2.0",
+    "@flatbiz/ai-request": ">=4.0.1"
   },
   "devDependencies": {
     "@ant-design/icons": "^5.0.1",
@@ -57,9 +58,11 @@
     "react-dom": "18.2.0",
     "react-is": "^18.2.0",
     "sql-formatter": "^15.0.2",
-    "xml-formatter": "^3.6.2"
+    "xml-formatter": "^3.6.2",
+    "@flatbiz/ai-request": "^4.0.1"
   },
   "dependencies": {
+    "react-resizable": "^3.0.5",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",