ydb-components-material 0.1.178 → 0.1.180

package/es/components/file-list/icon/tip.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_1431_73486"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1431_73486)"><g><path d="M0.99853515625,7.999608475C0.99853515625,4.1324209750000005,4.13291025625,0.998046875,8.00009775625,0.998046875C11.86728515625,0.998046875,15.00165915625,4.1324209750000005,15.00165915625,7.999608475C15.00165915625,11.866796875,11.86728515625,15.001170875,8.00009775625,15.001170875C4.13291025625,15.001170875,0.99853515625,11.866796875,0.99853515625,7.999608475ZM10.33603475625,2.4699210750000002C9.59697245625,2.155858475,8.811035656249999,1.9980460450000002,8.00009775625,1.9980460450000002C7.18916035625,1.998046875,6.40322255625,2.157421875,5.66416025625,2.469921875C4.95009755625,2.771484375,4.30791045625,3.204296575,3.75634765625,3.755859375C3.20478485625,4.307422175,2.7719725562499997,4.949609275,2.47040995625,5.663671975C2.15634765625,6.402734275,1.9985350362499998,7.188671575,1.9985350362499998,7.999609475C1.9985350362499998,8.810547374999999,2.15790995625,9.596485175,2.47040995625,10.335546475C2.7719725562499997,11.049607875,3.20478485625,11.691796875,3.75634765625,12.243358875C4.30791045625,12.794921875,4.95009755625,13.227733875,5.66416025625,13.529296875C6.40322255625,13.843358875,7.18916085625,14.001170875,8.00009865625,14.001170875C8.81103655625,14.001170875,9.59697345625,13.841794875,10.33603575625,13.529294875C11.05009715625,13.227733875,11.69228515625,12.794919875,12.24384815625,12.243358875C12.79541015625,11.691794875,13.22822315625,11.049607875,13.52978515625,10.335546475C13.84384715625,9.596483275,14.00165915625,8.810546375000001,14.00165915625,7.999608475C14.00165915625,7.188671075,13.84228415625,6.402733375,13.52978415625,5.663670975C13.22822215625,4.949608775,12.79540915625,4.307421175,12.24384715625,3.755858675C11.69228415625,3.204296075,11.05009715625,2.771483675,10.33603475625,2.4699210750000002ZM8.281133656249999,4.279218675C7.98290015625,4.279218675,7.74113365625,4.037452675,7.74113365625,3.739218675C7.74113365625,3.440984975,7.98290015625,3.199218775,8.281133656249999,3.199218775C8.57936765625,3.199218775,8.82113365625,3.440984975,8.82113365625,3.739218675C8.82113365625,4.037452675,8.57936765625,4.279218675,8.281133656249999,4.279218675ZM7.10048245625,12.163366875C6.81245185625,12.086140875,6.64154525625,11.790058875,6.71873235625,11.502016875L8.07173255625,6.452566575C7.68184565625,6.511972475,7.33722685625,6.738395675,7.12793305625,7.072666675C7.08604575625,7.145230775,6.99692865625,7.175603375,6.91944505625,7.143722975C6.84196135625,7.111842175,6.80002405625,7.027547875,6.82133295625,6.946516475L6.91793295625,6.586516375C7.14948275625,5.722305275,8.03776835625,5.209426875,8.90198325625,5.440966575C9.19019605625,5.517994875,9.36133955625,5.814139375,9.28418345625,6.102317775L7.93118385625,11.151767875C8.32110025625,11.092438875,8.66574855625,10.865997275,8.87498375625,10.531667675C8.91727165625,10.460005775,9.00580975625,10.430328375,9.08274265625,10.462030375C9.15967655625,10.493730575,9.20160575625,10.577165575,9.18113325625,10.657817875L9.08453275625,11.017818875C8.85298345625,11.882029875,7.96469735625,12.394907875,7.10048245625,12.163366875Z" fill-rule="evenodd" fill="#666666" fill-opacity="1"/></g></g></svg>

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

@@ -4,6 +4,7 @@ import React, { useEffect, useState } from 'react';
 import { getFileExtension } from "./file.js";
 import { getDictByCode } from "../../api";
 import Merge from "./merge";
+import TipIcon from "./icon/tip.svg";
 import FileItem from "./item";
 import "./index.scss";
 var MATERIAL_TYPE = {
@@ -284,6 +285,13 @@ var FileList = function FileList(_ref) {
       }
     }, child.isSmart ? '智' : child.isShareFile ? '享' : '自');
   };
+  var triggerTip = function triggerTip() {
+    return /*#__PURE__*/React.createElement("img", {
+      className: "tips",
+      src: TipIcon,
+      alt: ""
+    });
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "file_list",
     style: _extends({}, style, {
@@ -296,7 +304,15 @@ var FileList = function FileList(_ref) {
       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("div", {
+    }, convertNumbersToChinese(index + 1), item.materialName, item.remark && /*#__PURE__*/React.createElement(_Balloon, {
+      v2: true,
+      trigger: triggerTip(),
+      triggerType: "click",
+      align: "t",
+      arrowPointToCenter: true,
+      title: "",
+      delay: 20
+    }, item.remark)), !(item.subMaterials && item.subMaterials.length > 0) && /*#__PURE__*/React.createElement("div", {
       key: item.fileList.length,
       className: "title_info"
     }, /*#__PURE__*/React.createElement("span", {

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

@@ -37,6 +37,12 @@
       font-weight: 500;
       color: #333333;
       margin-bottom: 0;
+      display: flex;
+
+      .tips {
+        margin-left: 6px;
+
+      }
     }
 
     .file_level_one_title {

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

@@ -1229,7 +1229,10 @@ var FileItem = function FileItem(_ref) {
       sealContent: sealContent
     }
   }), isShowPreview && /*#__PURE__*/React.createElement("div", {
-    className: "preview"
+    className: "preview",
+    style: isPC ? {
+      height: '40vh'
+    } : undefined
   }, /*#__PURE__*/React.createElement("img", {
     className: "close",
     src: closeIcon,
@@ -1243,7 +1246,10 @@ var FileItem = function FileItem(_ref) {
     height: "600px",
     width: "100%"
   })), isShowMaterialPreview && /*#__PURE__*/React.createElement("div", {
-    className: "preview"
+    className: "preview",
+    style: isPC ? {
+      height: '40vh'
+    } : undefined
   }, /*#__PURE__*/React.createElement("img", {
     className: "close",
     src: closeIcon,
@@ -1257,7 +1263,10 @@ var FileItem = function FileItem(_ref) {
     height: "90%",
     width: "100%"
   })), isShowGuide && /*#__PURE__*/React.createElement("div", {
-    className: "preview"
+    className: "preview",
+    style: isPC ? {
+      height: '40vh'
+    } : undefined
   }, /*#__PURE__*/React.createElement("img", {
     className: "close",
     src: closeIcon,
@@ -1297,7 +1306,8 @@ var FileItem = function FileItem(_ref) {
     index: index,
     subIndex: subIndex,
     valChange: valChange,
-    env: env
+    env: env,
+    isPC: isPC
   }));
 };
 FileItem.displayName = 'FileItem';

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

@@ -1,5 +1,6 @@
 import _Checkbox from "@alifd/next/es/checkbox";
 import _Input from "@alifd/next/es/input";
+import _Select from "@alifd/next/es/select";
 import _Message from "@alifd/next/es/message";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
@@ -27,7 +28,8 @@ function SignerInfo(props) {
     fileIndex = props.fileIndex,
     fileItemIndex = props.index,
     subIndex = props.subIndex,
-    env = props.env;
+    env = props.env,
+    isPC = props.isPC;
   var _React$useState = React.useState([]),
     signerInfoList = _React$useState[0],
     setSignerInfoList = _React$useState[1];
@@ -240,7 +242,7 @@ function SignerInfo(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "signer-info-mask"
   }, !showQRcode && /*#__PURE__*/React.createElement("div", {
-    className: "signer-info"
+    className: "signer-info" + (isPC ? ' signer-info-pc' : '')
   }, /*#__PURE__*/React.createElement("div", {
     className: "signer-info-title"
   }, /*#__PURE__*/React.createElement("span", null, "\u7EF4\u62A4\u7B7E\u7F72\u4FE1\u606F"), /*#__PURE__*/React.createElement("img", {
@@ -278,7 +280,21 @@ function SignerInfo(props) {
       className: "signer-info-item-label"
     }, "\u7B7E\u7F72\u65B9\u7C7B\u578B", /*#__PURE__*/React.createElement("span", {
       className: "signer-info-item-label-tip"
-    }, "*")), /*#__PURE__*/React.createElement(RadioGroup, {
+    }, "*")), isPC ? /*#__PURE__*/React.createElement(_Select, {
+      className: "signer-info-select",
+      placeholder: "\u8BF7\u9009\u62E9",
+      value: String(item.signType),
+      onChange: function onChange(val) {
+        return handleFieldChange('signType', Number(val), index);
+      },
+      dataSource: [{
+        value: '0',
+        label: '个人'
+      }, {
+        value: '1',
+        label: '企业'
+      }]
+    }) : /*#__PURE__*/React.createElement(RadioGroup, {
       value: item.signType,
       onChange: function onChange(val) {
         return handleFieldChange('signType', val, index);
@@ -364,7 +380,23 @@ function SignerInfo(props) {
       className: "signer-info-item-label"
     }, "\u7B7E\u7F72\u5185\u5BB9", /*#__PURE__*/React.createElement("span", {
       className: "signer-info-item-label-tip"
-    }, "*")), /*#__PURE__*/React.createElement(_Checkbox.Group, {
+    }, "*")), isPC ? /*#__PURE__*/React.createElement(_Select, {
+      className: "signer-info-select",
+      placeholder: "\u8BF7\u9009\u62E9",
+      mode: "multiple",
+      value: (item.signContent || []).map(String),
+      onChange: function onChange(val) {
+        var list = Array.isArray(val) ? val : [val];
+        handleFieldChange('signContent', list.map(Number), index);
+      },
+      dataSource: [].concat(signatureEnable && isNeedOtherSign ? [{
+        value: '1',
+        label: '签名'
+      }] : [], signEnable && isNeedOtherSeal && item.signType === 1 ? [{
+        value: '2',
+        label: '签章'
+      }] : [])
+    }) : /*#__PURE__*/React.createElement(_Checkbox.Group, {
       value: item.signContent,
       onChange: function onChange(val) {
         return handleFieldChange('signContent', val, index);
@@ -385,11 +417,19 @@ function SignerInfo(props) {
   }, /*#__PURE__*/React.createElement("img", {
     src: addIcon,
     alt: ""
-  }), "\u6DFB\u52A0\u7B7E\u7F72\u65B9"), /*#__PURE__*/React.createElement("div", {
+  }), "\u6DFB\u52A0\u7B7E\u7F72\u65B9"), isPC ? /*#__PURE__*/React.createElement("div", {
+    className: "footer-btns"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cancel",
+    onClick: handleClose
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement("div", {
+    className: "next",
+    onClick: next
+  }, "\u4E0B\u4E00\u6B65")) : /*#__PURE__*/React.createElement("div", {
     className: "next",
     onClick: next
   }, "\u4E0B\u4E00\u6B65"))), showQRcode && /*#__PURE__*/React.createElement("div", {
-    className: "qrcode"
+    className: "qrcode" + (isPC ? ' qrcode-pc' : '')
   }, /*#__PURE__*/React.createElement("img", {
     className: "qrcode-close",
     src: closeIcon,

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

@@ -63,6 +63,104 @@
   left: 0;
   width: 100%;
 
+  // PC 端：居中显示在页面中上部，宽度占 70vw
+  &.signer-info-pc {
+    top: 10vh;
+    bottom: auto;
+    left: 50%;
+    transform: translateX(-50%);
+    background: #FFFFFF;
+    width: 70vw;
+    border-radius: 16px;
+    max-height: 80vh;
+    // flex 纵向布局：标题固定，内容区滚动，footer 始终贴底
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    // 卡片标题行：横向排布
+    .signer-info-item-title {
+      align-items: center;
+      .signer-info-item-delete {
+        margin-left: auto;
+      }
+    }
+
+    // 卡片内容：四个字段横向并排（grid 四列），每个字段内 label 在上、控件在下
+    .signer-info-item-content {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 8px 16px;
+      padding: 16px;
+      box-sizing: border-box;
+      margin-bottom: 70px !important;
+
+      .signer-info-item-box {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start !important;
+        gap: 8px;
+        border: none;
+        padding: 0 !important;
+        border: none !important;
+
+        .signer-info-item-label {
+          width: auto;
+          white-space: nowrap;
+          font-size: 13px;
+          color: #999999;
+        }
+
+        .signer-info-item-label-tip {
+          color: #F7625D;
+        }
+
+        // 输入框/下拉占满列宽
+        .signer-info-input,
+        .next-input,
+        .signer-info-select,
+        .next-select,
+        input {
+          width: 100%;
+        }
+
+      }
+    }
+
+
+
+    // 底部操作栏（定位由文件末尾的覆盖规则统一控制）
+    .footer {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-top: 1px solid #EEEEEE;
+      .footer-btns {
+        display: flex;
+        gap: 12px;
+        .cancel,
+        .next {
+          height: 36px;
+          padding: 0 24px;
+          border-radius: 5px;
+          font-size: 14px;
+          line-height: 36px;
+          text-align: center;
+          cursor: pointer;
+        }
+        .cancel {
+          border: 1px solid #1678FF;
+          color: #1678FF;
+          background: #FFFFFF;
+        }
+        .next {
+          background: #1678FF;
+          color: #FFFFFF;
+        }
+      }
+    }
+  }
+
 
   .signer-info-title {
     border-radius: 16px 16px 0px 0px;
@@ -187,3 +285,79 @@
     }
   }
 }
+
+// PC 端输入框/下拉强制加边框
+// 必须放在文件末尾且写满完整路径（5 个类，与移动端 border:none!important 规则特异性相同），
+// 依赖"源顺序在后优先"覆盖移动端的无边框样式
+// 普通输入框只加在 .next-input 上；下拉框只加在外层 .next-select 上，
+// 并把下拉框内层的 .next-input 边框去掉，避免"加两次"
+.signer-info-pc .signer-info-content .signer-info-item .signer-info-item-box .signer-info-input,
+.signer-info-pc .signer-info-content .signer-info-item .signer-info-item-box .next-input {
+  border: 1px solid #CCCCCC !important;
+  border-radius: 4px;
+  background: #FFFFFF;
+}
+.signer-info-pc .signer-info-content .signer-info-item .signer-info-item-box .next-select,
+.signer-info-pc .signer-info-content .signer-info-item .signer-info-item-box .signer-info-select {
+  border: 1px solid #CCCCCC !important;
+  border-radius: 4px;
+  background: #FFFFFF;
+}
+.signer-info-pc .signer-info-content .signer-info-item .signer-info-item-box .next-select .next-input,
+.signer-info-pc .signer-info-content .signer-info-item .signer-info-item-box .signer-info-select .next-input {
+  border: none !important;
+  border-radius: 4px;
+  background: transparent;
+}
+
+// PC 端底部操作栏固定贴在弹窗底部
+// flex 纵向布局下，footer 不需要 sticky/fixed，靠 flex 结构自然贴底
+.signer-info-pc .footer {
+  flex-shrink: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #FFFFFF;
+}
+
+// PC 端内容区：占满剩余高度并滚动，标题固定、footer 贴底
+.signer-info-pc .signer-info-content {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  margin-bottom: 0;
+  padding: 12px;
+}
+
+// PC 端标题：flex 布局下自然固定在顶部，禁用 sticky（flex 子项上 sticky 无意义）
+.signer-info-pc .signer-info-title {
+  position: static;
+  flex-shrink: 0;
+}
+
+// PC 端二维码弹窗：居中显示在页面中上部
+.qrcode-pc {
+  top: 10vh;
+  bottom: auto;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 420px;
+  max-width: 90vw;
+  border-radius: 16px;
+  padding: 40px 32px;
+  box-sizing: border-box;
+  text-align: center;
+
+  .qrcode-canvas {
+    margin: 0 auto;
+  }
+
+  .tip {
+    margin: 0 auto;
+  }
+
+  .copy-link {
+    margin: 24px auto 0;
+  }
+}

package/es/style.js

@@ -6,6 +6,7 @@ import '@alifd/next/es/balloon/style';
 import 'antd/es/cascader/style';
 import '@alifd/next/es/dialog/style';
 import '@alifd/next/es/input/style';
+import '@alifd/next/es/select/style';
 import '@alifd/next/es/loading/style';
 import '@alifd/next/es/button/style';
 import './index.scss';

package/lib/components/file-list/icon/tip.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_1431_73486"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1431_73486)"><g><path d="M0.99853515625,7.999608475C0.99853515625,4.1324209750000005,4.13291025625,0.998046875,8.00009775625,0.998046875C11.86728515625,0.998046875,15.00165915625,4.1324209750000005,15.00165915625,7.999608475C15.00165915625,11.866796875,11.86728515625,15.001170875,8.00009775625,15.001170875C4.13291025625,15.001170875,0.99853515625,11.866796875,0.99853515625,7.999608475ZM10.33603475625,2.4699210750000002C9.59697245625,2.155858475,8.811035656249999,1.9980460450000002,8.00009775625,1.9980460450000002C7.18916035625,1.998046875,6.40322255625,2.157421875,5.66416025625,2.469921875C4.95009755625,2.771484375,4.30791045625,3.204296575,3.75634765625,3.755859375C3.20478485625,4.307422175,2.7719725562499997,4.949609275,2.47040995625,5.663671975C2.15634765625,6.402734275,1.9985350362499998,7.188671575,1.9985350362499998,7.999609475C1.9985350362499998,8.810547374999999,2.15790995625,9.596485175,2.47040995625,10.335546475C2.7719725562499997,11.049607875,3.20478485625,11.691796875,3.75634765625,12.243358875C4.30791045625,12.794921875,4.95009755625,13.227733875,5.66416025625,13.529296875C6.40322255625,13.843358875,7.18916085625,14.001170875,8.00009865625,14.001170875C8.81103655625,14.001170875,9.59697345625,13.841794875,10.33603575625,13.529294875C11.05009715625,13.227733875,11.69228515625,12.794919875,12.24384815625,12.243358875C12.79541015625,11.691794875,13.22822315625,11.049607875,13.52978515625,10.335546475C13.84384715625,9.596483275,14.00165915625,8.810546375000001,14.00165915625,7.999608475C14.00165915625,7.188671075,13.84228415625,6.402733375,13.52978415625,5.663670975C13.22822215625,4.949608775,12.79540915625,4.307421175,12.24384715625,3.755858675C11.69228415625,3.204296075,11.05009715625,2.771483675,10.33603475625,2.4699210750000002ZM8.281133656249999,4.279218675C7.98290015625,4.279218675,7.74113365625,4.037452675,7.74113365625,3.739218675C7.74113365625,3.440984975,7.98290015625,3.199218775,8.281133656249999,3.199218775C8.57936765625,3.199218775,8.82113365625,3.440984975,8.82113365625,3.739218675C8.82113365625,4.037452675,8.57936765625,4.279218675,8.281133656249999,4.279218675ZM7.10048245625,12.163366875C6.81245185625,12.086140875,6.64154525625,11.790058875,6.71873235625,11.502016875L8.07173255625,6.452566575C7.68184565625,6.511972475,7.33722685625,6.738395675,7.12793305625,7.072666675C7.08604575625,7.145230775,6.99692865625,7.175603375,6.91944505625,7.143722975C6.84196135625,7.111842175,6.80002405625,7.027547875,6.82133295625,6.946516475L6.91793295625,6.586516375C7.14948275625,5.722305275,8.03776835625,5.209426875,8.90198325625,5.440966575C9.19019605625,5.517994875,9.36133955625,5.814139375,9.28418345625,6.102317775L7.93118385625,11.151767875C8.32110025625,11.092438875,8.66574855625,10.865997275,8.87498375625,10.531667675C8.91727165625,10.460005775,9.00580975625,10.430328375,9.08274265625,10.462030375C9.15967655625,10.493730575,9.20160575625,10.577165575,9.18113325625,10.657817875L9.08453275625,11.017818875C8.85298345625,11.882029875,7.96469735625,12.394907875,7.10048245625,12.163366875Z" fill-rule="evenodd" fill="#666666" fill-opacity="1"/></g></g></svg>

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

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _file = require("./file.js");
 var _api = require("../../api");
 var _merge = _interopRequireDefault(require("./merge"));
+var _tip = _interopRequireDefault(require("./icon/tip.svg"));
 var _item = _interopRequireDefault(require("./item"));
 require("./index.scss");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -290,6 +291,13 @@ var FileList = function FileList(_ref) {
       }
     }, child.isSmart ? '智' : child.isShareFile ? '享' : '自');
   };
+  var triggerTip = function triggerTip() {
+    return /*#__PURE__*/_react["default"].createElement("img", {
+      className: "tips",
+      src: _tip["default"],
+      alt: ""
+    });
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "file_list",
     style: (0, _extends2["default"])({}, style, {
@@ -302,7 +310,15 @@ var FileList = function FileList(_ref) {
       className: "file_level_one_title"
     }, /*#__PURE__*/_react["default"].createElement("p", {
       className: "name_level_one"
-    }, convertNumbersToChinese(index + 1), item.materialName), !(item.subMaterials && item.subMaterials.length > 0) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, convertNumbersToChinese(index + 1), item.materialName, item.remark && /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
+      v2: true,
+      trigger: triggerTip(),
+      triggerType: "click",
+      align: "t",
+      arrowPointToCenter: true,
+      title: "",
+      delay: 20
+    }, item.remark)), !(item.subMaterials && item.subMaterials.length > 0) && /*#__PURE__*/_react["default"].createElement("div", {
       key: item.fileList.length,
       className: "title_info"
     }, /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -37,6 +37,12 @@
       font-weight: 500;
       color: #333333;
       margin-bottom: 0;
+      display: flex;
+
+      .tips {
+        margin-left: 6px;
+
+      }
     }
 
     .file_level_one_title {

package/lib/components/file-list/item.js

@@ -1235,7 +1235,10 @@ var FileItem = function FileItem(_ref) {
       sealContent: sealContent
     }
   }), isShowPreview && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "preview"
+    className: "preview",
+    style: isPC ? {
+      height: '40vh'
+    } : undefined
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "close",
     src: _close["default"],
@@ -1249,7 +1252,10 @@ var FileItem = function FileItem(_ref) {
     height: "600px",
     width: "100%"
   })), isShowMaterialPreview && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "preview"
+    className: "preview",
+    style: isPC ? {
+      height: '40vh'
+    } : undefined
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "close",
     src: _close["default"],
@@ -1263,7 +1269,10 @@ var FileItem = function FileItem(_ref) {
     height: "90%",
     width: "100%"
   })), isShowGuide && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "preview"
+    className: "preview",
+    style: isPC ? {
+      height: '40vh'
+    } : undefined
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "close",
     src: _close["default"],
@@ -1303,7 +1312,8 @@ var FileItem = function FileItem(_ref) {
     index: index,
     subIndex: subIndex,
     valChange: valChange,
-    env: env
+    env: env,
+    isPC: isPC
   }));
 };
 FileItem.displayName = 'FileItem';

package/lib/components/file-list/signerInfo.js

@@ -6,6 +6,7 @@ exports["default"] = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _checkbox = _interopRequireDefault(require("@alifd/next/lib/checkbox"));
 var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
 var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -33,7 +34,8 @@ function SignerInfo(props) {
     fileIndex = props.fileIndex,
     fileItemIndex = props.index,
     subIndex = props.subIndex,
-    env = props.env;
+    env = props.env,
+    isPC = props.isPC;
   var _React$useState = _react["default"].useState([]),
     signerInfoList = _React$useState[0],
     setSignerInfoList = _React$useState[1];
@@ -246,7 +248,7 @@ function SignerInfo(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "signer-info-mask"
   }, !showQRcode && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "signer-info"
+    className: "signer-info" + (isPC ? ' signer-info-pc' : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "signer-info-title"
   }, /*#__PURE__*/_react["default"].createElement("span", null, "\u7EF4\u62A4\u7B7E\u7F72\u4FE1\u606F"), /*#__PURE__*/_react["default"].createElement("img", {
@@ -284,7 +286,21 @@ function SignerInfo(props) {
       className: "signer-info-item-label"
     }, "\u7B7E\u7F72\u65B9\u7C7B\u578B", /*#__PURE__*/_react["default"].createElement("span", {
       className: "signer-info-item-label-tip"
-    }, "*")), /*#__PURE__*/_react["default"].createElement(RadioGroup, {
+    }, "*")), isPC ? /*#__PURE__*/_react["default"].createElement(_select["default"], {
+      className: "signer-info-select",
+      placeholder: "\u8BF7\u9009\u62E9",
+      value: String(item.signType),
+      onChange: function onChange(val) {
+        return handleFieldChange('signType', Number(val), index);
+      },
+      dataSource: [{
+        value: '0',
+        label: '个人'
+      }, {
+        value: '1',
+        label: '企业'
+      }]
+    }) : /*#__PURE__*/_react["default"].createElement(RadioGroup, {
       value: item.signType,
       onChange: function onChange(val) {
         return handleFieldChange('signType', val, index);
@@ -370,7 +386,23 @@ function SignerInfo(props) {
       className: "signer-info-item-label"
     }, "\u7B7E\u7F72\u5185\u5BB9", /*#__PURE__*/_react["default"].createElement("span", {
       className: "signer-info-item-label-tip"
-    }, "*")), /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Group, {
+    }, "*")), isPC ? /*#__PURE__*/_react["default"].createElement(_select["default"], {
+      className: "signer-info-select",
+      placeholder: "\u8BF7\u9009\u62E9",
+      mode: "multiple",
+      value: (item.signContent || []).map(String),
+      onChange: function onChange(val) {
+        var list = Array.isArray(val) ? val : [val];
+        handleFieldChange('signContent', list.map(Number), index);
+      },
+      dataSource: [].concat(signatureEnable && isNeedOtherSign ? [{
+        value: '1',
+        label: '签名'
+      }] : [], signEnable && isNeedOtherSeal && item.signType === 1 ? [{
+        value: '2',
+        label: '签章'
+      }] : [])
+    }) : /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Group, {
       value: item.signContent,
       onChange: function onChange(val) {
         return handleFieldChange('signContent', val, index);
@@ -391,11 +423,19 @@ function SignerInfo(props) {
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: _add["default"],
     alt: ""
-  }), "\u6DFB\u52A0\u7B7E\u7F72\u65B9"), /*#__PURE__*/_react["default"].createElement("div", {
+  }), "\u6DFB\u52A0\u7B7E\u7F72\u65B9"), isPC ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer-btns"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cancel",
+    onClick: handleClose
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "next",
+    onClick: next
+  }, "\u4E0B\u4E00\u6B65")) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "next",
     onClick: next
   }, "\u4E0B\u4E00\u6B65"))), showQRcode && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "qrcode"
+    className: "qrcode" + (isPC ? ' qrcode-pc' : '')
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "qrcode-close",
     src: _close_black["default"],