ydb-components-material 0.1.87 → 0.1.89

package/es/components/file-list/index.js

@@ -0,0 +1,258 @@
+import _Balloon from "@alifd/next/es/balloon";
+import React from 'react';
+var Tooltip = _Balloon.Tooltip;
+import FileItem from "./item";
+import "./index.scss";
+var MATERIAL_TYPE = {
+  1: '原件',
+  2: '复印件',
+  3: '原件或复印件',
+  4: '有电子签章的电子证照',
+  5: '证照扫描件'
+};
+var MATERIAL_FORMAT = {
+  1: 'doc',
+  2: 'docx',
+  3: 'ofd',
+  4: 'pdf',
+  5: 'xlsx',
+  6: 'xls',
+  7: 'png',
+  8: 'jpg',
+  9: 'jpeg',
+  10: 'gif',
+  11: 'bmp',
+  12: 'zip',
+  13: 'rar',
+  14: 'mp3',
+  15: 'mp4',
+  16: 'xml'
+};
+var FileList = function FileList(_ref) {
+  var fileList = _ref.fileList,
+    token = _ref.token,
+    tokenTY = _ref.tokenTY,
+    accessToken = _ref.accessToken,
+    userInfo = _ref.userInfo,
+    baseUrl = _ref.baseUrl,
+    env = _ref.env,
+    isPC = _ref.isPC,
+    disabled = _ref.disabled,
+    isShowLib = _ref.isShowLib,
+    style = _ref.style,
+    download = _ref.download,
+    valChange = _ref.valChange;
+  var convertNumbersToChinese = function convertNumbersToChinese(str) {
+    // 定义基础映射关系
+    var digitMap = {
+      '0': '〇',
+      '1': '一',
+      '2': '二',
+      '3': '三',
+      '4': '四',
+      '5': '五',
+      '6': '六',
+      '7': '七',
+      '8': '八',
+      '9': '九'
+    };
+
+    // 使用正则表达式全局匹配所有数字字符并进行替换
+    return String(str).replace(/\d/g, function (matchedDigit) {
+      return digitMap[matchedDigit];
+    }) + '、';
+  };
+
+  // 拼接材料的提示文案 - 一级材料
+  var getTipText = function getTipText(item) {
+    console.log('getTipText', item);
+    var materialSize = item.materialSize,
+      materialSpec = item.materialSpec,
+      materialType = item.materialType;
+    if (!materialSpec) return '';
+    var formatText = materialSpec.split(',').map(function (i) {
+      return MATERIAL_FORMAT[i];
+    }).join('、');
+    var sizeText = materialSize ? "\u5355\u4E2A\u4E0D\u8D85\u8FC7\u3010" + materialSize + "MB\u3011" : '';
+    return "\u9700\u4E0A\u4F20\u3010" + MATERIAL_TYPE[materialType] + "\u3011\uFF0C\u652F\u6301\u3010" + formatText + "\u3011\u683C\u5F0F\u3002" + sizeText;
+  };
+
+  // 拼接材料的提示文案 - 二级材料
+  var getTipTextForSubMaterial = function getTipTextForSubMaterial(item, index, subIndex) {
+    var subMaterials = fileList[index].subMaterials;
+    console.log('getTipTextForSubMaterial', item, index, subIndex);
+    console.log('subMaterials', subMaterials);
+    var materialSize = item.materialSize,
+      materialSpec = item.materialSpec,
+      materialType = item.materialType;
+    var groupId = fileList[index].subMaterials[subIndex].groupId;
+    if (!materialSpec) return '';
+    var formatText = materialSpec.split(',').map(function (i) {
+      return MATERIAL_FORMAT[i];
+    }).join('、');
+    var sameGroupIdMaterials = subMaterials.filter(function (m) {
+      return m.groupId === groupId;
+    });
+    var materialNames = sameGroupIdMaterials.map(function (m) {
+      return m.materialName;
+    });
+    var text = '';
+    if (materialNames.length > 1) {
+      text = "\u3010" + materialNames.join('和') + "\u3011\u81F3\u5C11\u4E0A\u4F20\u4E00\u4EFD\uFF0C";
+    }
+    var sizeText = materialSize ? "\u5355\u4E2A\u4E0D\u8D85\u8FC7\u3010" + materialSize + "MB\u3011" : '';
+    console.log('text', sizeText);
+    return text + "\u9700\u4E0A\u4F20\u3010" + MATERIAL_TYPE[materialType] + "\u3011\uFF0C\u652F\u6301\u3010" + formatText + "\u3011\u683C\u5F0F\u3002" + sizeText;
+  };
+  var handleChange = function handleChange(value, fileIndex, index, subIndex) {
+    console.log('handleChange', value, fileIndex, index, subIndex);
+    // 先找到一级目录
+    var oneLevelItem = fileList[index];
+    // 如果subIndex有值。再去找一下二级目录
+    if (subIndex !== undefined) {
+      // value为空，说明删除了
+      if (!value) {
+        oneLevelItem.subMaterials[subIndex].isSmart = false;
+        oneLevelItem.subMaterials[subIndex].isShareFile = false;
+        // 如果当前文件list中只有一个文件，还得补个空的
+        if (oneLevelItem.subMaterials[subIndex].fileList.length === 1) {
+          oneLevelItem.subMaterials[subIndex].fileList = [{
+            fileId: ''
+          }];
+        } else {
+          oneLevelItem.subMaterials[subIndex].fileList.splice(fileIndex, 1);
+        }
+      } else {
+        // 如果当前这个位置的fileId是空的。说明这次修改是新增
+        var isAdd = !oneLevelItem.subMaterials[subIndex].fileList[fileIndex].fileId;
+        oneLevelItem.subMaterials[subIndex].fileList[fileIndex] = value;
+        if (isAdd && oneLevelItem.subMaterials[subIndex].fileList.length < 10) {
+          oneLevelItem.subMaterials[subIndex].fileList.push({
+            fileId: ''
+          });
+        }
+      }
+    } else {
+      if (!value) {
+        oneLevelItem.isSmart = false;
+        oneLevelItem.isShareFile = false;
+        oneLevelItem.fileList.splice(fileIndex, 1);
+        if (oneLevelItem.fileList.length === 0) {
+          oneLevelItem.fileList.push({
+            fileId: ''
+          });
+        }
+      } else {
+        // 如果当前这个位置的fileId是空的。说明这次修改是新增
+        var _isAdd = !oneLevelItem.fileList[fileIndex].fileId;
+        oneLevelItem.fileList[fileIndex] = value;
+        if (_isAdd && oneLevelItem.fileList.length < 10) {
+          oneLevelItem.fileList.push({
+            fileId: ''
+          });
+        }
+      }
+    }
+    console.log('fileList--------res', fileList);
+    valChange(fileList);
+  };
+  var trigger = function trigger(child) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "tag",
+      style: {
+        backgroundColor: child.isSmart ? '#1678FF' : child.isShareFile ? '#15BC83' : '#9570F7'
+      }
+    }, child.isSmart ? '智' : child.isShareFile ? '享' : '自');
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "file_list",
+    style: style
+  }, fileList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "file_level_one"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "file_level_one_title"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "name_level_one"
+    }, convertNumbersToChinese(index + 1), item.materialName), !(item.subMaterials && item.subMaterials.length > 0) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      className: "required"
+    }, "*"), /*#__PURE__*/React.createElement(_Balloon, {
+      v2: true,
+      trigger: trigger(item),
+      triggerType: "click",
+      align: "tl",
+      title: "",
+      delay: 20
+    }, item.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : item.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料'))), item.subMaterials && item.subMaterials.length > 0 ? /*#__PURE__*/React.createElement("div", {
+      className: "file_level_two"
+    }, item.subMaterials.map(function (child, subIndex) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "file_level_two_item"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "file_level_two_title"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "name_level_two"
+      }, subIndex + 1, "\u3001", child.materialName), /*#__PURE__*/React.createElement("span", {
+        className: "required"
+      }, "*"), /*#__PURE__*/React.createElement(_Balloon, {
+        v2: true,
+        trigger: trigger(child),
+        triggerType: "click",
+        align: "tl",
+        title: "",
+        delay: 20
+      }, child.isSmart ? '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。' : child.isShareFile ? '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。' : '需要用户自行准备申报材料')), /*#__PURE__*/React.createElement("p", {
+        className: "tip"
+      }, getTipTextForSubMaterial(item, index, subIndex)), child.fileList.map(function (file, i) {
+        return /*#__PURE__*/React.createElement(FileItem, {
+          index: index,
+          subIndex: subIndex,
+          fileIndex: i,
+          file: file,
+          fileConfig: child,
+          maxFileSize: item.materialSize,
+          spec: item.materialSpec,
+          userInfo: userInfo,
+          token: token,
+          tokenTY: tokenTY,
+          accessToken: accessToken,
+          baseUrl: baseUrl,
+          env: env,
+          isPC: isPC,
+          disabled: disabled,
+          download: download,
+          valChange: handleChange,
+          style: {
+            marginBottom: '12px'
+          }
+        });
+      }));
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
+      className: "tip"
+    }, getTipText(item)), item.fileList.map(function (file, i) {
+      return /*#__PURE__*/React.createElement(FileItem, {
+        index: index,
+        fileIndex: i,
+        file: file,
+        fileConfig: item,
+        maxFileSize: item.materialSize,
+        spec: item.materialSpec,
+        isShowLib: isShowLib,
+        userInfo: userInfo,
+        token: token,
+        tokenTY: tokenTY,
+        accessToken: accessToken,
+        baseUrl: baseUrl,
+        env: env,
+        isPC: isPC,
+        disabled: disabled,
+        download: download,
+        valChange: handleChange,
+        style: {
+          marginBottom: '12px'
+        }
+      });
+    })));
+  }));
+};
+export default FileList;

package/es/components/file-list/index.scss

@@ -0,0 +1,61 @@
+.file_list {
+  .file_level_one {
+    background: #ffffff;
+    border-radius: 8px;
+    padding: 16px 12px;
+    margin-bottom: 12px;
+
+    .tip {
+      font-size: 12px;
+      color: #999999;
+      margin-top: 8px;
+    }
+
+    .required {
+      color: red;
+      margin-right: 8px;
+      margin-left: 2px;
+    }
+
+    .tag {
+      border-radius: 4px;
+      padding: 0 4px;
+      font-size: 12px;
+      color: #FFFFFF;
+    }
+
+    .name_level_one {
+      font-size: 15px;
+      font-weight: 500;
+      color: #333333;
+      margin-bottom: 0;
+    }
+
+    .file_level_one_title {
+      padding-bottom: 16px;
+      border-bottom: 1px solid #EEEEEE;
+      display: flex;
+      align-items: center;
+    }
+
+    .file_level_two {
+      margin-top: 16px;
+
+      .file_level_two_item {
+        margin-bottom: 16px;
+
+        .file_level_two_title {
+          display: flex;
+          align-items: center;
+        }
+      }
+
+      .name_level_two {
+        font-size: 14px;
+        font-weight: 500;
+        color: #323232;
+        margin-bottom: 0;
+      }
+    }
+  }
+}

package/es/components/file-list/item.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import './item.scss';
+export interface FileItemProps {
+    index: number;
+    subIndex: number;
+    fileIndex: number;
+    file: object;
+    fileConfig: object;
+    token: string;
+    tokenTY: string;
+    accessToken: string;
+    baseUrl: string;
+    env: string;
+    isPC?: boolean;
+    disabled?: boolean;
+    maxFileSize: number;
+    spec: string;
+    isInValid: boolean;
+    isShowLib: boolean;
+    userInfo: object;
+    style?: object;
+    del: () => void;
+    valChange: (value: any, fileIndex: any, index: any, subIndex: any) => void;
+    download: (value: any) => void;
+}
+declare const FileItem: React.FC<FileItemProps>;
+export default FileItem;