ydb-components-material 0.1.186 → 0.1.188

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

@@ -174,6 +174,7 @@ var FileItem = function FileItem(_ref) {
   var _useState9 = useState(false),
     isShowMaterialPreview = _useState9[0],
     setIsShowMaterialPreview = _useState9[1];
+  // 测试数据：materialLib（联调/预览用，上线前请移除）
   var _useState0 = useState([]),
     materialLib = _useState0[0],
     setMaterialLib = _useState0[1];
@@ -1165,7 +1166,7 @@ var FileItem = function FileItem(_ref) {
   }), "\u4E0B\u8F7D")), isShowMaterialLib && /*#__PURE__*/React.createElement("div", {
     className: "material_lib"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "material_lib_content"
+    className: "material_lib_content" + (isPC ? '_pc' : '')
   }, /*#__PURE__*/React.createElement("div", {
     className: "material_lib_title"
   }, "\u9009\u62E9\u6750\u6599"), /*#__PURE__*/React.createElement("div", {

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

@@ -263,7 +263,8 @@
     z-index: 88;
     background-color: rgba(0, 0, 0, 0.5);
 
-    .material_lib_content {
+    .material_lib_content,
+    .material_lib_content_pc {
       width: 100%;
       position: absolute;
       bottom: 0;
@@ -373,6 +374,61 @@
     }
   }
 
+  // PC 端：材料库弹窗居中显示
+  .material_lib_content_pc {
+    width: 600px;
+    height: 500px;
+    max-width: 80vw;
+    position: absolute;
+    top: 50%;
+    left: 50% !important;
+    transform: translate(-50%, -50%);
+    border-radius: 8px !important;
+    overflow: hidden;
+    background-color: #FFFFFF !important;
+    padding: 24px;
+    // overflow-y: auto;
+
+    .material_lib_title {
+      text-align: left !important;
+    }
+
+    .list {
+      max-height: 300px !important;
+      overflow-y: auto;
+      background-color: #FFFFFF !important;
+      padding: 0 !important;
+      margin-bottom: 100px !important;
+
+      .item {
+        padding: 24px 0 !important;
+        border-bottom: 1px dashed #E5E5E5
+      }
+    }
+
+    .more {
+      margin-bottom: 0;
+    }
+
+    .bottom_btn {
+      position: static;
+      border-radius: 0 0 16px 16px;
+      justify-content: flex-end !important;
+      padding-right: 8px;
+
+      .btn {
+        margin-right: 16px;
+        width: 100px !important;
+        height: 40px !important;
+        border-radius: 4px !important;
+      }
+
+      .ok {
+        background: #1678FF !important;
+      }
+    }
+  }
+
   .preview {
     width: 100%;
     height: 100%;

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

@@ -49,8 +49,29 @@ function SignerInfo(props) {
     var _extends2;
     var newList = [].concat(signerInfoList);
     newList[index] = _extends({}, newList[index], (_extends2 = {}, _extends2[field] = val, _extends2));
+    // 切换签署方类型后，"签署内容"只有一个可选项则默认选中；无可选项则清空
+    if (field === 'signType') {
+      var options = getSignContentOptions(val);
+      if (options.length === 1) {
+        newList[index].signContent = options;
+      } else if (options.length === 0) {
+        newList[index].signContent = [];
+      }
+    }
     setSignerInfoList(newList);
   };
+  // "签署内容"的可选项：1=签名、2=签章（用字符串，兼容 PC Select 与移动端 Checkbox 的取值）
+  var getSignContentOptions = function getSignContentOptions(signType) {
+    var options = [];
+    if (signatureEnable && isNeedOtherSign) options.push('1');
+    if (signEnable && isNeedOtherSeal && signType === 1) options.push('2');
+    return options;
+  };
+  // "签署内容"只有一个可选项时，返回该选项作为默认选中值
+  var getDefaultSignContent = function getDefaultSignContent(signType) {
+    var options = getSignContentOptions(signType);
+    return options.length === 1 ? options : [];
+  };
   var getCurrentTime = function getCurrentTime() {
     var now = new Date();
     var year = now.getFullYear();
@@ -86,16 +107,14 @@ function SignerInfo(props) {
               }, {
                 label: '身份证号',
                 value: item.signerCerNo
-              }, {
-                label: '手机号',
-                value: item.signerPhoneNum
-              });
+              }
+              // { label: '手机号', value: item.signerPhoneNum },
+              );
             } else {
               // 企业：手机号、企业名称、统一社会信用代码、签署内容
-              fields.push({
-                label: '手机号',
-                value: item.signerPhoneNum
-              }, {
+              fields.push(
+              // { label: '手机号', value: item.signerPhoneNum },
+              {
                 label: '企业名称',
                 value: item.signerCompany
               }, {
@@ -170,7 +189,7 @@ function SignerInfo(props) {
       signType: 0,
       signerName: '',
       signerCompany: '',
-      signContent: ''
+      signContent: getDefaultSignContent(0)
     }]));
   };
   var handleDelete = function handleDelete(index) {
@@ -223,6 +242,13 @@ function SignerInfo(props) {
     }
   }, [signInfoMap, file]);
   useEffect(function () {
+    // "签署内容"只有一个可选项时默认选中（用字符串，与移动端 Checkbox / PC Select 的 value 保持一致）
+    var defaultSignContent = function defaultSignContent(signType) {
+      var options = [];
+      if (signatureEnable && isNeedOtherSign) options.push('1');
+      if (signEnable && isNeedOtherSeal && signType === 1) options.push('2');
+      return options.length === 1 ? options : [];
+    };
     if (signerInfo) {
       console.log('signerInfo', signerInfo);
       var corpName = signerInfo.corpName,
@@ -232,17 +258,18 @@ function SignerInfo(props) {
         signType: 1,
         signerCompany: corpName,
         signerCertificateSno: certificateSno,
-        signerPhoneNum: legalMobile
+        signerPhoneNum: legalMobile,
+        signContent: defaultSignContent(1)
       }]);
     } else {
       setSignerInfoList([{
         signType: 0,
         signerName: '',
         signerCompany: '',
-        signContent: ''
+        signContent: defaultSignContent(0)
       }]);
     }
-  }, [signerInfo]);
+  }, [signerInfo, signatureEnable, isNeedOtherSign, signEnable, isNeedOtherSeal]);
   useEffect(function () {
     if (canvasRef.current && url) {
       var options = {
@@ -356,19 +383,6 @@ function SignerInfo(props) {
       onChange: function onChange(val) {
         return handleFieldChange('signerCerNo', val, index);
       }
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "signer-info-item-box"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "signer-info-item-label"
-    }, "\u624B\u673A\u53F7", /*#__PURE__*/React.createElement("span", {
-      className: "signer-info-item-label-tip"
-    }, "*")), /*#__PURE__*/React.createElement(_Input, {
-      className: "signer-info-input",
-      placeholder: "\u8BF7\u8F93\u5165",
-      value: item.signerPhoneNum,
-      onChange: function onChange(val) {
-        return handleFieldChange('signerPhoneNum', val, index);
-      }
     })), item.signType === 1 && /*#__PURE__*/React.createElement("div", {
       className: "signer-info-item-box"
     }, /*#__PURE__*/React.createElement("div", {

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

@@ -180,6 +180,7 @@ var FileItem = function FileItem(_ref) {
   var _useState9 = (0, _react.useState)(false),
     isShowMaterialPreview = _useState9[0],
     setIsShowMaterialPreview = _useState9[1];
+  // 测试数据：materialLib（联调/预览用，上线前请移除）
   var _useState0 = (0, _react.useState)([]),
     materialLib = _useState0[0],
     setMaterialLib = _useState0[1];
@@ -1171,7 +1172,7 @@ var FileItem = function FileItem(_ref) {
   }), "\u4E0B\u8F7D")), isShowMaterialLib && /*#__PURE__*/_react["default"].createElement("div", {
     className: "material_lib"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "material_lib_content"
+    className: "material_lib_content" + (isPC ? '_pc' : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "material_lib_title"
   }, "\u9009\u62E9\u6750\u6599"), /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -263,7 +263,8 @@
     z-index: 88;
     background-color: rgba(0, 0, 0, 0.5);
 
-    .material_lib_content {
+    .material_lib_content,
+    .material_lib_content_pc {
       width: 100%;
       position: absolute;
       bottom: 0;
@@ -373,6 +374,61 @@
     }
   }
 
+  // PC 端：材料库弹窗居中显示
+  .material_lib_content_pc {
+    width: 600px;
+    height: 500px;
+    max-width: 80vw;
+    position: absolute;
+    top: 50%;
+    left: 50% !important;
+    transform: translate(-50%, -50%);
+    border-radius: 8px !important;
+    overflow: hidden;
+    background-color: #FFFFFF !important;
+    padding: 24px;
+    // overflow-y: auto;
+
+    .material_lib_title {
+      text-align: left !important;
+    }
+
+    .list {
+      max-height: 300px !important;
+      overflow-y: auto;
+      background-color: #FFFFFF !important;
+      padding: 0 !important;
+      margin-bottom: 100px !important;
+
+      .item {
+        padding: 24px 0 !important;
+        border-bottom: 1px dashed #E5E5E5
+      }
+    }
+
+    .more {
+      margin-bottom: 0;
+    }
+
+    .bottom_btn {
+      position: static;
+      border-radius: 0 0 16px 16px;
+      justify-content: flex-end !important;
+      padding-right: 8px;
+
+      .btn {
+        margin-right: 16px;
+        width: 100px !important;
+        height: 40px !important;
+        border-radius: 4px !important;
+      }
+
+      .ok {
+        background: #1678FF !important;
+      }
+    }
+  }
+
   .preview {
     width: 100%;
     height: 100%;

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

@@ -55,8 +55,29 @@ function SignerInfo(props) {
     var _extends2;
     var newList = [].concat(signerInfoList);
     newList[index] = (0, _extends3["default"])({}, newList[index], (_extends2 = {}, _extends2[field] = val, _extends2));
+    // 切换签署方类型后，"签署内容"只有一个可选项则默认选中；无可选项则清空
+    if (field === 'signType') {
+      var options = getSignContentOptions(val);
+      if (options.length === 1) {
+        newList[index].signContent = options;
+      } else if (options.length === 0) {
+        newList[index].signContent = [];
+      }
+    }
     setSignerInfoList(newList);
   };
+  // "签署内容"的可选项：1=签名、2=签章（用字符串，兼容 PC Select 与移动端 Checkbox 的取值）
+  var getSignContentOptions = function getSignContentOptions(signType) {
+    var options = [];
+    if (signatureEnable && isNeedOtherSign) options.push('1');
+    if (signEnable && isNeedOtherSeal && signType === 1) options.push('2');
+    return options;
+  };
+  // "签署内容"只有一个可选项时，返回该选项作为默认选中值
+  var getDefaultSignContent = function getDefaultSignContent(signType) {
+    var options = getSignContentOptions(signType);
+    return options.length === 1 ? options : [];
+  };
   var getCurrentTime = function getCurrentTime() {
     var now = new Date();
     var year = now.getFullYear();
@@ -92,16 +113,14 @@ function SignerInfo(props) {
               }, {
                 label: '身份证号',
                 value: item.signerCerNo
-              }, {
-                label: '手机号',
-                value: item.signerPhoneNum
-              });
+              }
+              // { label: '手机号', value: item.signerPhoneNum },
+              );
             } else {
               // 企业：手机号、企业名称、统一社会信用代码、签署内容
-              fields.push({
-                label: '手机号',
-                value: item.signerPhoneNum
-              }, {
+              fields.push(
+              // { label: '手机号', value: item.signerPhoneNum },
+              {
                 label: '企业名称',
                 value: item.signerCompany
               }, {
@@ -176,7 +195,7 @@ function SignerInfo(props) {
       signType: 0,
       signerName: '',
       signerCompany: '',
-      signContent: ''
+      signContent: getDefaultSignContent(0)
     }]));
   };
   var handleDelete = function handleDelete(index) {
@@ -229,6 +248,13 @@ function SignerInfo(props) {
     }
   }, [signInfoMap, file]);
   (0, _react.useEffect)(function () {
+    // "签署内容"只有一个可选项时默认选中（用字符串，与移动端 Checkbox / PC Select 的 value 保持一致）
+    var defaultSignContent = function defaultSignContent(signType) {
+      var options = [];
+      if (signatureEnable && isNeedOtherSign) options.push('1');
+      if (signEnable && isNeedOtherSeal && signType === 1) options.push('2');
+      return options.length === 1 ? options : [];
+    };
     if (signerInfo) {
       console.log('signerInfo', signerInfo);
       var corpName = signerInfo.corpName,
@@ -238,17 +264,18 @@ function SignerInfo(props) {
         signType: 1,
         signerCompany: corpName,
         signerCertificateSno: certificateSno,
-        signerPhoneNum: legalMobile
+        signerPhoneNum: legalMobile,
+        signContent: defaultSignContent(1)
       }]);
     } else {
       setSignerInfoList([{
         signType: 0,
         signerName: '',
         signerCompany: '',
-        signContent: ''
+        signContent: defaultSignContent(0)
       }]);
     }
-  }, [signerInfo]);
+  }, [signerInfo, signatureEnable, isNeedOtherSign, signEnable, isNeedOtherSeal]);
   (0, _react.useEffect)(function () {
     if (canvasRef.current && url) {
       var options = {
@@ -362,19 +389,6 @@ function SignerInfo(props) {
       onChange: function onChange(val) {
         return handleFieldChange('signerCerNo', val, index);
       }
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "signer-info-item-box"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "signer-info-item-label"
-    }, "\u624B\u673A\u53F7", /*#__PURE__*/_react["default"].createElement("span", {
-      className: "signer-info-item-label-tip"
-    }, "*")), /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      className: "signer-info-input",
-      placeholder: "\u8BF7\u8F93\u5165",
-      value: item.signerPhoneNum,
-      onChange: function onChange(val) {
-        return handleFieldChange('signerPhoneNum', val, index);
-      }
     })), item.signType === 1 && /*#__PURE__*/_react["default"].createElement("div", {
       className: "signer-info-item-box"
     }, /*#__PURE__*/_react["default"].createElement("div", {

package/lowcode_es/meta.js

@@ -98,7 +98,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.186';
+    version = '0.1.188';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/lowcode_lib/meta.js

@@ -103,7 +103,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.186';
+    version = '0.1.188';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-components-material",
-  "version": "0.1.186",
+  "version": "0.1.188",
   "description": "ydb-components-material",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -102,10 +102,10 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.186/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.188/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/ydb-components-material@0.1.186/build/index.html"
+  "homepage": "https://unpkg.com/ydb-components-material@0.1.188/build/index.html"
 }