ydb-components-material 0.1.194 → 0.1.196

package/es/components/sign-file/useSignFile.js

@@ -0,0 +1,563 @@
+import _Dialog from "@alifd/next/es/dialog";
+import _Message from "@alifd/next/es/message";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useState, useEffect, useRef } from 'react';
+import { getSignRes } from "../file-list/signUtil";
+import { querySeal } from "../file-list/sealUtil";
+import { getGuideImg, getUrlById, onlinePreview } from "../../api";
+import { getFileExtension } from "./file.js";
+var SIGN = 1; // 签名
+var SEAL = 2; // 签章
+
+/**
+ * 签署文件的状态与业务逻辑，移动端（mobile.tsx）和 PC 端（pc.tsx）共用。
+ */
+export var useSignFile = function useSignFile(props, options) {
+  var file = props.file,
+    userInfo = props.userInfo,
+    token = props.token,
+    tokenTY = props.tokenTY,
+    accessToken = props.accessToken,
+    baseUrl = props.baseUrl,
+    env = props.env,
+    isPC = props.isPC,
+    download = props.download,
+    valChange = props.valChange,
+    applySeal = props.applySeal,
+    openLoading = props.openLoading,
+    closeLoading = props.closeLoading;
+  var _ref = options || {},
+    _ref$withThumbnail = _ref.withThumbnail,
+    withThumbnail = _ref$withThumbnail === void 0 ? false : _ref$withThumbnail;
+  var fileName = file.fileName,
+    fileId = file.fileId,
+    guideImg = file.signGuidFileId,
+    _file$signContent = file.signContent,
+    signContent = _file$signContent === void 0 ? [] : _file$signContent;
+  var _useState = useState(false),
+    isShowSignPage = _useState[0],
+    setIsShowSignPage = _useState[1];
+  var _useState2 = useState(false),
+    isShowSealPage = _useState2[0],
+    setIsShowSealPage = _useState2[1];
+  var _useState3 = useState(false),
+    isShowPreview = _useState3[0],
+    setIsShowPreview = _useState3[1];
+  var _useState4 = useState(''),
+    previewIframeUrl = _useState4[0],
+    setPreviewIframeUrl = _useState4[1];
+  var _useState5 = useState(''),
+    guideurl = _useState5[0],
+    setGuideurl = _useState5[1];
+  var _useState6 = useState(false),
+    isShowGuide = _useState6[0],
+    setIsShowGuide = _useState6[1];
+  var _useState7 = useState(''),
+    thumbnail = _useState7[0],
+    setThumbnail = _useState7[1]; // 缩略图
+  var _useState8 = useState(false),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = useState(),
+    sealedFile = _useState9[0],
+    setSealedFile = _useState9[1];
+  var _useState0 = useState(false),
+    hasSigned = _useState0[0],
+    setHasSigned = _useState0[1];
+  var _useState1 = useState(fileId),
+    currentFileId = _useState1[0],
+    setCurrentFileId = _useState1[1];
+  var fileCopy = useRef(_extends({}, file));
+  var timerRef = useRef(null);
+  var originalUrlRef = useRef('');
+
+  // 预览材料
+  var preview = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var urlRes, res;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (currentFileId) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            _context.next = 2;
+            return getUrlById({
+              id: currentFileId,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 2:
+            urlRes = _context.sent;
+            if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
+              _context.next = 4;
+              break;
+            }
+            _context.next = 3;
+            return onlinePreview({
+              url: urlRes.presignedUrlList[2]
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 3:
+            res = _context.sent;
+            setPreviewIframeUrl(res.url);
+            setIsShowPreview(true);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function preview() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // 签章引导
+  var showGuide = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var guideImgRes;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (guideImg) {
+              _context2.next = 1;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 1:
+            _context2.next = 2;
+            return getGuideImg({
+              id: guideImg,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 2:
+            guideImgRes = _context2.sent;
+            if (guideImgRes.presignedUrl) {
+              setGuideurl(guideImgRes.presignedUrl);
+              setIsShowGuide(true);
+            }
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function showGuide() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var onDownload = function onDownload() {
+    var format = getFileExtension(fileName);
+    download({
+      fileId: fileId,
+      format: format
+    });
+  };
+
+  // 获取预览图片
+  var getViewUrl = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(id) {
+      var type, _urlRes, urlRes, res, list;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            type = getFileExtension(fileName);
+            if (!['png', 'jpg', 'jpeg'].includes(type)) {
+              _context3.next = 2;
+              break;
+            }
+            _context3.next = 1;
+            return getUrlById({
+              id: fileId,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 1:
+            _urlRes = _context3.sent;
+            return _context3.abrupt("return", _urlRes.presignedUrlList[2]);
+          case 2:
+            if (!(type !== 'pdf')) {
+              _context3.next = 3;
+              break;
+            }
+            return _context3.abrupt("return", '');
+          case 3:
+            _context3.next = 4;
+            return getUrlById({
+              id: id,
+              effectiveTime: 3600000
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 4:
+            urlRes = _context3.sent;
+            if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
+              _context3.next = 7;
+              break;
+            }
+            _context3.next = 5;
+            return onlinePreview({
+              url: urlRes.presignedUrlList[2]
+            }, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 5:
+            res = _context3.sent;
+            _context3.next = 6;
+            return extractImageUrls(res.url);
+          case 6:
+            list = _context3.sent;
+            return _context3.abrupt("return", list[0]);
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function getViewUrl(_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var extractImageUrls = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(previewUrl) {
+      var response, htmlText, parser, doc, imgElements, srcList;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 1;
+            return fetch(previewUrl);
+          case 1:
+            response = _context4.sent;
+            _context4.next = 2;
+            return response.text();
+          case 2:
+            htmlText = _context4.sent;
+            parser = new DOMParser();
+            doc = parser.parseFromString(htmlText, 'text/html');
+            imgElements = doc.querySelectorAll('img');
+            srcList = Array.from(imgElements).map(function (img) {
+              return img.getAttribute('data-src');
+            });
+            return _context4.abrupt("return", srcList);
+          case 3:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function extractImageUrls(_x2) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  // 手写签批
+  var sign = function sign(fromSeal) {
+    if (fromSeal === void 0) {
+      fromSeal = false;
+    }
+    if (!fromSeal) setSealedFile(undefined);
+    setLoading(true);
+    setIsShowSignPage(true);
+  };
+
+  // 签章
+  var seal = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var type, sealList;
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            setSealedFile(undefined);
+            // 如果不需要签章 就直接去签字
+            if (signContent.map(function (i) {
+              return +i;
+            }).includes(SEAL)) {
+              _context5.next = 1;
+              break;
+            }
+            sign();
+            return _context5.abrupt("return");
+          case 1:
+            type = getFileExtension(fileName);
+            if (!(type !== 'pdf')) {
+              _context5.next = 2;
+              break;
+            }
+            _Message.notice('只有pdf文件才能使用电子签章');
+            return _context5.abrupt("return");
+          case 2:
+            _context5.next = 3;
+            return querySeal(userInfo, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC,
+              accessToken: accessToken
+            });
+          case 3:
+            sealList = _context5.sent;
+            if (!(userInfo.certificateSno && userInfo.certificateSno.substring(0, 2) === '92')) {
+              _context5.next = 4;
+              break;
+            }
+            if (sealList.length) {
+              // 有印章 → 对话框提示，可跳过走签批
+              _Dialog.confirm({
+                title: '提示',
+                footerAlign: 'center',
+                content: '本份材料可豁免签章流程，完成电子签名即可，是否确认跳过签章？',
+                okProps: {
+                  children: '继续签章'
+                },
+                cancelProps: {
+                  children: '跳过签章'
+                },
+                onOk: function onOk() {
+                  setIsShowSealPage(true);
+                },
+                onCancel: function onCancel() {
+                  sign();
+                },
+                onClose: function onClose() {
+                  setLoading(false);
+                }
+              });
+            } else {
+              // 无印章 → 对话框提示，可申请印章或跳过走签批
+              _Dialog.confirm({
+                title: '提示',
+                content: '经检测，本账户暂未申请企业印章，办理时可选择跳过签章流程完成签名；也可办好印章后再来办理此项业务',
+                footerAlign: 'center',
+                okProps: {
+                  children: '申请印章'
+                },
+                cancelProps: {
+                  children: '跳过签章'
+                },
+                onOk: function onOk() {
+                  applySeal();
+                },
+                onCancel: function onCancel() {
+                  sign();
+                },
+                onClose: function onClose() {
+                  setLoading(false);
+                }
+              });
+            }
+            return _context5.abrupt("return");
+          case 4:
+            if (sealList.length) {
+              _context5.next = 5;
+              break;
+            }
+            _Message.error('该单位下暂无印章，请前往"山西政务服务网"或"三晋通"小程序申领印章');
+            return _context5.abrupt("return");
+          case 5:
+            setLoading(true);
+            setIsShowSealPage(true);
+          case 6:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function seal() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  // 获取签批结果
+  var getRes = function getRes(val) {
+    setCurrentFileId(val.fileId);
+    // 同步最新的签署结果到 fileCopy，确保第三方"重新签署"时 SignPage 拿到的是本人/上次签完的文件
+    fileCopy.current = _extends({}, val);
+    valChange(val);
+    setHasSigned(true);
+  };
+
+  // 获取签章结果
+  var getSealRes = function getSealRes(val) {
+    // 如果还允许签批 就连住一起做了
+    if (signContent.map(function (i) {
+      return +i;
+    }).includes(SIGN)) {
+      setSealedFile(val);
+      sign(true);
+    } else {
+      setCurrentFileId(val.fileId);
+      // 签章后无连签时，同样同步 fileCopy，保证后续"重新签署"基于签章后的文件
+      fileCopy.current = _extends({}, val);
+      valChange(val);
+      setHasSigned(true);
+    }
+  };
+  var getSignedFile = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(documentIdVal, contractIdVal, nameVal) {
+      var newFile;
+      return _regeneratorRuntime.wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.next = 1;
+            return getSignRes(documentIdVal, contractIdVal, nameVal, true, {
+              token: token,
+              tokenTY: tokenTY,
+              baseUrl: baseUrl,
+              env: env,
+              isPC: isPC
+            });
+          case 1:
+            newFile = _context6.sent;
+            if (!newFile) {
+              _context6.next = 2;
+              break;
+            }
+            clearInterval(timerRef.current);
+            timerRef.current = null;
+            localStorage.removeItem(fileId);
+            closeLoading();
+            getRes(_extends({}, file, {
+              fileId: newFile.fileId,
+              fileName: nameVal,
+              fileUrl: newFile.fileUrlList[2],
+              originalUrl: originalUrlRef.current,
+              isSigned: true
+            }));
+            return _context6.abrupt("return", true);
+          case 2:
+            return _context6.abrupt("return", false);
+          case 3:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function getSignedFile(_x3, _x4, _x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (!withThumbnail || !currentFileId) return;
+    getViewUrl(currentFileId).then(function (url) {
+      setThumbnail(url);
+    });
+  }, [withThumbnail, currentFileId]);
+  useEffect(function () {
+    try {
+      var stored = localStorage.getItem(fileId);
+      if (stored) {
+        var _JSON$parse = JSON.parse(stored),
+          contrId = _JSON$parse.contractId,
+          docId = _JSON$parse.documentId,
+          nameVal = _JSON$parse.fileName,
+          originalUrl = _JSON$parse.fileUrl;
+        localStorage.removeItem(fileId);
+        originalUrlRef.current = originalUrl || '';
+        if (docId && contrId && nameVal) {
+          openLoading();
+          // 兜底：连续 10 次轮询仍未成功则结束轮询，避免无限请求
+          var pollCount = 0;
+          timerRef.current = setInterval(function () {
+            getSignedFile(docId, contrId, nameVal).then(function (success) {
+              // 成功时 getSignedFile 内部会清除轮询并关闭 loading
+              if (!success) {
+                pollCount += 1;
+                if (pollCount >= 10) {
+                  clearInterval(timerRef.current);
+                  timerRef.current = null;
+                  closeLoading();
+                }
+              }
+            });
+          }, 3000);
+        }
+      }
+    } catch (e) {}
+    return function () {
+      if (timerRef.current) {
+        clearInterval(timerRef.current);
+        timerRef.current = null;
+      }
+    };
+  }, [fileId]);
+  return {
+    // 数据
+    fileName: fileName,
+    originalFileId: fileId,
+    guideImg: guideImg,
+    thumbnail: thumbnail,
+    loading: loading,
+    isShowSignPage: isShowSignPage,
+    isShowSealPage: isShowSealPage,
+    isShowPreview: isShowPreview,
+    isShowGuide: isShowGuide,
+    previewIframeUrl: previewIframeUrl,
+    guideurl: guideurl,
+    sealedFile: sealedFile,
+    hasSigned: hasSigned,
+    fileCopy: fileCopy,
+    // 操作
+    preview: preview,
+    onDownload: onDownload,
+    showGuide: showGuide,
+    seal: seal,
+    getSealRes: getSealRes,
+    closeSignPage: function closeSignPage() {
+      return setIsShowSignPage(false);
+    },
+    closeSealPage: function closeSealPage() {
+      return setIsShowSealPage(false);
+    },
+    closePreview: function closePreview() {
+      return setIsShowPreview(false);
+    },
+    closeGuide: function closeGuide() {
+      return setIsShowGuide(false);
+    },
+    stopLoading: function stopLoading() {
+      return setLoading(false);
+    }
+  };
+};

package/es/index.d.ts

@@ -51,6 +51,8 @@ export type { CommentProps } from './components/guide/comment';
 export { default as Comment } from './components/guide/comment';
 export type { SignFileProps } from './components/sign-file';
 export { default as SignFile } from './components/sign-file';
+export type { SignFilePcProps } from './components/sign-file/pc';
+export { default as SignFilePc } from './components/sign-file/pc';
 export type { GuidePcProps } from './components/guide-pc';
 export { default as GuidePc } from './components/guide-pc';
 declare const bizCssPrefix = "bizpack";

package/es/index.js

@@ -31,6 +31,7 @@ export { default as DragDropList } from "./components/drag-drop";
 export { default as Guide } from "./components/guide";
 export { default as Comment } from "./components/guide/comment";
 export { default as SignFile } from "./components/sign-file";
+export { default as SignFilePc } from "./components/sign-file/pc";
 export { default as GuidePc } from "./components/guide-pc";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/lib/components/sign-file/icon/file_pc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="112" height="112" viewBox="0 0 112 112" fill="none"><defs><linearGradient id="signFilePcDoc" x1="0.5" y1="0" x2="0.5" y2="1"><stop offset="0%" stop-color="#DCEAFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="1"/></linearGradient><linearGradient id="signFilePcFolder" x1="0.5" y1="0" x2="0.5" y2="1"><stop offset="0%" stop-color="#5FA9FF" stop-opacity="1"/><stop offset="100%" stop-color="#2E7FF2" stop-opacity="1"/></linearGradient><linearGradient id="signFilePcFront" x1="0.5" y1="0" x2="0.5" y2="1"><stop offset="0%" stop-color="#6FB4FF" stop-opacity="1"/><stop offset="100%" stop-color="#3B8BFB" stop-opacity="1"/></linearGradient></defs><rect x="16" y="26" width="80" height="72" rx="10" fill="url(#signFilePcFolder)"/><rect x="27" y="4" width="58" height="78" rx="6" fill="url(#signFilePcDoc)"/><rect x="36" y="20" width="40" height="6" rx="3" fill="#C3DBFF"/><rect x="36" y="33" width="40" height="6" rx="3" fill="#C3DBFF"/><rect x="36" y="46" width="28" height="6" rx="3" fill="#C3DBFF"/><rect x="36" y="59" width="34" height="6" rx="3" fill="#C3DBFF"/><path d="M16 74h80v14a10 10 0 0 1-10 10H26a10 10 0 0 1-10-10V74Z" fill="url(#signFilePcFront)"/><rect x="34" y="82" width="44" height="10" rx="5" fill="#FFFFFF"/></svg>

package/lib/components/sign-file/icon/guide_pc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6.3" stroke="#1678FF" stroke-width="1.1"/><path d="M5.2 5.4a1.8 1.8 0 1 1 2.6 1.6c-.55.3-.8.6-.8 1.2v.35" stroke="#1678FF" stroke-width="1.15" stroke-linecap="round"/><circle cx="7" cy="9.85" r="0.72" fill="#1678FF"/></svg>

package/lib/components/sign-file/icon/sign_pc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M9.36 1.53a1.35 1.35 0 0 1 1.91 0l1.2 1.2a1.35 1.35 0 0 1 0 1.91l-1.02 1.02-3.11-3.11 1.02-1.02Z" stroke="#FFFFFF" stroke-width="1.1" stroke-linejoin="round"/><path d="M7.63 3.26 2.6 8.29a1 1 0 0 0-.26.45l-.55 2.1a.4.4 0 0 0 .49.49l2.1-.55a1 1 0 0 0 .45-.26l5.03-5.03-2.23-2.23Z" stroke="#FFFFFF" stroke-width="1.1" stroke-linejoin="round"/><path d="M1.4 12.9h11.2" stroke="#FFFFFF" stroke-width="1.1" stroke-linecap="round"/></svg>

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

@@ -1,25 +1,6 @@
 import React from 'react';
-import './index.scss';
-export interface SignFileProps {
-    /**
-     * 标题
-     */
-    file: object;
-    token: string;
-    tokenTY: string;
-    accessToken: string;
-    userInfo: object;
-    baseUrl: string;
-    env: string;
-    isPC?: boolean;
-    style?: object;
-    parentPageUrl: string;
-    applySeal: () => void;
-    openLoading: () => void;
-    closeLoading: () => void;
-    download: (value: any) => void;
-    valChange: (value: any) => void;
-    toSign?: (url: string) => void;
-}
+import type { SignFileProps } from './useSignFile';
+export type { SignFileProps, UseSignFileOptions } from './useSignFile';
+export type { SignFilePcProps } from './pc';
 declare const SignFile: React.FC<SignFileProps>;
 export default SignFile;