@hzab/form-render 1.6.7 → 1.6.8-beta1

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+
+# @hzab/form-render@1.6.9
+
+feat: PersonnelSelect组件
+
+# @hzab/form-render@1.6.8
+
+feat:富文本组件添加私有化部署文件上传与oss上传的区分
+
 # @hzab/form-render@1.6.7
 
 fix: 修复 LocationListPicker 组件在编辑时第一次无法正确渲染的 bug。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.6.7",
+  "version": "1.6.8-beta1",
   "description": "",
   "main": "src",
   "scripts": {

package/src/common/formily-utils.ts

@@ -1,13 +1,125 @@
+import _ from "lodash";
+
+export interface ISetTargetLevelValOpt {
+  /**
+   * 相对当前的层级数
+   */
+  level?: number;
+  /**
+   * 目标数据为数组是否使用 push
+   */
+  isArrPush?: boolean;
+}
+
 /**
- * 获取父级的数据对象（包括当前项的对象）
- * { 当前项: xxx, 其他项: lll }
- * @param field
+ * 获取父级的数据（包括当前项的对象）
+ * @param field formily field 对象 const field: any = useField();
  * @returns
  */
 export function getParentValue(field) {
-  let form = field?.parent?.value || field?.value;
-  if (Array.isArray(form)) {
-    form = form[field.index];
+  return getTargetLevelVal(field, -1);
+}
+
+/**
+ * 设置当前 field 同层级数据值。
+ * @param field formily field 对象 const field: any = useField();
+ * @param key 目标 key
+ * @param val 目标值
+ * @example
+ * 如当前的 field name 为 test, 设置同层级 testA
+ * // 初始值：
+ * {
+ *  test: 1
+ * }
+ * // 设置同层级 key 为 testA 的值为 222
+ * setParentValue(field, 'testA', 222);
+ * // 设置结果
+ * {
+ *  test: 1,
+ *  testA: 222
+ * }
+ */
+export function setParentValue(field, key, val) {
+  setTargetLevelVal(field, key, val, { level: -1 });
+}
+
+/**
+ * 获取相对当前层级的数据对象（包括当前项的对象）
+ * @param field formily field 对象 const field: any = useField();
+ * @param key 目标 key
+ * @param val 目标 value
+ * @param level 相对的层级 负数
+ * @returns
+ */
+export function getTargetLevelVal(field, level) {
+  if (typeof field !== "object" || !field.form || !field.path) {
+    console.warn("Warn setCurLevelData: field 入参不是一个正确的 formily field 数据");
+    return;
+  }
+  // 设置目标参数的路径
+  let path = [...field.path.segments];
+  // 层级超出路径长度不进行设置
+  if (Math.abs(level) > path.length) {
+    console.info("Info setCurLevelData: level 层级超出路径长度不进行设置");
+    return;
+  }
+  if (typeof level === "number") {
+    path = path.slice(0, level);
+  }
+  // 设置目标数据
+  return _.get(field.form.values, path.join("."));
+}
+
+/**
+ * 设置相对当前层级的数据对象（包括当前项的对象）
+ * @param field formily field 对象 const field: any = useField();
+ * @param key 目标 key
+ * @param val 目标 value
+ * @param level 相对的层级
+ * @returns
+ */
+export function setTargetLevelVal(
+  field,
+  key,
+  val,
+  opt: ISetTargetLevelValOpt = { level: undefined, isArrPush: false },
+) {
+  if (typeof field !== "object" || !field.form || !field.path) {
+    console.warn("Warn setCurLevelData: field 入参不是一个正确的 formily field 数据");
+    return;
+  }
+  const {
+    /**
+     * 数组是否进行 push 曹组
+     */
+    isArrPush,
+    /**
+     * 相对的层级
+     */
+    level,
+  } = opt || {};
+  // 设置目标参数的路径
+  let path = [...field.path.segments];
+  // 层级超出路径长度不进行设置
+  if (Math.abs(level) > path.length) {
+    console.info("Info setCurLevelData: level 层级超出路径长度不进行设置");
+    return;
+  }
+  if (typeof level === "number") {
+    path = path.slice(0, -Math.abs(level));
+  }
+  const parentPath = path.join(".");
+  const parentType = _.get(field.form.values, path);
+  // 添加目标 key，得到目标完整 path
+  path.push(key);
+  // 克隆 form 数据，用于修改目标数据 （）
+  const data = _.cloneDeep(field.form.values);
+  // 设置目标数据
+  if (isArrPush && Array.isArray(parentType)) {
+    const _d = _.get(data, parentPath);
+    Array.isArray(_d) && _d.push({ [key]: val });
+  } else {
+    _.set(data, path.join("."), val);
   }
-  return form;
+  field.form.setValues(data);
 }

package/src/components/LocationListPicker/index.tsx

@@ -63,13 +63,13 @@ export const LocationListPicker = observer((props) => {
     if (!Array.isArray(value) || value?.length == 0) {
       return;
     }
-    listRef.current = value || [];
     // 处理 id
     value?.forEach((it) => {
       if (!it.id) {
         it.id = nanoid();
       }
     });
+    listRef.current = value || [];
     if (!mapUtilsRef.current) {
       return;
     }

package/src/components/PersonnelSelect/index.less

@@ -0,0 +1,21 @@
+.abt-user-item {
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+
+
+
+  .abt-user-item-info {
+    list-style: none;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    padding-left: 16px;
+
+    .abt-user-item-info__item {
+      & > span:last-of-type {
+        color: #666;
+      }
+    }
+  }
+}

package/src/components/PersonnelSelect/index.module.less

@@ -0,0 +1,33 @@
+.user-select {
+
+  &-option {
+    :global {
+      .ant-select-item-option-content {
+        display: flex;
+      }
+    }
+
+
+    &__avatar {
+      margin-right: 10px;
+    }
+
+    .user-item {
+      display: flex;
+      flex-direction: column;
+
+      &-name {
+        margin-bottom: 4px;
+        color: #000000d9;
+        font-size: 14px;
+        display: flex;
+        align-items: center;
+      }
+
+      &__idCard {
+        color: #00000073;
+        font-size: 14px;
+      }
+    }
+  }
+}

package/src/components/PersonnelSelect/index.tsx

@@ -0,0 +1,257 @@
+import React, { useEffect, useState, useRef, useCallback, useMemo } from "react";
+import { Select, List, Avatar, Spin } from "antd";
+import { connect, mapProps } from "@formily/react";
+import type { SelectProps } from "antd/lib/select";
+import type { AvatarProps } from "antd/lib/avatar";
+import { debounce, isObject, uniq } from "lodash";
+
+import "./index.less";
+
+export interface Person {
+  id: string | number;
+  name: string;
+  avatar?: string;
+  email?: string;
+  description?: string;
+  disabled?: boolean;
+  [key: string]: any;
+}
+
+interface ScrollPagination {
+  pageNum: number;
+  pageSize: number;
+  current?: number;
+  total?: number;
+}
+
+type LableValue = {
+  label: string;
+  value: string | number;
+  [key: string]: any;
+};
+
+interface RemoteSelectProps extends Omit<SelectProps<any>, "options" | "children"> {
+  loadOptions: (
+    search: string,
+    pagination: ScrollPagination,
+  ) => Promise<{ list: Person[]; pagination: ScrollPagination }>;
+  renderItem?: (item: Person) => React.ReactNode;
+  initialPagination?: Partial<ScrollPagination>;
+  avataProps?: AvatarProps;
+  value: LableValue[] | LableValue;
+  listItemConfigs?: { label: string; key: string }[];
+  disabledKey?: string;
+  disabledStyle?: (disabled: boolean) => React.CSSProperties;
+  customItemNode?: React.ReactNode;
+}
+
+const defaultListItemConfigs = [
+  { label: "姓名：", key: "userName" },
+  { label: "主部门：", key: "orgName" },
+  { label: "主驻点：", key: "userName" },
+  { label: "手机号：", key: "phoneNumber" },
+  { label: "身份证号：", key: "idnumber" },
+];
+
+const RemoteSelect: React.FC<RemoteSelectProps> = ({
+  loadOptions,
+  renderItem,
+  listItemConfigs,
+  disabledKey = "disabled",
+  initialPagination = {},
+  avataProps = {},
+  disabledStyle,
+  customItemNode,
+  ...selectProps
+}) => {
+  const [search, setSearch] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [list, setList] = useState<Person[]>([]);
+  const [pagination, setPagination] = useState<ScrollPagination>({
+    pageNum: 1,
+    pageSize: 10,
+    ...initialPagination,
+  });
+  const listRef = useRef<HTMLDivElement>(null);
+  const selectInstance = useRef<any>(null);
+
+  const debounceLoadData = debounce(async (isScrollLoad = false) => {
+    try {
+      isScrollLoad ? setLoadingMore(true) : setLoading(true);
+
+      const result = await loadOptions(search, {
+        ...pagination,
+        pageNum: isScrollLoad ? pagination.pageNum + 1 : 1,
+      });
+      const { list } = result;
+
+      setList((prev) => (isScrollLoad ? [...prev, ...list] : list));
+    } finally {
+      isScrollLoad ? setLoadingMore(false) : setLoading(false);
+    }
+  }, 500);
+  const debounceHandleScroll = async (e: React.UIEvent<HTMLDivElement>) => {
+    const { scrollTop, clientHeight, scrollHeight } = e.currentTarget;
+    const isNearBottom = scrollHeight - scrollTop - clientHeight < 30;
+
+    if (isNearBottom && !loadingMore) {
+      await loadData(true);
+      setPagination((pre) => ({ ...pre, pageNum: pagination.pageNum + 1 }));
+    }
+  };
+
+  const loadData = useCallback(debounceLoadData, [search, pagination, loadOptions]);
+
+  // 处理滚动加载
+  const handleScroll = useCallback(debounceHandleScroll, [loadingMore, loadData]);
+
+  // 处理搜索
+  const handleSearch = debounce((value: string) => {
+    setSearch(value);
+    setPagination((prev) => ({ ...prev, pageNum: 1 }));
+  }, 1000);
+
+  useEffect(() => {
+    loadData();
+  }, [search]);
+
+  // 处理选项点击
+  const handleItemClick = (itemId: string | number) => {
+    const currentValue = selectProps.value;
+    const isMultiple = selectProps.mode === "multiple";
+
+    // 更新值
+    if (isMultiple) {
+      const isValueArr = Array.isArray(currentValue);
+      let newValue = null;
+
+      if (isValueArr) {
+        const currentValueIds = currentValue.map((it) => it.value);
+        newValue = currentValueIds.includes(itemId)
+          ? currentValueIds.filter((v) => v !== itemId)
+          : uniq([...currentValue, itemId]);
+      } else {
+        newValue = [itemId];
+      }
+
+      selectProps.onChange?.(newValue, currentValue);
+    } else {
+      const newValue = itemId === (currentValue as LableValue)?.value ? undefined : itemId;
+      selectProps.onChange?.(newValue, currentValue);
+
+      // 单选模式下关闭下拉框
+      if (selectInstance.current) {
+        selectInstance.current.blur();
+      }
+    }
+  };
+
+  const itemConfigs = useMemo(() => {
+    if (Array.isArray(listItemConfigs) && listItemConfigs?.length) return listItemConfigs;
+    return defaultListItemConfigs;
+  }, [listItemConfigs]);
+
+  // 默认渲染项（增加选中状态和点击处理）
+  const defaultRenderItem = useCallback(
+    (item: Person) => {
+      let isSelected;
+
+      if (selectProps.mode === "multiple") {
+        isSelected = (selectProps.value || [])
+          .map((it) => (isObject(it) ? it?.value || it?.userId : it))
+          .includes(item.userId);
+      } else {
+        isSelected = isObject(selectProps.value) ? (selectProps.value as LableValue)?.value === item.userId : false;
+      }
+
+      const disabled = item?.[disabledKey] || false;
+      const getDisabledStyle: React.CSSProperties =
+        typeof disabledStyle === "function"
+          ? disabledStyle(disabled)
+          : {
+              cursor: disabled ? "not-allowed" : "pointer",
+              backgroundColor: disabled ? "#f0f0f0" : isSelected ? "#e6f7ff" : "inherit",
+              color: disabled ? "#999" : "inherit",
+              filter: disabled ? "grayscale(100%)" : "none",
+            };
+
+      return (
+        <List.Item
+          key={item.userId}
+          onClick={() => (disabled ? null : handleItemClick(item.userId))}
+          style={getDisabledStyle}
+        >
+          {customItemNode ? (
+            customItemNode
+          ) : (
+            <div className="abt-user-item">
+              <div className="abt-user-item-avatar">
+                <Avatar alt={item?.userName} size={60} {...avataProps} src={item.avatar} />
+              </div>
+              <ul className="abt-user-item-info">
+                {itemConfigs.map((configItem) => (
+                  <li className="abt-user-item-info__item">
+                    <span>{configItem.label}</span>
+                    <span>{item?.[configItem.key]}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+        </List.Item>
+      );
+    },
+    [selectProps.value],
+  );
+
+  // 自定义下拉内容
+  const dropdownRender = (menu: React.ReactNode) => (
+    <div ref={listRef}>
+      <Spin spinning={loading}>
+        <List
+          loading={loadingMore}
+          dataSource={list}
+          renderItem={renderItem ? renderItem : defaultRenderItem}
+          /*@ts-ignore*/
+          onScroll={handleScroll}
+          style={{ maxHeight: 250, overflowY: "auto" }}
+        />
+      </Spin>
+    </div>
+  );
+
+  return (
+    <Select
+      {...selectProps}
+      ref={selectInstance}
+      showSearch
+      onSearch={handleSearch}
+      filterOption={false}
+      dropdownRender={dropdownRender}
+      placeholder="请选择人员"
+      // 增加虚拟的options用于显示选中标签
+      options={list.map((item) => ({
+        value: item.userId,
+        label: item.userName,
+      }))}
+    />
+  );
+};
+
+// Formily集成
+const PersonnelSelect = connect(
+  RemoteSelect,
+  mapProps(
+    {
+      loading: true,
+    },
+    (props, field: any) => {
+      return {
+        ...props,
+      };
+    },
+  ),
+);
+
+export { RemoteSelect, PersonnelSelect };

package/src/components/RichEditor/index.tsx

@@ -2,7 +2,8 @@ import "@wangeditor/editor/dist/css/style.css"; // 引入 css
 import React, { useState, useEffect, useImperativeHandle, forwardRef } from "react";
 import { Editor as WangEditor, Toolbar } from "@wangeditor/editor-for-react";
 import { IDomEditor, IEditorConfig, IToolbarConfig } from "@wangeditor/editor";
-import UploadOss from "./common/ossUpload";
+import { getOssUploadRequest, getOfflineUploadRequest } from "../Upload/common/customRequest";
+import { handlePreviewUrls } from "../Upload/common/OfflineUpload";
 import "./index.less";
 import { Spin, message } from 'antd';
 import { connect, mapProps, observer } from "@formily/react";
@@ -15,11 +16,16 @@ interface PropsType {
   toolbarConfig?: Partial<IToolbarConfig>;
   editorConfig?: Partial<IEditorConfig>;
   ossOpt: AnyObject,
-  params: AnyObject,
+  uploadParams: AnyObject,
   height: string,
+  ossServerUrl: string,
   ossUrl: string,
+  offlinePreviewUrl: string,
+  offlineServerUrl: string,
   value: string,
   onChange: any,
+  customRequest: any,
+  uploadMode: string,
   zIndex: number
 }
 
@@ -31,10 +37,18 @@ export const RichEditor = observer(function (props: PropsType, parentRef) {
     onChange,
     value,
     ossOpt,
+    uploadMode = "oss",
+    offlinePreviewUrl = "",
+    offlineServerUrl = "",
+    uploadParams = {},
     // ossUrl = "https://test-abt.hzabjt.com:18091/api/v1/user/oss/getWebOssConfig",
+    ossServerUrl = "/api/v1/user/oss/getWebOssConfig",
     ossUrl = "/api/v1/user/oss/getWebOssConfig",
     zIndex = 9999
   } = props;
+  const isPrivateStore =
+    props.uploadParams?.fileAcl === "private" || props.ossOpt?.signatureParams?.fileAcl === "private";
+
   useImperativeHandle(parentRef, () => ({
     setEditorContent,
     getEditorContent,
@@ -57,6 +71,40 @@ export const RichEditor = observer(function (props: PropsType, parentRef) {
     return html;
   };
 
+
+  const customUpload = async (file: File, insertFn) => {
+    let customRequest = props.customRequest;
+    if (uploadMode === "oss") {
+      customRequest = getOssUploadRequest({
+        ...props,
+        isPrivateStore,
+        params: uploadParams,
+        ossServerUrl: ossServerUrl || ossUrl,
+      });
+    } else if (uploadMode === "offline") {
+      customRequest = getOfflineUploadRequest({
+        ...props,
+        isPrivateStore,
+        params: uploadParams,
+        offlineServerUrl: offlineServerUrl || ossUrl,
+        offlinePreviewUrl: offlinePreviewUrl,
+      });
+    }
+    setIsLoading(true);
+    customRequest({
+      file,
+      onSuccess: (res) => {
+        setIsLoading(false);
+        console.log(res)
+        insertFn(res.url, '', '');
+      },
+      onError: () => {
+        setIsLoading(false);
+        message.error(`${file.name} 上传失败`);
+      }
+    })
+  }
+
   const config: Partial<IEditorConfig> = {
     // TS 语法
     placeholder: "请输入内容...",
@@ -74,19 +122,7 @@ export const RichEditor = observer(function (props: PropsType, parentRef) {
         withCredentials: false,
         // 超时时间，默认为 10 秒
         timeout: 5 * 1000, // 5 秒
-        async customUpload(file: File, insertFn) {
-          const ossUpload = new UploadOss({
-            serverUrl: ossUrl,
-            ...ossOpt,
-          });
-          const res = await ossUpload.upload(file, {
-            params: {
-              isPublic: 1,
-              ...(props.params || {}),
-            },
-          })
-          insertFn(res?.data?.data?.fileUrl, '', '')
-        },
+        customUpload,
       },
       uploadVideo: {
         // form-data fieldName ，默认值 'wangeditor-uploaded-image'
@@ -97,30 +133,13 @@ export const RichEditor = observer(function (props: PropsType, parentRef) {
         allowedFileTypes: ['video/*'],
         // 跨域是否传递 cookie ，默认为 false
         withCredentials: false,
-        customUpload(file: File, insertFn) {
-          setIsLoading(true)
-          const ossUpload = new UploadOss({
-            serverUrl: ossUrl,
-            ...ossOpt,
-          });
-          ossUpload.upload(file, {
-            params: {
-              isPublic: 1,
-              ...(props.params || {}),
-            },
-          }).then((res) => {
-            setIsLoading(false)
-            insertFn(res?.data?.data?.fileUrl, '', '')
-          }).catch(() => {
-            setIsLoading(false)
-            message.error(`${file.name} 上传失败`);
-          })
-        },
+        customUpload,
       },
     },
     ...editorConfig,
   };
 
+
   const onEditorChange = (e) => {
     const content = e.getHtml();
     setHtml(content);

package/src/components/index.tsx

@@ -5,6 +5,7 @@ export * from "./ArrayTable";
 export * from "./Upload";
 
 export * from "./UserSelect";
+export * from "./PersonnelSelect"
 
 export * from "./TreeCheckbox";
 export * from "./DatePicker";

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

@@ -1,155 +0,0 @@
-import { axios } from "@hzab/data-model";
-import { nanoid } from "nanoid";
-
-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;
-  return _ax
-    .get(serverUrl, {
-      ...axiosConf,
-      params: {
-        isPublic: 1,
-        ...params,
-      },
-    })
-    .then((res) => {
-      window.__ossSignatureRes = res?.data?.data;
-      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) {
-    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.signatureParams },
-      });
-
-      const { ossParams: propOssParams } = opt || {};
-      const formData = new FormData();
-      // key 表示上传到 Bucket 内的 Object 的完整路径，例如 exampledir/exampleobject.txtObject，完整路径中不能包含 Bucket 名称。
-      // filename 表示待上传的本地文件名称。
-      let filename = file?.name;
-      if (file?.name) {
-        const nameArr = file?.name.match(/^(.+)\.(.+)$/);
-        if (nameArr && nameArr.length > 2) {
-          filename = `${nameArr[1]}_${Date.now()}_${nanoid()}.${nameArr[2]}`;
-        }
-      }
-      if (!filename) {
-        filename = `${Date.now()}_${nanoid()}.${file.type?.replace(/\w+\/, ''/)}`;
-      }
-      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);
-        });
-    });
-  }
-}
-
-/**
- * 处理文件上传逻辑
- * @param {Array} files
- * @param {Object} opt
- * @returns
- */
-export async function handleOssUpload(files, opt) {
-  const _files = files;
-  const { ossUrl, signatureParams, ossParams, axiosConf } = opt || {};
-  const ossUpload = new OssUpload({
-    axios: opt.axios,
-    axiosConf: axiosConf,
-    serverUrl: ossUrl || "/api/v1/user/oss/getWebOssConfig",
-  });
-
-  const promise = [];
-  _files?.forEach((file) => {
-    // 数据已经是 url 的情况
-    if (typeof file === "string" || file.ossUrl) {
-      promise.push(Promise.resolve(file));
-    } else {
-      promise.push(
-        ossUpload
-          .upload(file, {
-            signatureParams: {
-              isPublic: 1,
-              ...(signatureParams || {}),
-            },
-            ossParams,
-            axiosConf,
-          })
-          .then((res) => {
-            return Promise.resolve(res?.data?.data?.fileUrl);
-          }),
-      );
-    }
-  });
-
-  return Promise.all(promise).then((filePromises) => {
-    filePromises?.forEach((fileUrl, idx) => {
-      _files[idx].ossUrl = fileUrl;
-    });
-    return Promise.resolve(_files);
-  });
-}
-
-export { axios };
-
-export default OssUpload;