@hzab/form-render 1.6.19 → 1.6.21-beta

package/CHANGELOG.md

@@ -1,6 +1,14 @@
+# @hzab/form-render@1.6.21
+
+refactor: upload 接入 utils upload utils
+
+# @hzab/form-render@1.6.20
+
+feat: 新增 TreeCheckbox 的 readOnly 属性
+
 # @hzab/form-render@1.6.19
 
-fix: 搜索新增时在搜索项切换地址异常问题修复
+fix: LocationListPicker 搜索新增时在搜索项切换地址异常问题修复
 
 # @hzab/form-render@1.6.18
 

package/README.md

@@ -116,18 +116,18 @@ import FormRender from "@hzab/form-render";
 
 ### InfoPanel Attributes
 
-| 参数               | 类型     | 必填 | 默认值     | 说明                                   |
-| ------------------ | -------- | ---- | ---------- | -------------------------------------- |
-| schema             | Object   | 是   | -          | 数据信息的 schema                      |
-| schemaScope        | Object   | 否   | -          | 全局作用域，用于实现协议表达式变量注入 |
-| layout             | Object   | 否   | horizontal | 表单布局，horizontal vertical \ inline |
-| initialValues      | Object   | 否   | -          | form 初始值                            |
-| components         | Object   | 否   | -          | 自定义组件                             |
-| formOptions        | Object   | 否   | -          | createForm 的参数                      |
-| disabled           | boolean  | 否   | -          | 禁用状态                               |
-| readOnly           | boolean  | 否   | -          | 只读状态                               |
-| onFormValuesChange | Function | 否   | -          | 表单事件 (form)=>{}  https://core.formilyjs.org/zh-CN/api/entry/form-effect-hooks                             |
-| onFieldValueChange | Function | 否   | -          | 表单项事件 (field, form)=>{} https://core.formilyjs.org/zh-CN/api/entry/field-effect-hooks                             |
+| 参数               | 类型     | 必填 | 默认值     | 说明                                                                                       |
+| ------------------ | -------- | ---- | ---------- | ------------------------------------------------------------------------------------------ |
+| schema             | Object   | 是   | -          | 数据信息的 schema                                                                          |
+| schemaScope        | Object   | 否   | -          | 全局作用域，用于实现协议表达式变量注入                                                     |
+| layout             | Object   | 否   | horizontal | 表单布局，horizontal vertical \ inline                                                     |
+| initialValues      | Object   | 否   | -          | form 初始值                                                                                |
+| components         | Object   | 否   | -          | 自定义组件                                                                                 |
+| formOptions        | Object   | 否   | -          | createForm 的参数                                                                          |
+| disabled           | boolean  | 否   | -          | 禁用状态                                                                                   |
+| readOnly           | boolean  | 否   | -          | 只读状态                                                                                   |
+| onFormValuesChange | Function | 否   | -          | 表单事件 (form)=>{} https://core.formilyjs.org/zh-CN/api/entry/form-effect-hooks           |
+| onFieldValueChange | Function | 否   | -          | 表单项事件 (field, form)=>{} https://core.formilyjs.org/zh-CN/api/entry/field-effect-hooks |
 
 ### 方法 Methods
 
@@ -209,30 +209,38 @@ import FormRender from "@hzab/form-render";
 
 - example 本地测试代码
 - src 组件源码
-- lib 组件打包编译后的代码
 
 ## 命令
 
+- 生成文档：npm run docs
 - 本地运行：npm run dev
-- 测试环境打包编译：npm run build-flow-dev
-- 生产环境打包编译：npm run build
+- 打包编译：npm run build
 
 ## 发布
 
-- 在 config/webpack.config/webpack.config.prod.js 中按需修改 entry 配置的文件名
-- 编译组件：npm run build
+- npm 源和云效源都需要发布
+
 - 命令：npm publish --access public
 - 发布目录：
-  - lib
   - src
 
+### nrm
+
+- 安装
+  npm install -g nrm
+- 增加源
+  nrm add aliyun https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/
+- 切换源
+  nrm use aliyun
+  nrm use npm
+- 登录（账号密码在 https://packages.aliyun.com/npm/npm-registry/guide 查看）
+  npm login --registry=https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/
+
 ## 配置
 
 ### 配置文件
 
-- 本地配置文件：config/global-config/config.local.js
-- 测试环境配置文件：config/global-config/config.flowDev.js
-- 生产环境配置文件：config/global-config/config.production.js
+- 本地配置文件：config/config.js
 
 ### webpack 配置文件
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.6.19",
+  "version": "1.6.21-beta",
   "description": "",
   "main": "src",
   "scripts": {
@@ -19,7 +19,7 @@
   "author": "CaiYansong",
   "license": "ISC",
   "devDependencies": {
-    "@hzab/data-model": "^1.2.0",
+    "@hzab/data-model": "^1.8.8",
     "@hzab/permissions": "^0.1.1",
     "@hzab/webpack-config": "0.0.12",
     "@types/react": "^17.0.62",
@@ -44,6 +44,7 @@
     "@formily/core": "2.3.1",
     "@formily/react": "2.3.1",
     "@formily/reactive-react": "2.3.1",
+    "@hzab/utils": "^1.0.4",
     "@turf/turf": "^6.5.0",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-react": "^1.0.6",

package/src/components/TreeCheckbox/components/CheckboxTable/index.tsx

@@ -26,20 +26,26 @@ export const CheckboxTable = (props) => {
                         {col?.map((it, itIdx) => {
                           const itKey = it?.value;
                           return (
-                            it && (
+                            it &&
+                            (it?.readOnly ? (
+                              <span className="tree-checkbox-read-only">{it.label}</span>
+                            ) : (
                               <Checkbox onChange={onChange} value={itKey} key={itKey}>
                                 {it.label}
                               </Checkbox>
-                            )
+                            ))
                           );
                         })}
                       </>
                     ) : (
-                      col && (
+                      col &&
+                      (col?.readOnly ? (
+                        <span className="tree-checkbox-read-only">{col.label}</span>
+                      ) : (
                         <Checkbox onChange={onChange} value={colKey} key={colKey}>
                           {col.label}
                         </Checkbox>
-                      )
+                      ))
                     )}
                   </td>
                 );

package/src/components/TreeCheckbox/components/Render/index.tsx

@@ -1,28 +1,28 @@
-import CheckboxTable from "../CheckboxTable";
-
-import TabsRender from "../TabsRender";
-
-export const Render = (props) => {
-  const { list, fieldNames, tabConfList = [], emptyNode = "暂无数据" } = props;
-  const { label: labelKey, value: valueKey, children: childrenKey } = fieldNames || {};
-
-  if (!list) {
-    return <div className="tree-checkbox-empty">{emptyNode}</div>;
-  }
-
-  return (
-    <>
-      {list?.map((item, i) => {
-        if (item?.tabList) {
-          return <TabsRender {...props} key={i} item={item} index={i} />;
-        }
-        if (item.tableData) {
-          return <CheckboxTable key={i} {...props} data={item.tableData || []} />;
-        }
-        return null;
-      })}
-    </>
-  );
-};
-
-export default Render;
+import CheckboxTable from "../CheckboxTable";
+
+import TabsRender from "../TabsRender";
+
+export const Render = (props) => {
+  const { list, fieldNames, tabConfList = [], emptyNode = "暂无数据" } = props;
+  const { label: labelKey, value: valueKey, children: childrenKey } = fieldNames || {};
+
+  if (!list) {
+    return <div className="tree-checkbox-empty">{emptyNode}</div>;
+  }
+
+  return (
+    <>
+      {list?.map((item, i) => {
+        if (item?.tabList) {
+          return <TabsRender {...props} key={i} item={item} index={i} />;
+        }
+        if (item.tableData) {
+          return <CheckboxTable key={i} {...props} data={item.tableData || []} />;
+        }
+        return null;
+      })}
+    </>
+  );
+};
+
+export default Render;

package/src/components/TreeCheckbox/components/TabsRender/index.tsx

@@ -36,13 +36,16 @@ export const TabRender = (props) => {
             forceRender
             tab={
               <>
-                <Checkbox
-                  value={it[valueKey]}
-                  onChange={props?.onChange}
-                  key={it[valueKey]}
-                  onClick={onStopPropagation}
-                ></Checkbox>
-                &nbsp;&nbsp;{it[labelKey]}
+                {!it?.readOnly && (
+                  <Checkbox
+                    className="tab-level-checkbox-item"
+                    value={it[valueKey]}
+                    onChange={props?.onChange}
+                    key={it[valueKey]}
+                    onClick={onStopPropagation}
+                  ></Checkbox>
+                )}
+                {it[labelKey]}
               </>
             }
             key={"" + it[valueKey]}

package/src/components/TreeCheckbox/index.less

@@ -6,7 +6,13 @@
       .tree-checkbox-col {
         padding: 4px 12px;
         border: 1px solid #333;
+        .tree-checkbox-read-only {
+          margin: 0 5px;
+        }
       }
     }
   }
+  .tab-level-checkbox-item {
+    margin-right: 5px;
+  }
 }

package/src/components/Upload/common/OfflineUpload.ts

@@ -1,339 +1,5 @@
-import { axios } from "@hzab/data-model";
+import { OfflineUpload } from "@hzab/utils/src/upload/OfflineUpload";
 
-import { getFileNameByFileObj } from "./fileName";
-import { formatDirStr, mergeDirStr } from "./utils";
-
-/**
- * 获取上传相关配置入参
- */
-export interface IGetSignatureOpt {
-  /**
-   * 配置接口地址
-   */
-  serverUrl?: string;
-  /**
-   * axios 实例
-   */
-  axios?: Object;
-  /**
-   * axios 配置
-   */
-  axiosConf?: Object;
-  /**
-   * 请求入参
-   */
-  params?: {
-    path?: string;
-  };
-}
-
-export interface IOfflineUploadProps {
-  /**
-   * axios 实例
-   */
-  axios?: Object;
-  /**
-   * axios 配置
-   */
-  axiosConf?: Object;
-  /**
-   * 配置接口地址
-   */
-  serverUrl?: string;
-  /**
-   * 获取配置接口请求入参
-   */
-  signatureParams?: {
-    path?: string;
-  };
-}
-
-/**
- * 文件上传入参
- */
-export interface IUploadOpt {
-  /**
-   * 配置接口地址
-   */
-  serverUrl?: string;
-  /**
-   * 是否开启 Hash 命名
-   */
-  useHashName?: boolean;
-  /**
-   * 文件上传接口地址
-   */
-  uploadUrl?: string;
-  /**
-   * 获取配置接口请求入参
-   */
-  params?: {
-    path?: string;
-    // 兼容 老数据
-    dir?: string;
-  };
-  /**
-   * 文件上传请求入参
-   */
-  ossParams?: {
-    path?: string;
-    // 兼容 老数据
-    dir?: string;
-  };
-  /**
-   * axios 实例
-   */
-  axios?: Object;
-  /**
-   * axios 配置
-   */
-  axiosConf?: Object;
-}
-
-/**
- * 获取上传配置
- * @param opt
- * @returns
- */
-export function getSignature(opt: IGetSignatureOpt = {}) {
-  const { serverUrl = "/api/v1/upload/init" } = opt;
-  // 减 10 秒，避免发起请求时 刚好过期的情况
-  const { axios: _ax = axios, params = {}, axiosConf } = opt;
-  if (
-    window._$offlineSignatureRes &&
-    window._$offlineSignatureRes.data &&
-    serverUrl + JSON.stringify(params) === window._$offlineSignatureRes.serverUrlParams &&
-    Date.now() - window._$offlineSignatureRes.__saveTime < window._$offlineSignatureRes.expireTimeMillis - 10000
-  ) {
-    return Promise.resolve(window._$offlineSignatureRes.data);
-  }
-  // 处理 path 格式，必须为非 / 开头， /  结尾。如： test/
-  params.path = formatDirStr(params.path);
-
-  return _ax
-    .post(
-      serverUrl,
-      {
-        ...params,
-      },
-      {
-        ...axiosConf,
-      },
-    )
-    .then((res) => {
-      if (res?.data?.code === 500) {
-        return Promise.reject(res.data);
-      }
-      if (res?.data?.code === 200) {
-        window._$offlineSignatureRes = {
-          data: res?.data?.data,
-        };
-        if (window._$offlineSignatureRes) {
-          window._$offlineSignatureRes.__saveTime = Date.now();
-          window._$offlineSignatureRes.serverUrlParams = serverUrl + JSON.stringify(params);
-        }
-        return window._$offlineSignatureRes.data;
-      }
-    });
-}
-
-export interface IGetPreviewUrlsOpt {
-  previewUrl?: string;
-  params?: Object;
-  axios?: Object;
-  axiosConf?: Object;
-}
-
-/**
- * 获取预览地址-批量
- * @param urlList
- * @param opt
- * @returns
- */
-export const getPreviewUrls = function (urlList, opt: IGetPreviewUrlsOpt = {}) {
-  return new Promise(async (resolve, reject) => {
-    const { axios: _ax = axios, axiosConf, previewUrl } = opt || {};
-
-    const _axios = _ax;
-
-    let _list = urlList;
-    if (_list && !Array.isArray(_list)) {
-      _list = [_list];
-    }
-
-    return _axios
-      .post(previewUrl || "/api/v1/upload/preview", _list, { ...axiosConf })
-      .then((res) => {
-        if (res?.data?.code == 200) {
-          resolve(res?.data?.data);
-        } else {
-          reject(res);
-        }
-        return res;
-      })
-      .catch((err) => {
-        console.error("offline upload err", err);
-        reject(err);
-        return Promise.reject(err);
-      });
-  });
-};
-
-/**
- * 获取预览地址
- * @param url
- * @param opt
- * @returns
- */
-export const getPreviewUrl = function (url, opt: IGetPreviewUrlsOpt = {}) {
-  return new Promise(async (resolve, reject) => {
-    const { axios: _ax = axios, axiosConf, previewUrl } = opt || {};
-
-    const _axios = _ax;
-
-    return _axios
-      .post(previewUrl || "/api/v1/upload/preview", [url], { ...axiosConf })
-      .then((res) => {
-        if (res?.data?.code == 200) {
-          resolve(res?.data?.data?.[0]);
-        } else {
-          reject(res);
-        }
-        return res;
-      })
-      .catch((err) => {
-        console.error("offline upload err", err);
-        reject(err);
-        return Promise.reject(err);
-      });
-  });
-};
-
-/**
- * 私有部署版文件上传
- */
-export class OfflineUpload {
-  axios;
-  axiosConf;
-  serverUrl;
-  signatureParams;
-  constructor(props: IOfflineUploadProps = {}) {
-    this.axios = props.axios || axios;
-    this.axiosConf = props.axiosConf || {};
-    this.serverUrl = props.serverUrl || "/api/v1/upload/init";
-    this.signatureParams = props.signatureParams || {};
-  }
-
-  getSignature(serverUrl = this.serverUrl, opt) {
-    // path 前缀 oss-upload 文件目录
-    opt.params.path = mergeDirStr("web-upload/", opt.params.path ?? opt.params.dir);
-    return getSignature({
-      ...opt,
-      serverUrl,
-      axios: opt?.axios || this.axios,
-      axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
-    });
-  }
-
-  upload(file, opt: IUploadOpt = {}) {
-    return new Promise(async (resolve, reject) => {
-      // filename 表示待上传的本地文件名称。
-      const filename = getFileNameByFileObj(file, opt);
-      try {
-        const fileInfo = await this.getSignature(opt.serverUrl || this.serverUrl, {
-          ...opt,
-          params: {
-            /** 最终保存的文件名称（不传默认文件名） */
-            filename,
-            /** 存储路径（不传默认基础路径） */
-            path: opt.params?.dir || this.signatureParams?.dir,
-            /** 文件存储平台（1、s3，2、本地存储，3、FTP，默认s3） */
-            platformCode: undefined,
-            ...this.signatureParams,
-            ...opt.params,
-          },
-        });
-        const { uploadUrl, ossParams: propOssParams } = opt || {};
-        const formData = new FormData();
-        formData.set("fileInfo", fileInfo);
-        formData.set("file", file);
-
-        if (propOssParams) {
-          for (const key in propOssParams) {
-            if (Object.hasOwnProperty.call(propOssParams, key)) {
-              formData.set(key, propOssParams[key]);
-            }
-          }
-        }
-
-        const _axios = opt?.axios || this.axios;
-
-        return _axios
-          .post(uploadUrl || "/api/v1/upload/execute", formData, { ...this.axiosConf, ...opt?.axiosConf })
-          .then((res) => {
-            if (res?.data?.code == 200) {
-              resolve(res?.data?.data);
-            } else {
-              reject(res);
-            }
-            return res;
-          })
-          .catch((err) => {
-            console.error("offline upload err", err);
-            reject(err);
-            return Promise.reject(err);
-          });
-      } catch (error) {
-        reject(error);
-        return Promise.reject(error);
-      }
-    });
-  }
-
-  /**
-   * 获取预览地址
-   * @param urlList
-   * @param opt
-   * @returns
-   */
-  getPreviewUrls(urlList, opt) {
-    return getPreviewUrls(urlList, {
-      ...opt,
-      axios: opt?.axios || this.axios,
-      axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
-    });
-  }
-}
-
-/**
- * 批量处理预览地址
- * @param fileList
- * @param opt
- * @returns
- */
-export const handlePreviewUrls = async function (fileList, opt: IGetPreviewUrlsOpt) {
-  const res = await getPreviewUrls(
-    fileList?.map((it) => it.storeUrl || it.url),
-    {
-      ...opt,
-    },
-  );
-
-  fileList.forEach((it, i) => {
-    // TODO: storeUrl 来源于【本地 url 直接使用预览地址，解决 previewFile 无法正常使用 previewUrl 的问题】
-    if (!it.storeUrl) {
-      it.storeUrl = it.url;
-    }
-    // TODO: 本地 url 直接使用预览地址，解决 previewFile 无法正常使用 previewUrl 的问题
-    it.url = res[i].presignedUrl;
-
-    // 常规预览地址写法
-    it.previewUrl = res[i].presignedUrl;
-    if (it.uploadInfo) {
-      it.uploadInfo.previewUrl = it.previewUrl;
-    }
-  });
-  return fileList;
-};
+export * from "@hzab/utils/src/upload/OfflineUpload";
 
 export default OfflineUpload;

package/src/components/Upload/common/fileName.ts

@@ -1,4 +1,4 @@
-import { nanoid } from "./nanoid";
+import { nanoidNumALetters } from "./nanoid";
 
 /**
  * 获取文件后缀
@@ -72,7 +72,7 @@ export const mergeFileName = function (fileName, str = "") {
  * @returns
  */
 export const getUFileName = function (fileName) {
-  return mergeFileName(getFileName(fileName) || "rc-upload", "-" + `~kid-${nanoid()}~` + `${Date.now()}`);
+  return mergeFileName(getFileName(fileName) || "rc-upload", "-" + `~kid-${nanoidNumALetters()}~` + `${Date.now()}`);
 };
 
 /**
@@ -88,7 +88,7 @@ export const getFileNameByFileObj = (file, opt: any) => {
     return _fileName;
   }
   // id、时间、文件类型
-  const id = file.id || file.uid || nanoid();
+  const id = file.id || file.uid || nanoidNumALetters();
   return mergeFileName(
     _fileName,
     "-" +

package/src/components/Upload/common/handleIOFileList.ts

@@ -1,6 +1,6 @@
 import { getFileURL, getFileType, isBase64Str } from "./utils";
 import { getUFileName, getFileName, getFullFileName, getFileExt, getFileNameObj } from "./fileName";
-import { nanoid } from "./nanoid";
+import { nanoidNumALetters } from "./nanoid";
 
 /**
  * 出入参归一化
@@ -218,7 +218,7 @@ export const handleInputItem = (data, opt: IHandlerOpt) => {
   }
   if (!file.id) {
     file.id =
-      file.uid || `${getFileName(file.url || file.name || file.filename) || "rc-upload"}-${Date.now()}-${nanoid()}`;
+      file.uid || `${getFileName(file.url || file.name || file.filename) || "rc-upload"}-${Date.now()}-${nanoidNumALetters()}`;
   }
   if (!file.name) {
     file.name = file.id;

package/src/components/Upload/common/nanoid.ts

@@ -1,7 +1,5 @@
-import { customAlphabet } from "nanoid";
-/**
- * 指定 nanoid 字符集合
- */
-export const alphabet = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+export * from "@hzab/utils/src/nanoid";
 
-export const nanoid = customAlphabet(alphabet, 8);
+import { nanoidNumALetters } from "@hzab/utils/src/nanoid";
+
+export const nanoid = nanoidNumALetters;

package/src/components/Upload/common/ossUpload.js

@@ -1,106 +1,5 @@
-import { axios } from "@hzab/data-model";
-import { getFileNameByFileObj } from "./fileName";
-import { formatDirStr, mergeDirStr } from "./utils";
-
-export function getSignature(opt = {}) {
-  const { serverUrl = "/api/v1/user/oss/getWebOssConfig" } = opt;
-  // 减 10 秒，避免发起请求时 刚好过期的情况
-  if (
-    window.__ossSignatureRes &&
-    serverUrl === window.__ossSignatureRes.serverUrl &&
-    Date.now() - window.__ossSignatureRes.__saveTime < window.__ossSignatureRes.expireTimeMillis - 10000
-  ) {
-    return Promise.resolve(window.__ossSignatureRes);
-  }
-  const { axios: _ax = axios, params = {}, axiosConf } = opt;
-  // 处理 dir 格式，必须为非 / 开头， /  结尾。如： test/
-  params.dir = formatDirStr(params.dir);
-
-  return _ax
-    .get(serverUrl, {
-      ...axiosConf,
-      params: {
-        isPublic: 1,
-        ...params,
-      },
-    })
-    .then((res) => {
-      window.__ossSignatureRes = res?.data?.data ?? res?.data ?? res;
-      if (window.__ossSignatureRes) {
-        window.__ossSignatureRes.__saveTime = Date.now();
-        window.__ossSignatureRes.serverUrl = serverUrl;
-      }
-      return window.__ossSignatureRes;
-    });
-}
-
-class OssUpload {
-  constructor(props = {}) {
-    this.axios = props.axios || axios;
-    this.axiosConf = props.axiosConf || {};
-    this.serverUrl = props.serverUrl || "/api/v1/user/oss/getWebOssConfig";
-    this.signatureParams = props.signatureParams || {};
-  }
-
-  getSignature(serverUrl = this.serverUrl, opt) {
-    // dir 前缀 oss-upload 文件目录
-    opt.params.dir = mergeDirStr("web-upload/", opt.params.dir);
-    return getSignature({
-      ...opt,
-      serverUrl,
-      axios: opt?.axios || this.axios,
-      axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
-    });
-  }
-
-  upload(file, opt = {}) {
-
-    return new Promise(async (resolve, reject) => {
-      const ossParams = await this.getSignature(opt.serverUrl || this.serverUrl, {
-        ...opt,
-        params: { ...this.signatureParams, ...opt.params },
-      });
-
-      const { ossParams: propOssParams, useHashName } = opt || {};
-      const formData = new FormData();
-      // key 表示上传到 Bucket 内的 Object 的完整路径，例如 exampledir/exampleobject.txtObject，完整路径中不能包含 Bucket 名称。
-      // filename 表示待上传的本地文件名称。
-      const filename = getFileNameByFileObj(file, opt);
-      const key = `${ossParams?.dir}${filename}`;
-      formData.set("key", key);
-      formData.set("OSSAccessKeyId", ossParams.accessid);
-      formData.set("policy", ossParams.policy);
-      formData.set("Signature", ossParams.signature);
-      if (ossParams.callback) {
-        formData.set("callback", ossParams.callback);
-      }
-      formData.set("success_action_status", 200);
-      formData.set("file", file);
-
-      if (propOssParams) {
-        for (const key in propOssParams) {
-          if (Object.hasOwnProperty.call(propOssParams, key)) {
-            formData.set(key, propOssParams[key]);
-          }
-        }
-      }
-
-      const _axios = opt?.axios || this.axios;
-
-      return _axios
-        .post(ossParams.host, formData, { ...this.axiosConf, ...opt?.axiosConf })
-        .then((res) => {
-          resolve(res);
-          return res;
-        })
-        .catch((err) => {
-          console.error("oss upload err", err);
-          reject(err);
-          return Promise.reject(err);
-        });
-    });
-  }
-}
+import { axios, getSignature, OssUploadUtil } from "@hzab/utils/src/upload/OssUploadUtil";
+console.log('OssUploadUtil', OssUploadUtil);
 
 /**
  * 处理文件上传逻辑
@@ -111,7 +10,8 @@ class OssUpload {
 export async function handleOssUpload(files, opt) {
   const _files = files;
   const { ossUrl, signatureParams, ossParams, axiosConf, useHashName } = opt || {};
-  const ossUpload = new OssUpload({
+  const ossUpload = new OssUploadUtil({
+    ...opt,
     axios: opt.axios,
     axiosConf: axiosConf,
     serverUrl: ossUrl || "/api/v1/user/oss/getWebOssConfig",
@@ -154,6 +54,6 @@ export async function handleOssUpload(files, opt) {
   });
 }
 
-export { axios };
+export { axios, getSignature };
 
-export default OssUpload;
+export default OssUploadUtil;

package/src/components/Upload/common/utils.js

@@ -1,4 +1,5 @@
-import { nanoid } from "nanoid";
+
+
 
 /**
  * 格式化 dir 字符串，必须为非 / 开头， /  结尾。如： test/