ydb-components-material 0.1.87 → 0.1.88

package/es/components/file-list/icon/upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><g><g><rect x="0" y="5.958888053894043" width="14" height="2.0841517448425293" rx="1.0420758724212646" fill="#1678FF" fill-opacity="1"/><g transform="matrix(0,1,-1,0,8.041714668273926,-8.041714668273926)"><rect x="8.041714668273926" y="0" width="14" height="2.0841517448425293" rx="1.0420758724212646" fill="#1678FF" fill-opacity="1"/></g></g></g></svg>

package/es/components/file-list/icon/view.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_141_32160"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_141_32160)"><g><path d="M15.949896,7.7555661C16.016703,7.9388962,16.016703,8.0611272,15.949896,8.2444577C15.949896,8.2444577,15.883092,8.4277883,15.816283,8.4888978C15.749479,8.6722283,15.615868,8.8555694,15.482255,9.0999985C15.148229,9.5888891,14.680583,10.2000132,14.012527,10.8722239C12.743215,12.1555681,10.739035,13.5,8,13.5C5.2609663,13.5,3.2567897,12.1555681,1.987474,10.8722239C1.319415,10.2000132,0.85177505,9.5888891,0.51774478,9.0999985C0.51774478,9.0999985,0.18371604,8.4888978,0.18371604,8.4888978C0.11691014,8.4277883,0.050104432,8.2444577,0.050104432,8.2444577C-0.016701477,8.1222262,-0.016701477,7.9388962,0.050104432,7.7555661C0.050104432,7.7555661,0.1169103,7.5722361,0.18371604,7.5111141C0.25052202,7.3277841,0.38413364,7.1444426,0.51774478,6.9000139C0.85177356,6.4111221,1.319415,5.8000102,1.987474,5.127788799999999C3.2567489,3.8444551000000002,5.2609239,2.5,7.9999585,2.5C10.738992,2.5,12.743169,3.8444551000000002,14.012487,5.127788799999999C14.680545,5.8000102,15.148186,6.4111221,15.482213,6.900003C15.482213,6.900003,15.816243,7.5111032,15.816243,7.5111032C15.883049,7.5722246,15.949852,7.7555661,15.949852,7.7555661C15.949852,7.7555661,15.949896,7.7555661,15.949896,7.7555661ZM8.0000048,5.8000102C9.2025099,5.8000102,10.271409,6.7777824,10.271409,8.0000286C10.271409,9.22223,9.2025127,10.2000132,8.0000048,10.2000132C6.7974997,10.2000132,5.728601,9.22223,5.728601,8.0000286C5.728601,6.7777824,6.7974944,5.8000102,8.0000048,5.8000102C8.0000048,5.8000102,8.0000048,5.8000102,8.0000048,5.8000102ZM4.3924899,8.0000286C4.3924899,9.833352600000001,5.9958301,11.4222136,8.0000048,11.4222136C10.004179,11.4222136,11.607521,9.833352600000001,11.607521,8.0000286C11.607521,6.1666818,10.004179,4.5777981,8.0000048,4.5777981C5.9958305,4.5777981,4.3924899,6.1666818,4.3924899,8.0000286C4.3924899,8.0000286,4.3924899,8.0000286,4.3924899,8.0000286Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.scss';
+export interface FileListProps {
+    /**
+     * 列表数据
+     */
+    fileList: Array<object>;
+    token: string;
+    tokenTY: string;
+    accessToken: string;
+    userInfo: object;
+    baseUrl: string;
+    env: string;
+    isPC?: boolean;
+    disabled?: boolean;
+    style?: object;
+    download: (value: any) => void;
+    valChange: (value: any) => void;
+}
+declare const FileList: React.FC<FileListProps>;
+export default FileList;

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

@@ -0,0 +1,222 @@
+import React from 'react';
+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) {
+        // 如果当前文件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.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);
+  };
+  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("p", {
+      className: "name_level_one"
+    }, convertNumbersToChinese(index + 1), item.materialName), 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("p", {
+        className: "name_level_two"
+      }, subIndex + 1, "\u3001", child.materialName), /*#__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,36 @@
+.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;
+    }
+
+    .name_level_one {
+      font-size: 15px;
+      font-weight: 500;
+      color: #333333;
+      padding-bottom: 16px;
+      border-bottom: 1px solid #EEEEEE;
+    }
+
+    .file_level_two {
+      margin-top: 16px;
+
+      .file_level_two_item {
+        margin-bottom: 16px;
+      }
+
+      .name_level_two {
+        font-size: 14px;
+        font-weight: 500;
+        color: #323232;
+      }
+    }
+  }
+}

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;