ydb-components-material 0.1.108 → 0.1.109

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

@@ -20,7 +20,9 @@ function SignPage(props) {
     baseUrl = props.baseUrl,
     env = props.env,
     isPC = props.isPC,
-    closeLoading = props.closeLoading;
+    closeLoading = props.closeLoading,
+    _props$showClose = props.showClose,
+    showClose = _props$showClose === void 0 ? true : _props$showClose;
   var _useState = (0, _react.useState)(''),
     srcUrl = _useState[0],
     setSrcUrl = _useState[1];
@@ -136,7 +138,7 @@ function SignPage(props) {
   }, [srcUrl, documentId, contractId, name]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sign_page"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
+  }, showClose && /*#__PURE__*/_react["default"].createElement("img", {
     className: "sign_close",
     src: _close["default"],
     alt: "",

package/lib/components/file-list/signerInfo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './signerInfo.scss';
+declare function SignerInfo(props: any): JSX.Element;
+export default SignerInfo;

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

@@ -0,0 +1,263 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+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 _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+var _react = _interopRequireWildcard(require("react"));
+var _close_black = _interopRequireDefault(require("./icon/close_black.svg"));
+var _add = _interopRequireDefault(require("./icon/add.svg"));
+var _qrcode = _interopRequireDefault(require("qrcode"));
+require("./signerInfo.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); }
+var RadioGroup = _radio["default"].Group;
+function SignerInfo(props) {
+  var handleClose = props.handleClose,
+    signerInfo = props.signerInfo,
+    saveSignerInfo = props.saveSignerInfo;
+  var _React$useState = _react["default"].useState([]),
+    signerInfoList = _React$useState[0],
+    setSignerInfoList = _React$useState[1];
+  var _useState = (0, _react.useState)(false),
+    showQRcode = _useState[0],
+    setShowQRcode = _useState[1];
+  var canvasRef = (0, _react.useRef)(null);
+  var _useState2 = (0, _react.useState)('123123'),
+    url = _useState2[0],
+    setUrl = _useState2[1];
+  var handleFieldChange = function handleFieldChange(field, val, index) {
+    var _extends2;
+    var newList = [].concat(signerInfoList);
+    newList[index] = (0, _extends3["default"])({}, newList[index], (_extends2 = {}, _extends2[field] = val, _extends2));
+    setSignerInfoList(newList);
+  };
+  var next = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var saveRes;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 1;
+            return saveSignerInfo(signerInfoList);
+          case 1:
+            saveRes = _context.sent;
+            if (saveRes) {
+              setUrl('12312312');
+              setShowQRcode(true);
+            } else {
+              _message["default"].warning('信息保存失败，请重试');
+            }
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function next() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var addInfo = function addInfo() {
+    setSignerInfoList([].concat(signerInfoList, [{
+      signType: 0,
+      signerName: '',
+      signerCompany: '',
+      signContent: ''
+    }]));
+  };
+  var onCopy = function onCopy() {
+    navigator.clipboard.writeText(url);
+    _message["default"].success('复制成功');
+  };
+  (0, _react.useEffect)(function () {
+    if (signerInfo) {
+      setSignerInfoList([signerInfo]);
+    }
+  }, [signerInfo]);
+  (0, _react.useEffect)(function () {
+    if (canvasRef.current) {
+      var options = {
+        width: 250,
+        // 二维码的宽度
+        height: 250,
+        // 二维码的高度
+        color: {
+          dark: '#000000',
+          // 二维码的前景色（黑色）
+          light: '#ffffff' // 二维码的背景色（白色）
+        },
+        errorCorrectionLevel: 'H' // 错误修正级别：L (低), M (中), Q (较高), H (最高)
+      };
+      _qrcode["default"].toCanvas(canvasRef.current, url, options, function () {});
+    }
+  }, [url]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "signer-info-mask"
+  }, !showQRcode && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "signer-info"
+  }, /*#__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", {
+    className: "close",
+    src: _close_black["default"],
+    alt: "close",
+    onClick: handleClose
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "signer-info-content"
+  }, signerInfoList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item",
+      key: index,
+      style: {
+        marginBottom: index === signerInfoList.length - 1 ? '0' : '12px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-title"
+    }, /*#__PURE__*/_react["default"].createElement("span", null), "\u7B7E\u7F72\u65B9", index + 1), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-box",
+      style: {
+        paddingTop: '0'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      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, {
+      value: item.signType,
+      onChange: function onChange(val) {
+        return handleFieldChange('signType', val, index);
+      },
+      "aria-labelledby": "groupId"
+    }, /*#__PURE__*/_react["default"].createElement(_radio["default"], {
+      id: 0,
+      value: 0
+    }, "\u4E2A\u4EBA"), /*#__PURE__*/_react["default"].createElement(_radio["default"], {
+      id: 1,
+      value: 1
+    }, "\u4F01\u4E1A"))), item.signType === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u59D3\u540D", /*#__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.signerName,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerName', val, index);
+      }
+    })), item.signType === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u8EAB\u4EFD\u8BC1\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.signerCerNo,
+      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", {
+      className: "signer-info-item-label"
+    }, "\u4F01\u4E1A\u540D\u79F0", /*#__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.signerCompany,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerCompany', val, index);
+      }
+    })), item.signType === 1 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-box"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-label"
+    }, "\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801", /*#__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.signerCompany,
+      onChange: function onChange(val) {
+        return handleFieldChange('signerCompany', val, index);
+      }
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "signer-info-item-box",
+      style: {
+        border: 'none'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      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, {
+      value: item.signContent,
+      onChange: function onChange(val) {
+        return handleFieldChange('signContent', val, index);
+      },
+      "aria-labelledby": "groupId"
+    }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      id: "1",
+      value: "1"
+    }, "\u4EC5\u7B7E\u540D"), /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      id: "2",
+      value: "2"
+    }, "\u4EC5\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      id: "3",
+      value: "3"
+    }, "\u7B7E\u540D\u548C\u7B7E\u7AE0")))));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "footer"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "add",
+    onClick: addInfo
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _add["default"],
+    alt: ""
+  }), "\u6DFB\u52A0\u7B7E\u7F72\u65B9"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "next",
+    onClick: next
+  }, "\u4E0B\u4E00\u6B65"))), showQRcode && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "qrcode"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "qrcode-close",
+    src: _close_black["default"],
+    alt: "close",
+    onClick: handleClose
+  }), /*#__PURE__*/_react["default"].createElement("canvas", {
+    className: "qrcode-canvas",
+    ref: canvasRef
+  }), /*#__PURE__*/_react["default"].createElement("p", null, "\u7B7E\u7F72\u4E8C\u7EF4\u7801"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "tip"
+  }, "\u60A8\u53EF\u4EE5\u5C06\u4E8C\u7EF4\u7801\u622A\u56FE\u5206\u4EAB\u81F3\u7B7E\u7F72\u65B9\uFF0C\u4E5F\u53EF\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u5C06\u94FE\u63A5\u53D1\u9001\u81F3\u7B7E\u7F72\u65B9\uFF0C\u7B7E\u7F72\u65B9\u9700\u767B\u5F55\u4E09\u664B\u901A\u5C0F\u7A0B\u5E8F\uFF0C\u540C\u4E00\u4EFD\u6750\u6599\u8BF7\u52FF\u591A\u4EBA\u540C\u65F6\u7B7E\u7F72"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "copy-link",
+    onClick: onCopy
+  }, "\u590D\u5236\u94FE\u63A5")));
+}
+var _default = exports["default"] = SignerInfo;

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

@@ -0,0 +1,152 @@
+.signer-info-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.2);
+  z-index: 9;
+}
+.qrcode {
+  min-height: 50%;
+  border-radius: 16px 16px 0px 0px;
+  background: #F5F5F5;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+
+  .qrcode-close {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+
+  }
+
+  
+}
+.signer-info {
+  min-height: 50%;
+  max-height: 80%;
+  overflow: scroll;
+  border-radius: 16px 16px 0px 0px;
+  background: #F5F5F5;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+
+
+  .signer-info-title {
+    border-radius: 16px 16px 0px 0px;
+    background: #FFFFFF;
+    height: 54px;
+    font-size: 16px;
+    color: #333333;
+    text-align: center;
+    line-height: 54px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: sticky;
+    top: 0;
+    z-index: 9;
+
+    .close {
+      margin-left: auto;
+      position: absolute;
+      right: 16px;
+    }
+
+  }
+
+  .signer-info-content {
+    padding: 12px;
+    margin-bottom: 80px;
+
+    .signer-info-item {
+      .signer-info-item-title {
+        font-size: 15px;
+        color: #222222;
+        margin-bottom: 12px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        span {
+          width: 3px;
+          height: 13px;
+          border-radius: 1.5px;
+          opacity: 1;
+
+          background: linear-gradient(180deg, #7bb2ff 0%, #1678ff 100%);
+        }
+      }
+
+      .signer-info-item-content {
+        border-radius: 8px;
+        padding: 16px 12px;
+        background: #FFFFFF;
+        box-sizing: border-box;
+        border: 2px solid #FFFFFF;
+      }
+
+      .signer-info-item-box {
+        padding-bottom: 16px;
+        padding-top: 16px;
+        border-bottom: 1px solid #EEEEEE;
+        display: flex;
+        align-items: center;
+        gap: 16px;
+
+        .signer-info-item-label {
+          font-size: 15px;
+          font-weight: 500;
+          color: #333333;
+          width: 22%;
+          display: flex;
+
+          span {
+            font-size: 15px;
+            color: #F7625D;
+          }
+        }
+
+        .signer-info-input {
+          border: none!important;
+        }
+      }
+    }
+  }
+
+  .footer {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    background: #FFFFFF;
+    padding: 12px;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+
+    .add {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      font-size: 14px;
+      color: #999999;
+    }
+    .next {
+      height: 40px;
+      border-radius: 50px;
+      opacity: 1;
+      font-size: 15px;
+      color: #FFFFFF;
+      text-align: center;
+      line-height: 40px;
+      flex: 1;
+      background: linear-gradient(90deg, #73aeff 0%, #1678ff 100%);
+    }
+  }
+}

package/lib/components/guide/compoents/materials/materialsList.js

@@ -47,14 +47,8 @@ var MaterialsList = function MaterialsList(_ref) {
     setPreviewIframeUrl = _React$useState7[1];
   var tip = '根据您的情况为您展示精准材料清单。';
   React.useEffect(function () {
-    initDataNew();
-  }, []);
-  var initDataNew = function initDataNew() {
-    var finalMaterials = finalMaterialsProp;
-    var eventInfo = eventInfoProp;
-    var taskGeneralMaterials = (eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.taskGeneralMaterials) || [];
-    setList(finalMaterials || taskGeneralMaterials);
-  };
+    setList(finalMaterialsProp);
+  }, [finalMaterialsProp]);
   var showTip = function showTip(type) {
     var obj = {
       '智': '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。',

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

@@ -0,0 +1,18 @@
+import './item.scss';
+export interface SignProps {
+    file: object;
+    fileConfig: object;
+    token: string;
+    tokenTY: string;
+    accessToken: string;
+    baseUrl: string;
+    env: string;
+    isPC?: boolean;
+    disabled?: boolean;
+    maxFileSize: number;
+    spec: string;
+    isInValid: boolean;
+    userInfo: object;
+    style?: object;
+    openLoading: () => void;
+}

package/lib/components/sign/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./item.scss");