@toolspack/ttd-common 0.4.7 → 0.5.0

package/src/packages/ukey/nmCryptokit.ToToDi.js

@@ -0,0 +1,338 @@
+/* eslint-disable */
+export function nmCryptokit(browser) {
+    this.browser = browser;
+};
+
+nmCryptokit.chromeExtension = "ldpdnooafijfamkammjmhjnnfblekpno";
+nmCryptokit.edgeExtension = "odpbakhphoggmefmfppocigpfppblick";
+nmCryptokit.productID = "com.cfca.cryptokit.totodi";
+
+nmCryptokit.extensionName = nmCryptokit.productID + ".extension";
+nmCryptokit.reqEventName  = nmCryptokit.productID + ".request";
+nmCryptokit.respEventName = nmCryptokit.productID + ".response";
+
+nmCryptokit.Browser = {
+    IE:      "Internet Explorer",
+    Edge:    "Edge",
+    Edg:     "Edge(Chromium)",
+    Chrome:  "Chrome",
+    Safari:  "Safari",
+    Firefox: "Firefox",
+};
+
+export function GenerateRandomId() {
+    var charstring = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890';
+    var maxPos = charstring.length;
+    var randomId = '';
+    for (var i = 0; i < 10; i++) {
+        randomId += charstring.charAt(Math.floor(Math.random() * maxPos));
+    }
+    return randomId;
+}
+
+window.nmCryptokit = nmCryptokit
+// Encapsulate Chrome sendMessage callback to Promise
+nmCryptokit.SendMessageforChrome = function(request) {
+    return new Promise( function (resolve, reject) {
+        chrome.runtime.sendMessage(nmCryptokit.chromeExtension, request, function (response) {
+			if (response) {
+				if(0 == response.errorcode){ 
+                    resolve(response);                                    
+				}
+				else{
+                    reject(response);
+				}
+			}
+			else {
+			    var result = new Object();
+			    result.errorcode = 1;
+			    result.result = chrome.runtime.lastError.message;
+			    reject(result);
+			}
+		});
+    });
+}
+
+// Encapsulate Chrome sendMessage callback to Promise
+nmCryptokit.SendMessageforEdge = function(request) {
+    return new Promise( function (resolve, reject) {
+        chrome.runtime.sendMessage(nmCryptokit.edgeExtension, request, function (response) {
+			if (response) {
+				if(0 == response.errorcode){ 
+                    resolve(response);                                    
+				}
+				else{
+                    reject(response);
+				}
+			}
+			else {
+			    var result = new Object();
+			    result.errorcode = 1;
+			    result.result = chrome.runtime.lastError.message;
+			    reject(result);
+			}
+		});
+    });
+}
+
+
+// Encapsulate Edge&Firefox event to Promise
+nmCryptokit.SendMessagebyEvent = function(request) {
+    var event = new CustomEvent(nmCryptokit.reqEventName, { detail: request });
+    document.dispatchEvent(event);
+
+    return new Promise( function (resolve, reject) {
+	
+	    var responseEventName = nmCryptokit.respEventName;
+	    if(request.funcInfo != undefined && request.funcInfo.randomId != undefined)
+			responseEventName += ("." + request.funcInfo.randomId);
+			
+        document.addEventListener(responseEventName, function CallBack(e) {
+            document.removeEventListener(e.type, CallBack);
+            var eJson = JSON.parse(e.detail);
+            if (null != eJson && 0 == eJson.errorcode) {
+                resolve(eJson);
+            }
+            else {
+                reject(eJson);
+            }
+        }, false);
+    });
+}
+
+
+nmCryptokit.SendMessage = function(browser, requestJSON) {
+    if (nmCryptokit.Browser.Chrome == browser) {
+        return nmCryptokit.SendMessageforChrome(requestJSON);
+    }
+    else if(nmCryptokit.Browser.Edg == browser) {
+        return nmCryptokit.SendMessageforEdge(requestJSON);
+    }
+    else {
+        return nmCryptokit.SendMessagebyEvent(requestJSON);
+    }
+}
+
+
+nmCryptokit.checkExtension = function(browser) {
+    return new Promise(function (resolve, reject) {
+        var result = new Object();
+        console.log('444', browser)
+        if (nmCryptokit.Browser.Chrome == browser || nmCryptokit.Browser.Edg == browser) {
+            // chrome.runtime.sendMessage() could check extension  existence.
+
+            console.log('555', chrome)
+            if(chrome.runtime) {
+                resolve(browser);
+            }
+            else{
+                result.errorcode = 2;
+                result.result = "Extension does not exist!";
+                reject(result);	
+           }
+        }
+        else if (nmCryptokit.Browser.Edge == browser || nmCryptokit.Browser.Firefox == browser) {
+            if (document.getElementById(nmCryptokit.extensionName)) {
+                resolve(browser);
+            }
+            else {
+                result.errorcode = 2;
+                result.result = "Extension does not exist!";
+                reject(result);	            
+           }
+        }
+        else{
+                result.errorcode = 3;
+                result.result = "Only support Chrome/Edge/Firefox";
+                reject(result);        
+        }
+    });
+}
+	
+nmCryptokit.prototype.init = function () {
+
+    var browser = this.browser;
+    console.log('2223', browser)
+
+    return nmCryptokit.checkExtension(browser)
+        .then(function (browser) {
+            var request = new Object();
+            request.action = "connect";
+            request.host = nmCryptokit.productID;
+            return nmCryptokit.SendMessage(browser, request);
+        }).then(function () {	
+			var request = new Object();
+            var funcInfo = new Object();
+            var randomId = GenerateRandomId();
+	        
+            funcInfo.function = "GetLastErrorDesc";
+            funcInfo.params = null;
+            funcInfo.randomId = randomId;
+	        
+            request.action = "invoke";
+            request.funcInfo = funcInfo;
+	        
+            return nmCryptokit.SendMessage(browser, request);
+        });
+}
+
+
+nmCryptokit.prototype.uninit = function () {
+
+    var request = new Object();                   
+    request.action = "disconnect";
+    request.host = nmCryptokit.productID;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.getExtensionVersion = function ( ) {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    
+    funcInfo.function = "getExtensionVersion";
+    funcInfo.params = null;
+    request.action = "getExtensionVersion";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.getHostVersion = function () {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    var randomId = GenerateRandomId();
+           
+    funcInfo.function = "GetVersion";
+    funcInfo.params = null;
+    funcInfo.randomId = randomId;
+       
+    request.action = "invoke";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.SelectCertificate = function (bstrSubjectDNFilter, bstrIssuerDNFilter, bstrSerialNumFilter, bstrCSPNameList) {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    var paramArr = new Array();
+    var randomId = GenerateRandomId();
+
+    paramArr.push(bstrSubjectDNFilter);
+    paramArr.push(bstrIssuerDNFilter);
+    paramArr.push(bstrSerialNumFilter);
+    paramArr.push(bstrCSPNameList);
+
+    funcInfo.function = "SelectCertificate";
+    funcInfo.params = paramArr;
+    funcInfo.randomId = randomId;
+
+    request.action = "invoke";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.GetSignCertInfo = function (bstrInfoType) {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    var paramArr = new Array();
+    var randomId = GenerateRandomId();
+
+    paramArr.push(bstrInfoType);
+
+    funcInfo.function = "getSignCertInfo";
+    funcInfo.params = paramArr;
+    funcInfo.randomId = randomId;
+
+    request.action = "invoke";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.SignMsgPKCS7 = function (bstrSourceData, bstrHashAlg, bWithSourceData) {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    var paramArr = new Array();
+    var randomId = GenerateRandomId();
+
+    paramArr.push(bstrSourceData);
+    paramArr.push(bstrHashAlg);
+    paramArr.push(bWithSourceData);
+
+    funcInfo.function = "SignMsgPKCS7";
+    funcInfo.params = paramArr;
+    funcInfo.randomId = randomId;
+
+    request.action = "invoke";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.SignHashMsgPKCS7Detached = function (bstrSourceData, bstrHashAlg) {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    var paramArr = new Array();
+    var randomId = GenerateRandomId();
+
+    paramArr.push(bstrSourceData);
+    paramArr.push(bstrHashAlg);
+       
+    funcInfo.function = "SignHashMsgPKCS7Detached";
+    funcInfo.params = paramArr;
+    funcInfo.randomId = randomId;
+       
+    request.action = "invoke";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.GetVersion = function () {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    var randomId = GenerateRandomId();
+       
+    funcInfo.function = "GetVersion";
+    funcInfo.params = null;
+    funcInfo.randomId = randomId;
+       
+    request.action = "invoke";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}
+
+
+nmCryptokit.prototype.GetLastErrorDesc = function () {
+
+    var request = new Object();
+    var funcInfo = new Object();
+    var randomId = GenerateRandomId();
+
+    funcInfo.function = "GetLastErrorDesc";
+    funcInfo.params = null;
+    funcInfo.randomId = randomId;
+
+    request.action = "invoke";
+    request.funcInfo = funcInfo;
+
+    return nmCryptokit.SendMessage(this.browser, request);
+}

package/src/views/About.vue

@@ -1,14 +0,0 @@
-<template>
-  <div>
-    <div>这是一个基础模板</div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {}
-  },
-  created() {},
-  methods: {},
-}
-</script>

package/src/views/MakeLabel.vue

@@ -1,178 +0,0 @@
-<template>
-  <div class="main-wrapper flex">
-    <div class="flex-item">
-      <div class="page-title">
-        <span class="back-btn" @click="$router.go(-1)">
-          <i class="return"></i>
-        </span>
-        <span>标签配置</span>
-      </div>
-      <div class="page-content">
-        <div class="content-main">
-          <div class="border-line">
-            <div class="body-con">
-              <div class="contract-con">
-                <div class="title-con" style="position: relative">
-                  <div style="text-align: center">
-                    <switch-page @page="page = $event" :numPages="numPages"></switch-page>
-                  </div>
-                </div>
-                <div class="pdf-box">
-                  <pdf-view
-                    :pdfurl="fileUrl.url"
-                    :showPages="false"
-                    :border="true"
-                    :scale="1.5"
-                    :page="page"
-                    @size="onSize"
-                    @numPages="numPages = $event"
-                  >
-                    <ttd-label-make
-                      :labelViewData="labelContent"
-                      :labelCurrent="itemObj"
-                      :page="page"
-                      @getLabelData="getLabelData"
-                      :labelView="labelView"
-                    >
-                      <el-form-item class="remark-wrapper" label="是否换222行" prop="isMultiline">
-                        <el-select v-model="formData.isMultiline">
-                          <el-option label="单行" :value="0"></el-option>
-                          <el-option label="多行" :value="1"></el-option>
-                        </el-select>
-                      </el-form-item>
-                      <el-form-item class="remark-wrapper" label="是否换33行" prop="isMultiline">
-                        <el-select v-model="formData.isMultiline">
-                          <el-option label="单行" :value="0"></el-option>
-                          <el-option label="多行" :value="1"></el-option>
-                        </el-select>
-                      </el-form-item>
-                    </ttd-label-make>
-                  </pdf-view>
-                </div>
-              </div>
-              <div class="label-done">
-                <ttd-label-operate
-                  :showSelectLabel="false"
-                  :operateConfig="operateConfig"
-                  :labelData="labelData"
-                  @getSignItem="getSignItem"
-                >
-                  <search-label @emit-label="getSignItem" />
-                </ttd-label-operate>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="page-bottom">
-      <el-button @click="onCancel" style="width: 120px;">返 回</el-button>
-      <el-button @click="onSubmit" type="primary" style="width: 120px;">提 交</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-
-import { labelsManager, labelsInvestor } from './labels';
-
-export default {
-  data() {
-    return {
-      typeId: this.$route.query.id,
-      modelInfo: {},
-      fileUrl: {},
-      itemObj: null,
-      currentView: '',
-      page: 1,
-      numPages: 0,
-      textLabelList: [],
-      inputNameList: [],
-      labelData: [], // 将要提交的所有标签数据
-      labelView: 0,
-      labelContent: [],
-
-      sureBack: false,
-      operateConfig: [],
-      viewport: null,
-      formData: {},
-    };
-  },
-  created() {
-    this.getModelDetail()
-  },
-  methods: {
-    async onCancel() {
-      await this.$confirm('您确定不保留本次配置结果？', '提示')
-      this.$router.go(-1);
-    },
-    getLabelData(labelData) {
-      this.labelData = labelData;
-      this.itemObj = null
-    },
-
-    getSignItem(type) {
-      console.log('getSignItem=', type)
-      this.itemObj = type;
-    },
-    onSize(viewport, page) {
-      this.viewport = viewport
-      console.log('viewport', viewport)
-      console.log('page', page)
-    },
-
-    getModelDetail() {
-      this.fileUrl.url = 'https://wsp.totodi.com/visit/totodi-other/20210617-c71f4fc934ba4fb68d053e6960021c75-otocol.pdf?expireDataTime=1637835905131';
-      this.operateConfig = [labelsManager, labelsInvestor]
-    },
-
-    onSubmit() {
-      if (this.hasLabel()) {
-        const labelDetails = [];
-        const signDetails = [];
-        this.labelData.forEach((element) => {
-          const { xAxis, yAxis } = element
-          // const xLocation = Math.round(xAxis / 1.5)
-          // ttd-label-make 里计算的左边已经加了 标签高度
-          // const yLocation = Math.round((this.viewport.height - yAxis) / 1.5)
-          if (element.shape === 2 || element.shape === 4) {
-            signDetails.push(
-              {
-                ...element,
-                signLocationType: 3, // 签章定位方式：1：关键字定位 3:坐标 5:骑缝章
-                locationPage: element.pageIndex, // 页码（签章定位方式。）
-                xLocation: xAxis, // x坐标
-                yLocation: yAxis, // y坐标
-                stampType: element.sealTag || element.stampType,
-              },
-            )
-          } else {
-            // 合并标签的 是妥妥递做的，合章（待证书）是cfca做的，
-            // cfca 是以左下角为原点
-            labelDetails.push(
-              {
-                ...element,
-                aliasName: element.labelAlias, // 标记域描述(对应文本标签的标签)
-                labelType: 1, // 标记类型。1:text
-                isMust: '1', // 0非必填，1必填
-                labelContent: null, // 扩展内容。labelType为1,5可不填写
-                isMultiline: 0, // 是否换行  1--是 0--否
-              },
-            )
-          }
-        });
-        console.log(JSON.stringify(labelDetails), JSON.stringify(signDetails))
-      } else {
-        this.$alert(
-          '根据模板配置的签约方，尚有未完成配置的印章或签名标签，请完成配置后提交',
-          '提示',
-        );
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import "./MakelLabel.less";
-</style>

package/src/views/MakelLabel.less

@@ -1,162 +0,0 @@
-.index {
-  overflow: hidden;
-  padding-bottom: 20px;
-}
-
-.input-list {
-  float: left;
-  margin-left: 40px;
-}
-
-.input-list>div {
-  margin-bottom: 40px;
-}
-
-.title {
-  height: 50px;
-  line-height: 50px;
-  border-bottom: 1px solid #ccc;
-}
-
-.title h4 {
-  float: left;
-}
-
-.title i {
-  float: right;
-}
-
-.border-line {
-  margin-top: 16px;
-}
-
-.body-con {
-  overflow: hidden;
-  min-width: 1260px;
-  display: table-row;
-}
-
-.title-con {
-  padding: 0 20px;
-  font-size: 14px;
-  text-align: left;
-  line-height: 50px;
-  border-bottom: 1px solid #ccc;
-  display: table-cell;
-  vertical-align: top;
-}
-
-.contract-con {
-  min-width: 800px;
-  font-size: 16px;
-  text-align: center;
-  border: 1px solid #ccc;
-  box-sizing: border-box;
-  margin-right: 20px;
-}
-
-.label-done {
-  margin-left: 16px;
-  display: table-cell;
-  vertical-align: top;
-}
-
-.label-list {
-  margin: 10px auto;
-  padding: 10px 0;
-  text-align: center;
-  width: 300px;
-  border: 1px solid #ccc;
-}
-
-.label-list .label-item {
-  margin-bottom: 20px;
-}
-
-.label-list .label-item .btn {
-  width: 240px;
-}
-
-.input-width {
-  width: 200px;
-}
-
-.label-write {
-  padding: 20px 0px;
-  border-top: 1px dashed #ccc;
-}
-
-.foot-submit {
-  text-align: center;
-}
-
-.gongzhang {
-  margin: auto;
-  width: 150px;
-  height: 150px;
-  border-radius: 50%;
-  overflow: hidden;
-}
-
-.gongzhang img {
-  width: 100%;
-  height: 100%;
-}
-
-.label-name {
-  margin-top: 10px;
-  color: #20a0ff;
-  font-size: 14px;
-}
-
-.pdf-box {
-  position: relative;
-  display: inline-block;
-}
-
-.pdf-box .tag {
-  position: absolute;
-  z-index: 999;
-  top: 0;
-  display: none;
-}
-
-.allSign {
-  margin-bottom: 20px;
-}
-
-.view-btn {
-  width: 40px;
-  height: 20px;
-  background: none;
-  font-size: 12px !important;
-  border: 1px solid #3d82f7;
-  text-align: center;
-  line-height: 20px;
-  font-size: 14px;
-  border-radius: 2px;
-  padding: 0;
-  color: #3d82f7;
-  float: right;
-  cursor: pointer;
-  outline: none;
-}
-
-/*.pdf-box:hover .tag {*/
-/*display: block !important;*/
-/*}*/
-
-.close {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  position: absolute;
-  top: -10px;
-  right: -10px;
-  background: coral;
-  color: #fff;
-  transform: rotateZ(45deg);
-  text-align: center;
-  line-height: 20px;
-  cursor: pointer;
-}