bee-front-components 1.0.0

package/lib/components/Upload/BatchUpload/index.js

@@ -0,0 +1,140 @@
+import _Upload from "@hzero-front-ui/c7n-ui/lib/Upload";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _Button from "@hzero-front-ui/c7n-ui/lib/ButtonPro";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "accept", "bucketName", "directory", "fileList", "uploadTip", "children", "uploadCallback"];
+/**
+ * @name 基于Upload组件进行多文件上传
+ * @param {string} className 自定义类名
+ * @param {string} accept 允许上传的文件类型 默认.doc和.pdf
+ * @param {string} bucketName 文件上传后存储的桶名 默认public
+ * @param {string} directory 文件上传后存储的文件夹路径 默认/files
+ * @param {string} fileList 上传的文件列表 用于受控时文件回显
+ * @param {ReactNode} uploadTip 自定义上传提示文案
+ * @param {function} uploadCallback 上传之后的回调
+ * @param {string} children 自定义上传按钮
+ * @author lichen
+ */
+import React, { useMemo, useState, useImperativeHandle, forwardRef, useEffect } from "react";
+import classNames from "classnames";
+import notification from "utils/notification";
+import { getEnvConfig } from "utils/iocUtils";
+import { getAccessToken, getCurrentOrganizationId } from "utils/utils";
+import { EXT_TYPE_MAP } from "../../../utils/const";
+import { ButtonColor, ButtonType } from "choerodon-ui/pro/lib/button/enum";
+import styles from "./index.module.less?modules";
+
+/** 对外暴露字段 */
+
+const _getEnvConfig = getEnvConfig(),
+  API_HOST = _getEnvConfig.API_HOST;
+const organizationId = getCurrentOrganizationId();
+const access_token = `bearer ${getAccessToken()}`;
+const BatchUpload = /*#__PURE__*/forwardRef((props, ref) => {
+  const className = props.className,
+    _props$accept = props.accept,
+    accept = _props$accept === void 0 ? ".doc, .docx, .pdf" : _props$accept,
+    _props$bucketName = props.bucketName,
+    bucketName = _props$bucketName === void 0 ? "public" : _props$bucketName,
+    _props$directory = props.directory,
+    directory = _props$directory === void 0 ? "/files" : _props$directory,
+    fileList = props.fileList,
+    uploadTip = props.uploadTip,
+    children = props.children,
+    uploadCallback = props.uploadCallback,
+    rest = _objectWithoutProperties(props, _excluded);
+  const _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    filesPath = _useState2[0],
+    setFilesPath = _useState2[1]; // 上传的文件路径
+  const _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filesList = _useState4[0],
+    setFilesList = _useState4[1]; // 上传文件列表
+
+  // 根据accept类型初始化被允许的file.type类型
+  const acceptTypes = useMemo(() => {
+    var _accept$replace, _accept$replace$split, _accept$replace$split2;
+    return accept === null || accept === void 0 ? void 0 : (_accept$replace = accept.replace(/\s/g, "")) === null || _accept$replace === void 0 ? void 0 : (_accept$replace$split = _accept$replace.split(",")) === null || _accept$replace$split === void 0 ? void 0 : (_accept$replace$split2 = _accept$replace$split.map(ext => EXT_TYPE_MAP === null || EXT_TYPE_MAP === void 0 ? void 0 : EXT_TYPE_MAP[ext])) === null || _accept$replace$split2 === void 0 ? void 0 : _accept$replace$split2.filter(type => !!type);
+  }, [accept]);
+  useEffect(() => {
+    setFilesList(fileList || []);
+  }, [fileList]);
+
+  /** 对外暴露docEditor实例 */
+  useImperativeHandle(ref, () => ({
+    filesPath,
+    filesList
+  }), [filesPath, filesList]);
+
+  // 方案文件上传配置
+  const uploadProps = useMemo(() => ({
+    name: "file",
+    action: `${API_HOST}/hfle/v1/${organizationId}/files/multipart`,
+    headers: {
+      Authorization: access_token
+    },
+    accept,
+    data: {
+      bucketName,
+      directory
+    },
+    uploadImmediately: true,
+    showUploadList: true,
+    beforeUploadFiles: files => {
+      // 如果列表中只要存在允许类型范围之外的文件类型则禁止上传
+      for (let index = 0; index < (files === null || files === void 0 ? void 0 : files.length); index++) {
+        const file = files[index];
+        if (acceptTypes !== null && acceptTypes !== void 0 && acceptTypes.includes(file === null || file === void 0 ? void 0 : file.type)) {
+          continue;
+        }
+        notification.error({
+          message: `仅支持上传${accept}类型的文件`
+        });
+        return false;
+      }
+      return true;
+    },
+    onChange: ({
+      file,
+      fileList: files
+    }) => {
+      var _ref;
+      setFilesList(files);
+      const uploadedFileUrls = []; // 已上传的文件
+      // 上传完成或某项文件被删除后触发
+      if ((_ref = ["done", "removed"]) !== null && _ref !== void 0 && _ref.includes(file === null || file === void 0 ? void 0 : file.status)) {
+        const len = files === null || files === void 0 ? void 0 : files.length;
+        if (len > 0) {
+          for (let index = 0; index < len; index++) {
+            const fileItem = files[index];
+            const url = (fileItem === null || fileItem === void 0 ? void 0 : fileItem.response) || "";
+            if (url) {
+              uploadedFileUrls.push(url);
+            }
+          }
+        }
+        if ((uploadedFileUrls === null || uploadedFileUrls === void 0 ? void 0 : uploadedFileUrls.length) === len) {
+          setFilesPath(uploadedFileUrls);
+          if (typeof uploadCallback === "function") {
+            uploadCallback(uploadedFileUrls);
+          }
+        }
+      }
+    },
+    ...rest,
+    multiple: true
+  }), [accept]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.batchUploadWrap, className)
+  }, /*#__PURE__*/React.createElement(_Upload, _extends({}, uploadProps, {
+    fileList: filesList
+  }), children || /*#__PURE__*/React.createElement(_Button, {
+    type: "button",
+    color: "primary"
+  }, "\u9009\u62E9\u6587\u4EF6")), uploadTip !== undefined ? uploadTip : /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadTips
+  }, "\u652F\u6301\u683C\u5F0F\uFF1A", accept, "\uFF0C\u5355\u4E2A\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC720MB"));
+});
+export default BatchUpload;

package/lib/components/Upload/BatchUpload/index.module.less

@@ -0,0 +1,10 @@
+// 多文件上传组件样式
+.batchUploadWrap {
+  .flex(row, flex-start, center, nowrap);
+  width: 100%;
+  gap: 0.08rem;
+  .uploadTips {
+    font-size: @fontSize;
+    color: @minorWord;
+  }
+}

package/lib/components/Upload/DraggerUpload/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @name 基于Upload组件进行多文件拖拽上传
+ * @param {string} className 自定义类名
+ * @param {string} accept 允许上传的文件类型 默认.doc和.pdf
+ * @param {string} bucketName 文件上传后存储的桶名 默认public
+ * @param {string} directory 文件上传后存储的文件夹路径 默认/files
+ * @param {UploadFile[]} fileList 上传的文件列表 用于受控时文件回显
+ * @param {function} uploadCallback 上传之后的回调
+ * @param {string} uploadTip 自定义上传提示文案
+ * @param {string} children 自定义上传按钮
+ * @author lichen
+ */
+import React from "react";
+import type { UploadProps } from "choerodon-ui/lib/upload/Upload";
+import type { UploadFile } from "choerodon-ui/lib/upload/interface";
+interface IProps extends Omit<UploadProps, "directory" | "accept"> {
+    /** 自定义外层类名 */
+    className?: string;
+    /** 允许上传的文件类型 默认.doc和.pdf */
+    accept?: string;
+    /** 文件上传后存储的桶名 默认public */
+    bucketName?: string;
+    /** 文件上传后存储的文件夹路径 默认/files */
+    directory?: string;
+    /** 上传的文件列表 用于受控时文件回显 */
+    fileList?: UploadFile[];
+    /** 文件上传之后的回调 */
+    uploadCallback?: (urls: string[]) => void;
+    /** 自定义上传提示文案 */
+    uploadTip?: React.ReactNode;
+    /** 自定义上传按钮 */
+    children?: React.ReactNode;
+}
+/** 对外暴露字段 */
+export interface IDraggerUploadRef {
+    /** 上传的所有文件路径 */
+    filesPath: string[];
+    /** 上传的文件列表对象 */
+    filesList: UploadFile[];
+}
+declare const DraggerUpload: React.ForwardRefExoticComponent<IProps & React.RefAttributes<IDraggerUploadRef>>;
+export default DraggerUpload;

package/lib/components/Upload/DraggerUpload/index.js

@@ -0,0 +1,142 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _Upload from "@hzero-front-ui/c7n-ui/lib/Upload";
+const _excluded = ["className", "accept", "bucketName", "directory", "fileList", "uploadTip", "children", "uploadCallback"];
+/**
+ * @name 基于Upload组件进行多文件拖拽上传
+ * @param {string} className 自定义类名
+ * @param {string} accept 允许上传的文件类型 默认.doc和.pdf
+ * @param {string} bucketName 文件上传后存储的桶名 默认public
+ * @param {string} directory 文件上传后存储的文件夹路径 默认/files
+ * @param {UploadFile[]} fileList 上传的文件列表 用于受控时文件回显
+ * @param {function} uploadCallback 上传之后的回调
+ * @param {string} uploadTip 自定义上传提示文案
+ * @param {string} children 自定义上传按钮
+ * @author lichen
+ */
+import React, { useMemo, useState, useImperativeHandle, forwardRef, useEffect } from "react";
+import classNames from "classnames";
+import notification from "utils/notification";
+import { getEnvConfig } from "utils/iocUtils";
+import { getAccessToken, getCurrentOrganizationId } from "utils/utils";
+import { EXT_TYPE_MAP } from "../../../utils/const";
+import styles from "./index.module.less?modules";
+
+/** 对外暴露字段 */
+
+const _getEnvConfig = getEnvConfig(),
+  API_HOST = _getEnvConfig.API_HOST;
+const organizationId = getCurrentOrganizationId();
+const access_token = `bearer ${getAccessToken()}`;
+const Dragger = _Upload.Dragger;
+const DraggerUpload = /*#__PURE__*/forwardRef((props, ref) => {
+  const className = props.className,
+    _props$accept = props.accept,
+    accept = _props$accept === void 0 ? ".doc, .docx, .pdf" : _props$accept,
+    _props$bucketName = props.bucketName,
+    bucketName = _props$bucketName === void 0 ? "public" : _props$bucketName,
+    _props$directory = props.directory,
+    directory = _props$directory === void 0 ? "/files" : _props$directory,
+    fileList = props.fileList,
+    uploadTip = props.uploadTip,
+    children = props.children,
+    uploadCallback = props.uploadCallback,
+    rest = _objectWithoutProperties(props, _excluded);
+  const _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    filesPath = _useState2[0],
+    setFilesPath = _useState2[1]; // 上传的文件路径
+  const _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filesList = _useState4[0],
+    setFilesList = _useState4[1]; // 上传文件列表
+
+  // 根据accept类型初始化被允许的file.type类型
+  const acceptTypes = useMemo(() => {
+    var _accept$replace, _accept$replace$split, _accept$replace$split2;
+    return accept === null || accept === void 0 ? void 0 : (_accept$replace = accept.replace(/\s/g, "")) === null || _accept$replace === void 0 ? void 0 : (_accept$replace$split = _accept$replace.split(",")) === null || _accept$replace$split === void 0 ? void 0 : (_accept$replace$split2 = _accept$replace$split.map(ext => EXT_TYPE_MAP === null || EXT_TYPE_MAP === void 0 ? void 0 : EXT_TYPE_MAP[ext])) === null || _accept$replace$split2 === void 0 ? void 0 : _accept$replace$split2.filter(type => !!type);
+  }, [accept]);
+  useEffect(() => {
+    setFilesList(fileList || []);
+  }, [fileList]);
+
+  /** 对外暴露已上传的文件 */
+  useImperativeHandle(ref, () => ({
+    filesPath,
+    filesList
+  }), [filesPath, filesList]);
+
+  // 方案文件上传配置
+  const uploadProps = useMemo(() => ({
+    name: "file",
+    action: `${API_HOST}/hfle/v1/${organizationId}/files/multipart`,
+    headers: {
+      Authorization: access_token
+    },
+    accept,
+    data: {
+      bucketName,
+      directory
+    },
+    uploadImmediately: true,
+    showUploadList: true,
+    beforeUploadFiles: files => {
+      // 如果列表中只要存在允许类型范围之外的文件类型则禁止上传
+      for (let index = 0; index < (files === null || files === void 0 ? void 0 : files.length); index++) {
+        const file = files[index];
+        if (acceptTypes !== null && acceptTypes !== void 0 && acceptTypes.includes(file === null || file === void 0 ? void 0 : file.type)) {
+          continue;
+        }
+        notification.error({
+          message: `仅支持上传${accept}类型的文件`
+        });
+        return false;
+      }
+      return true;
+    },
+    onChange: ({
+      file,
+      fileList: files
+    }) => {
+      var _ref;
+      setFilesList(files);
+      const uploadedFileUrls = []; // 已上传的文件
+      // 上传完成或某项文件被删除后触发
+      if ((_ref = ["done", "removed"]) !== null && _ref !== void 0 && _ref.includes(file === null || file === void 0 ? void 0 : file.status)) {
+        const len = files === null || files === void 0 ? void 0 : files.length;
+        if (len > 0) {
+          for (let index = 0; index < len; index++) {
+            const fileItem = files[index];
+            const url = (fileItem === null || fileItem === void 0 ? void 0 : fileItem.response) || "";
+            if (url) {
+              uploadedFileUrls.push(url);
+            }
+          }
+        }
+        if ((uploadedFileUrls === null || uploadedFileUrls === void 0 ? void 0 : uploadedFileUrls.length) === len) {
+          setFilesPath(uploadedFileUrls);
+          if (typeof uploadCallback === "function") {
+            uploadCallback(uploadedFileUrls);
+          }
+        }
+      }
+    },
+    ...rest,
+    multiple: true
+  }), [accept]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.uploadWrap, className)
+  }, /*#__PURE__*/React.createElement(Dragger, _extends({}, uploadProps, {
+    fileList: filesList
+  }), children || /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadContent
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames("iconfont", "icon-dianjishangchuantubiao", styles.uploadIcon)
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.uploadDesc
+  }, "\u70B9\u51FB\u4E0A\u4F20\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u8FD9\u91CC\u4E0A\u4F20"), uploadTip || /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadTips
+  }, "\u652F\u6301\u683C\u5F0F\uFF1A", accept, "\uFF0C\u5355\u4E2A\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC720MB"))));
+});
+export default DraggerUpload;

package/lib/components/Upload/DraggerUpload/index.module.less

@@ -0,0 +1,30 @@
+// 拖拽上传组件样式
+.uploadWrap {
+  width: 100%;
+  :global {
+    .c7n-upload.c7n-upload-drag {
+      padding: 0.8rem 0;
+      border-radius: 0;
+      border-color: @primaryColor;
+      background-color: rgba(243,248,255,0.4) !important;
+    }
+  }
+  .uploadContent {
+    .flex(column, flex-start, center, nowrap);
+    width: 100%;
+    .uploadIcon {
+      line-height: normal;
+      font-size: 0.64rem;
+      color: @primaryColor;
+    }
+    .uploadDesc {
+      font-size: @fontSize18;
+      color: @primaryWord;
+    }
+    .uploadTips {
+      margin-top: 0.08rem;
+      font-size: @fontSize;
+      color: @minorWord;
+    }
+  }
+}

package/lib/components/Upload/FileUpload.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @name 基于Upload组件进行单文件上传
+ * @param {string} accept 允许上传的文件类型 默认.doc和.pdf
+ * @param {string} bucketName 文件上传后存储的桶名 默认public
+ * @param {string} directory 文件上传后存储的文件夹路径 默认/files
+ * @param {string} fileList 上传的文件列表 用于受控时文件回显
+ * @param {function} uploadCallback 上传之后的回调
+ * @param {string} children 自定义上传按钮
+ * @author lichen
+ */
+import React from "react";
+import type { UploadProps } from "choerodon-ui/lib/upload/Upload";
+import type { UploadFile } from "choerodon-ui/lib/upload/interface";
+interface IProps extends Omit<UploadProps, "directory"> {
+    /** 允许上传的文件类型 默认.doc和.pdf */
+    accept?: string;
+    /** 文件上传后存储的桶名 默认public */
+    bucketName?: string;
+    /** 文件上传后存储的文件夹路径 默认/files */
+    directory?: string;
+    /** 上传的文件列表 用于受控时文件回显 */
+    fileList?: UploadFile[];
+    /** 文件上传之后的回调 */
+    uploadCallback?: (url: string) => void;
+    /** 自定义上传按钮 */
+    children?: React.ReactNode;
+}
+/** 对外暴露字段 */
+export interface IFileUploadRef {
+    /** (单文件)上传的文件路径 */
+    filePath: string;
+    /** (单文件)上传的文件名称 */
+    fileName: string;
+}
+declare const FileUpload: React.ForwardRefExoticComponent<IProps & React.RefAttributes<IFileUploadRef>>;
+export default FileUpload;

package/lib/components/Upload/FileUpload.js

@@ -0,0 +1,122 @@
+import _Upload from "@hzero-front-ui/c7n-ui/lib/Upload";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _Button from "@hzero-front-ui/c7n-ui/lib/ButtonPro";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["accept", "bucketName", "directory", "fileList", "children", "uploadCallback"];
+/**
+ * @name 基于Upload组件进行单文件上传
+ * @param {string} accept 允许上传的文件类型 默认.doc和.pdf
+ * @param {string} bucketName 文件上传后存储的桶名 默认public
+ * @param {string} directory 文件上传后存储的文件夹路径 默认/files
+ * @param {string} fileList 上传的文件列表 用于受控时文件回显
+ * @param {function} uploadCallback 上传之后的回调
+ * @param {string} children 自定义上传按钮
+ * @author lichen
+ */
+
+import React, { useMemo, useState, useImperativeHandle, forwardRef, useEffect } from "react";
+import notification from "utils/notification";
+import { getEnvConfig } from "utils/iocUtils";
+import { getAccessToken, getCurrentOrganizationId } from "utils/utils";
+import { getFileName } from "../../utils/utils";
+import { EXT_TYPE_MAP } from "../../utils/const";
+import { ButtonType } from "choerodon-ui/pro/lib/button/enum";
+
+/** 对外暴露字段 */
+
+const _getEnvConfig = getEnvConfig(),
+  API_HOST = _getEnvConfig.API_HOST;
+const organizationId = getCurrentOrganizationId();
+const access_token = `bearer ${getAccessToken()}`;
+const FileUpload = /*#__PURE__*/forwardRef((props, ref) => {
+  const _props$accept = props.accept,
+    accept = _props$accept === void 0 ? ".doc, .docx, .pdf" : _props$accept,
+    _props$bucketName = props.bucketName,
+    bucketName = _props$bucketName === void 0 ? "public" : _props$bucketName,
+    _props$directory = props.directory,
+    directory = _props$directory === void 0 ? "/files" : _props$directory,
+    fileList = props.fileList,
+    children = props.children,
+    uploadCallback = props.uploadCallback,
+    rest = _objectWithoutProperties(props, _excluded);
+  const _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    filePath = _useState2[0],
+    setFilePath = _useState2[1]; // 上传的文件路径
+  const _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileName = _useState4[0],
+    setFileName = _useState4[1]; // 上传的文件名称
+  const _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filesList = _useState6[0],
+    setFilesList = _useState6[1]; // 上传文件列表
+
+  // 根据accept类型初始化被允许的file.type类型
+  const acceptTypes = useMemo(() => {
+    var _accept$split, _accept$split$map;
+    return accept === null || accept === void 0 ? void 0 : (_accept$split = accept.split(",")) === null || _accept$split === void 0 ? void 0 : (_accept$split$map = _accept$split.map(ext => EXT_TYPE_MAP === null || EXT_TYPE_MAP === void 0 ? void 0 : EXT_TYPE_MAP[ext])) === null || _accept$split$map === void 0 ? void 0 : _accept$split$map.filter(type => !!type);
+  }, [accept]);
+  useEffect(() => {
+    const fileName = getFileName(filePath);
+    setFileName(fileName);
+  }, [filePath]);
+  useEffect(() => {
+    setFilesList(fileList || []);
+  }, [fileList]);
+
+  /** 对外暴露docEditor实例 */
+  useImperativeHandle(ref, () => ({
+    filePath,
+    fileName
+  }), [filePath, fileName]);
+
+  // 方案文件上传配置
+  const uploadProps = useMemo(() => ({
+    name: "file",
+    action: `${API_HOST}/hfle/v1/${organizationId}/files/multipart`,
+    headers: {
+      Authorization: access_token
+    },
+    accept,
+    data: {
+      bucketName,
+      directory
+    },
+    uploadImmediately: true,
+    showUploadList: true,
+    beforeUpload: file => {
+      if (!(acceptTypes !== null && acceptTypes !== void 0 && acceptTypes.includes(file.type))) {
+        notification.error({
+          message: `仅支持上传${accept}类型的文件`
+        });
+        return false;
+      }
+      return true;
+    },
+    onSuccess: setFilePath,
+    onChange: ({
+      fileList: files
+    }) => {
+      const file = (files === null || files === void 0 ? void 0 : files[0]) || {};
+      if (acceptTypes !== null && acceptTypes !== void 0 && acceptTypes.includes(file === null || file === void 0 ? void 0 : file.type)) {
+        const url = (file === null || file === void 0 ? void 0 : file.response) || "";
+        setFilePath(url);
+        setFilesList(files);
+        if (typeof uploadCallback === "function") {
+          uploadCallback(url);
+        }
+      }
+    },
+    ...rest,
+    multiple: false
+  }), [accept]);
+  return /*#__PURE__*/React.createElement(_Upload, _extends({}, uploadProps, {
+    fileList: filesList
+  }), children || /*#__PURE__*/React.createElement(_Button, {
+    icon: "upload",
+    type: "button"
+  }, "\u4E0A\u4F20\u6587\u4EF6"));
+});
+export default FileUpload;

package/lib/components/Upload/index.d.ts

@@ -0,0 +1,4 @@
+import FileUpload from "./FileUpload";
+import BatchUpload from "./BatchUpload";
+import DraggerUpload from "./DraggerUpload";
+export { FileUpload, BatchUpload, DraggerUpload };

package/lib/components/Upload/index.js

@@ -0,0 +1,4 @@
+import FileUpload from "./FileUpload";
+import BatchUpload from "./BatchUpload";
+import DraggerUpload from "./DraggerUpload";
+export { FileUpload, BatchUpload, DraggerUpload };

package/lib/components/VipFlag/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @name VIP标识组件
+ * @param {string} text 该组件显示的文本
+ * @author chuzhengyang
+ */
+import React from "react";
+declare const VipFlag: React.FC<{
+    text: string;
+}>;
+export default VipFlag;

package/lib/components/VipFlag/index.js

@@ -0,0 +1,23 @@
+/**
+ * @name VIP标识组件
+ * @param {string} text 该组件显示的文本
+ * @author chuzhengyang
+ */
+import React from "react";
+import styles from "./index.module.less?modules";
+const VipFlag = props => {
+  const _props$text = props.text,
+    text = _props$text === void 0 ? "" : _props$text;
+  if (text.toLowerCase().indexOf("vip") !== -1) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: styles.vipFlag
+    }, text);
+  }
+  if (text.toLowerCase().indexOf("重点") !== -1) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: styles.focusFlag
+    }, text);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, text);
+};
+export default VipFlag;

package/lib/components/VipFlag/index.module.less

@@ -0,0 +1,20 @@
+.vipFlag {
+  display: inline-block;
+  line-height: 0.14rem;
+  padding: 0.05rem 0.12rem;
+  font-size: @fontSize;
+  font-weight: bold;
+  border-radius: 0.04rem;
+  color: @white;
+  background-image: linear-gradient(77deg, #7146ff 0%, #00daff 100%);
+}
+.focusFlag {
+  display: inline-block;
+  line-height: 0.14rem;
+  padding: 0.05rem 0.12rem;
+  font-size: @fontSize;
+  font-weight: bold;
+  border-radius: 0.04rem;
+  color: @white;
+  background-color: #0840f8;
+}

package/lib/typings.d.ts

@@ -0,0 +1,3 @@
+// import '../../../src/typings/global.d.ts';
+// eslint-disable-next-line
+/// <reference path="../../../src/typings.d.ts" />

package/lib/utils/const.d.ts

@@ -0,0 +1,21 @@
+export declare const EXT_TYPE_MAP: {
+    ".doc": string;
+    ".docx": string;
+    ".xls": string;
+    ".xlsx": string;
+    ".ppt": string;
+    ".pptx": string;
+    ".pdf": string;
+    ".jpg": string;
+    ".jpeg": string;
+    ".png": string;
+    ".gif": string;
+    ".bmp": string;
+    ".zip": string;
+    ".rar": string;
+    ".7z": string;
+    ".tar": string;
+    ".gz": string;
+    ".tgz": string;
+    ".bz2": string;
+};

package/lib/utils/const.js

@@ -0,0 +1,22 @@
+// 常见文件类型与file.type的对应关系
+export const EXT_TYPE_MAP = {
+  ".doc": "application/msword",
+  ".docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  ".xls": "application/vnd.ms-excel",
+  ".xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  ".ppt": "application/vnd.ms-powerpoint",
+  ".pptx": "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  ".pdf": "application/pdf",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".png": "image/png",
+  ".gif": "image/gif",
+  ".bmp": "image/bmp",
+  ".zip": "application/x-zip-compressed",
+  ".rar": "application/x-compressed",
+  ".7z": "application/x-compressed",
+  ".tar": "application/x-tar",
+  ".gz": "application/x-gzip",
+  ".tgz": "application/x-compressed",
+  ".bz2": "application/x-compressed"
+};