@flatbiz/antd 4.5.33 → 4.5.35

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/upload-wrapper/upload-wrapper.tsx"],"sourcesContent":["import { PlusOutlined } from '@ant-design/icons';\nimport { isPlainObject } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { isUndefinedOrNull, TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, message, Upload, UploadProps } from 'antd';\nimport { UploadChangeParam } from 'antd/lib/upload';\nimport { UploadFile, UploadListType } from 'antd/lib/upload/interface';\nimport { Fragment, ReactNode, useMemo, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\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  /**\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} & 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 * 其中 uid、name、url 可为其他命名，通过 fieldNames 进行映射即可\n * ```\n *\n */\nexport const UploadWrapper = (props: UploadWrapperProps) => {\n  const { onChange, onUploadError, value, triggerText, limitHidden, autoSubmit, ...otherProps } = props;\n  const [uploadList, setUploadList] = useState<UploadWrapperFileItem[]>();\n  const fieldNames = extend(\n    {\n      uid: 'uid',\n      name: 'name',\n      url: 'url',\n    },\n    props.fieldNames,\n  ) as Required<UploadWrapperFileItem>;\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          status: 'done',\n          isOriginal: true,\n          responseData: item['responseData'],\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          newFileList.push({\n            [fieldNames.uid]: item.uid,\n            [fieldNames.name]: item.name,\n            [fieldNames.url]: item.url,\n          });\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          newFileList.push({\n            [fieldNames.uid]: result[fieldNames.uid] || item.uid,\n            [fieldNames.name]: result[fieldNames.name] || item.name,\n            [fieldNames.url]: result[fieldNames.url],\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  return (\n    <Upload\n      beforeUpload={beforeUpload}\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  );\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":["UploadWrapper","props","onChange","onUploadError","value","triggerText","limitHidden","autoSubmit","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","uploadList","setUploadList","fieldNames","_extend","uid","name","url","valueList","useMemo","isUndefinedOrNull","undefined","toArray","fbaHooks","useEffectCustom","errorList","filter","item","newList","forEach","push","status","isOriginal","responseData","length","newErrorList","map","response","concat","handleResponse","fileList","newFileList","hasError","_newFileList$push","_isPlainObject","code","_newFileList$push2","respData","data","result","onRequestResultAdapter","errorMsg","message","error","onUploadChange","_hooks","useCallbackRef","info","file","donwList","allDone","flushSync","targetList","targetIndex","findIndex","tempUid","splice","hiddenEmtry","maxCount","beforeUpload","_file","mergeList","uploadListMerge","slice","_jsx","Upload","_extends","className","_classNames","children","disabled","UploadTrigger","listType","Fragment","_jsxs","_PlusOutlined","style","marginTop","Button","type","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'] */\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']\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

@@ -3,7 +3,7 @@
 /// <reference types="scheduler" />
 
 import { API, ModelType } from '@dimjs/model';
-import { DateFormatType, TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';
+import { DateFormatType, LabelValueItem, TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { AlertProps, ButtonProps, CardProps, CascaderProps, CheckboxProps, CollapseProps, ColorPickerProps, DrawerProps, DropdownProps, FormInstance, FormItemProps, FormListFieldData, FormListOperation, FormProps, InputNumberProps, InputProps, MentionProps, ModalProps, PaginationProps, PopconfirmProps, PopoverProps, RadioGroupProps, RowProps, SelectProps, SpaceProps, SwitchProps, TableProps, TabsProps, TagProps, TimePickerProps, TimeRangePickerProps, TooltipProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
 import { ConfigProviderProps } from 'antd/es/config-provider';
@@ -388,7 +388,10 @@ export declare const BoxGrid: {
 	 */
 	Row: import("react").FC<BoxRowProps & ICommonReact>;
 	/**
-	 * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+	 * 网格响应式布局，
+	 * 默认值：
+	 * { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+	 * xs={24} sm={12} md={12} lg={8} xl={8} xxl={6}
 	 *```
 	 * 1. 设置 span 栅格占位格数，0 ～ 24
 	 * 2. grid 自定义响应式网格布局
@@ -510,7 +513,7 @@ export interface DropdownMenuItem extends ButtonProps {
 	onClick?: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 	permission?: string;
 	needConfirm?: boolean;
-	confirmMessage?: string;
+	confirmMessage?: ReactNode;
 	hidden?: boolean;
 	confirmModalProps?: DialogModalProps;
 	stopPropagation?: boolean;
@@ -542,7 +545,7 @@ export interface ButtonOperateItem extends ButtonWrapperProps {
 	/** 是否需要二次弹框确认 */
 	needConfirm?: boolean;
 	/** 二次弹框确认文案  */
-	confirmMessage?: string;
+	confirmMessage?: ReactNode;
 	popconfirmProps?: Pick<PopconfirmProps, "placement" | "okText" | "cancelText" | "trigger">;
 	/** 是否折叠合拢 */
 	isFold?: boolean;
@@ -696,22 +699,30 @@ export type CascaderWrapperProps = Omit<CascaderProps<TAny>, "loading" | "notFou
 	 * 是否动态加载选项
 	 */
 	isDynamicLoad?: boolean;
-	value?: string | number;
-	onChange?: (value?: string | number, selectedList?: TPlainObject[]) => void;
+	value?: string | number | Array<string | number> | LabelValueItem | LabelValueItem[];
+	onChange?: (value?: string | number | Array<string | number>, selectedList?: TPlainObject[]) => void;
 	requestMessageConfig?: TRequestStatusProps["messageConfig"];
+	/**
+	 * 选择数据响应类型（当用户选中后响应数据）,默认值：last
+	 * ```
+	 * 1. last 响应选中的最后一级数据
+	 * 2. all 响应选中的多级数据
+	 * ```
+	 */
+	responseType?: "last" | "all";
+	/** 响应数据是否包含label、value */
+	labelInValue?: boolean;
 };
 export type CascaderWrapperRefApi = {
 	getCascaderList: () => TPlainObject[];
 };
 /**
- * 级联选择器包装组件，接收value和相应data都是叶子节点数据
- * @param props
- * @returns
+ * 级联选择器包装组件
  * ```
  * 1. 数据源中 value 不能重复
  * 2. 不支持多选
  * 3. modelKey的配置是为了缓存数据，只缓存初始化数据，如果isDynamicLoad=true，动态获取的数据不再缓存
- * 4. onChange操作第一个参数返回叶子节点value，第二个参数返回选中的多级数据
+ * 4. onChange操作第一个参数返回叶子节点value（可配置返回多级），第二个参数返回选中的多级数据
  * 5. isDynamicLoad=true 会在请求中添加当前选中option的fieldNames.value为key的数据
  * ```
  */
@@ -742,9 +753,19 @@ export declare const CascaderWrapper: import("react").ForwardRefExoticComponent<
 	 * 是否动态加载选项
 	 */
 	isDynamicLoad?: boolean | undefined;
-	value?: string | number | undefined;
-	onChange?: ((value?: string | number, selectedList?: TPlainObject[]) => void) | undefined;
+	value?: string | number | (string | number)[] | LabelValueItem | LabelValueItem[] | undefined;
+	onChange?: ((value?: string | number | Array<string | number>, selectedList?: TPlainObject[]) => void) | undefined;
 	requestMessageConfig?: TRequestStatusProps["messageConfig"];
+	/**
+	 * 选择数据响应类型（当用户选中后响应数据）,默认值：last
+	 * ```
+	 * 1. last 响应选中的最后一级数据
+	 * 2. all 响应选中的多级数据
+	 * ```
+	 */
+	responseType?: "all" | "last" | undefined;
+	/** 响应数据是否包含label、value */
+	labelInValue?: boolean | undefined;
 } & import("react").RefAttributes<CascaderWrapperRefApi>>;
 export interface CommonPropsWithChildren<S extends TPlainObject = TPlainObject> {
 	className?: string;
@@ -1907,6 +1928,8 @@ export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
 		uid: string;
 		name?: string;
 		url?: string;
+		/** 文件大小 */
+		size?: string | number;
 	};
 	/**
 	 * 接口响应数据适配器，如果配置了fieldNames，适配器返回值会再进过fieldNames转换
@@ -1923,6 +1946,20 @@ export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
 	 * ```
 	 */
 	autoSubmit?: boolean;
+	/** 图片预览开关, 重写 onPreview 方法后失效 */
+	imagePreviewSwitch?: boolean;
+	/** 图片预览文件类型，默认：['png', 'jpg', 'jpeg', 'gif'] */
+	imagePreviewAccept?: string[];
+	/**
+	 * 配置文件额外操作
+	 * ```
+	 * 额外操作超过两项后，listType为 picture-card、picture-circle 时会出现显示异常，需要自行修改覆盖样式
+	 * ```
+	 */
+	extraOperate?: {
+		icon: ReactElement;
+		onClick: (file: UploadFile, fileList: UploadFile[], e: any) => void;
+	}[];
 } & Omit<UploadProps, "onChange" | "fileList">;
 /**
  * 文件上传
@@ -1952,7 +1989,15 @@ export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
  *    name（非必填）: 'image.png',
  *    url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
  *  }]
- * 其中 uid、name、url 可为其他命名，通过 fieldNames 进行映射即可
+ * 1. 其中 uid、name、url 可为其他命名，通过 fieldNames 进行映射即可,
+ * 2. 其他需要的字段可在对象中添加 responseData 对象
+ * 例如：
+ * [{
+ *    uid: '唯一值',
+ *    name（非必填）: 'image.png',
+ *    url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+ *    responseData: { 'xx':'xxx' }
+ *  }]
  * ```
  *
  */
@@ -2709,6 +2754,8 @@ export type TEasyTableTableColumn<T> = ColumnsType<T>[0] & {
 	 * ```
 	 */
 	asyncRender?: (value: TAny, record: T, index: number, respData?: TAny) => React.ReactNode;
+	/** 设置默认值，当数据为undefined、null时显示；自定义render后失效 */
+	defaultValue?: string;
 };
 export type EasyTableServiceConfig = {
 	/** 接口配置 */
@@ -2812,7 +2859,7 @@ export type EasyTableProps = {
 	onFormFinish?: (values?: TPlainObject) => void;
 	/** 在父节点高度下，上下铺满；默认值：true */
 	isFull?: boolean;
-	/** 查询条件固定，不随滚动条滚动  */
+	/** 查询条件固定，不随滚动条滚动, 屏幕尺寸为xs时失效  */
 	filterFixed?: boolean;
 	/** 分页区域固定，不随滚动条滚动 */
 	paginationFixed?: boolean;
@@ -4090,6 +4137,8 @@ export type LabelValueRenderProps = {
 		number,
 		number
 	];
+	/** 隐藏 value hover效果 */
+	hiddenValueHover?: boolean;
 };
 /**
  * label+value 列表布局
@@ -4143,6 +4192,10 @@ export interface LocalLoadingProps {
 	showRequiredError?: boolean;
 	/** 自定义异常渲染处理 */
 	errorRender?: (error?: TAny) => ReactElement;
+	/** 设置内部滚动，需要设置 style.height 才能生效，@5.0.16 */
+	contentScroll?: boolean;
+	/** 设置高度 */
+	height?: number | string;
 }
 export type LocalLoadingRefApi = {
 	onRefresh: (params?: TPlainObject) => void;
@@ -4553,6 +4606,8 @@ export type CustomRadioGroupProps = {
 	/** 是否可取消选中，默认：false */
 	isCancel?: boolean;
 	disabled?: boolean;
+	/**方向，默认值 horizontal */
+	direction?: "horizontal" | "vertical";
 };
 /**
  * RadioGroupWrapper 为了解决 RadioGroup 组件不能取消选中问题
@@ -5468,6 +5523,20 @@ export type TableTitleTooltipProps = {
  * @deprecated 已过期，请使用 TipsWrapper 组件
  */
 export declare const TableTitleTooltip: (props: TableTitleTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export type TabsStickyProps = {
+	tabsProps: Omit<TabsProps, "tabPosition">;
+	/** tabs头部布局 */
+	headerRender?: ReactElement;
+	/** 点击tabItem后，tab跳到顶部吸顶效果；默认值true */
+	clickTabToTop?: boolean;
+};
+/**
+ * Tabs吸顶组件
+ * ```
+ * 1. 组件根节点设置了 height: 100%、overflow: auto；所以外部包裹元素必须要有高度
+ * ```
+ */
+export declare const TabsSticky: (props: TabsStickyProps) => import("react/jsx-runtime").JSX.Element;
 export type TabsWrapperProps = TabsProps & {
 	/**
 	 * Tabs Header 提供 Sticky 效果，默认值：true
@@ -6065,13 +6134,10 @@ export type TreeModelSelectItem = {
 	value: string | number;
 };
 export type TreeModelSelectValue = TreeModelSelectItem[] | Array<TreeModelSelectItem["value"]> | TreeModelSelectItem["value"];
-export type TreeModalProps = {
+export type TreeModalContentProps = {
 	/** 是否多选，默认值：true */
 	isMultiple?: boolean;
 	forceRender?: boolean;
-	children: ReactElement & {
-		onClick?: (e: any) => void | Promise<void>;
-	};
 	/**
 	 * 内置尺寸，根据比例固定高度、宽度，默认：large
 	 */
@@ -6093,22 +6159,20 @@ export type TreeModalProps = {
 		/** 选择数量提示，例如：已选择{total}位用户 */
 		selectQuantityPrompt?: string;
 	};
-	/** 选中值变更change，包括入参value、操作选中等 */
-	onSelectChange?: (values?: TreeModelSelectItem[]) => void;
-	onChangeDataSource?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;
+	onDataSourceChange?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;
+	treeProps?: Pick<TreeWrapperProps, "showSearch" | "searchResultType" | "searchPlaceholder" | "searchValue" | "loadDataFlag" | "loadDataServiceConfig" | "icon" | "disabledCanUse" | "treeItemDataAdapter" | "searchExtraElement" | "initRootExpand" | "searchResultType" | "labelRender" | "customSearchRule" | "checkableType" | "checkStrictly" | "defaultExpandAll">;
+};
+export type TreeModalProps = TreeModalContentProps & {
+	children: ReactElement & {
+		onClick?: (e: any) => void | Promise<void>;
+	};
 	modalClassName?: string;
 	modalWidth?: number;
 	modalBodyHeight?: number;
-	treeProps?: Pick<TreeWrapperProps, "showSearch" | "searchResultType" | "searchPlaceholder" | "searchValue" | "loadDataFlag" | "loadDataServiceConfig" | "icon" | "disabledCanUse" | "treeItemDataAdapter" | "searchExtraElement" | "initRootExpand" | "searchResultType" | "labelRender" | "customSearchRule" | "checkableType">;
 };
-/**
- * 树节点数据选择，一般用于选择员工等
- * ```
- * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点
- * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
- * ```
- */
-export declare const TreeModal: (props: TreeModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TreeModal: ((props: TreeModalProps) => import("react/jsx-runtime").JSX.Element) & {
+	Content: (props: TreeModalContentProps) => import("react/jsx-runtime").JSX.Element;
+};
 export type TreeModalSelectorProps = Omit<TreeModalProps, "children" | "forceRender" | "onChange"> & {
 	placeholder?: string;
 	/**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.5.33",
+  "version": "4.5.35",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -31,7 +31,7 @@
     "@dimjs/model": ">=1.2.3",
     "@dimjs/model-react": ">=1.2.3",
     "@dimjs/utils": ">=1.5.1",
-    "@flatbiz/utils": ">=4.0.30",
+    "@flatbiz/utils": ">=4.0.32",
     "@wove/react": ">=1.2.23",
     "antd": ">=5.11.0",
     "dayjs": ">=1.11.9",
@@ -45,7 +45,7 @@
     "@dimjs/model": "^1.2.3",
     "@dimjs/model-react": "^1.2.3",
     "@dimjs/utils": "^1.5.1",
-    "@flatbiz/utils": "^4.0.30",
+    "@flatbiz/utils": "^4.0.32",
     "@wove/react": "^1.2.23",
     "antd": "5.11.0",
     "dayjs": "1.11.9",