@toolspack/ttd-common 0.2.1 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolspack/ttd-common",
-  "version": "0.2.1",
+  "version": "0.2.4",
   "private": false,
   "main": "lib/ttd-common.umd.min.js",
   "scripts": {
@@ -18,7 +18,10 @@
     "less": "^3.8.1",
     "less-loader": "^4.1.0",
     "pdfjs-dist": "^2.2.228",
-    "vue": "^2.6.11"
+    "node-sass": "^4.14.1",
+    "sass-loader": "^10.1.0",
+    "vue": "^2.6.11",
+    "vue-router": "^3.5.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -28,10 +31,10 @@
     "babel-eslint": "^10.1.0",
     "babel-preset-es2015": "^6.24.1",
     "eslint": "^6.7.2",
-    "vue-template-compiler": "^2.6.11",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-vue": "^6.2.2"
+    "eslint-plugin-vue": "^6.2.2",
+    "vue-template-compiler": "^2.6.11"
   }
 }

package/src/App.vue

@@ -2,6 +2,8 @@
   <div id="app">
     <el-button @click="viewImg">预览</el-button>
     <img :src="pdfurl+'&w=120'" />
+    <router-link to="/about">Go to Foo</router-link>
+    <router-view></router-view>
   </div>
 </template>
 

package/src/main.js

@@ -6,6 +6,14 @@ import vkUI from './packages/index'
 
 import hevueImgPreview from './packages/img-view' // 引入
 
+import router from './router/route'
+
+// import './styles/element-variables.scss'
+// import './styles/common.less'
+// import './styles/common.scss'
+
+import 'element-ui/lib/theme-chalk/index.css';
+
 Vue.config.productionTip = false;
 // import 'babel-polyfill'
 Vue.use(hevueImgPreview)
@@ -15,5 +23,6 @@ Vue.use(vkUI) // 注册
 Vue.use(EUI, { zIndex: 3000 })
 
 new Vue({
+  router,
   render: (h) => h(App),
 }).$mount('#app');

package/src/packages/cfca/CfcaPdf.vue

@@ -375,6 +375,7 @@ export default {
       console.log('OnClickPoint--', `nPageNo=${nPageNo}, x=${x}, y=${y}`);
       try {
         this.PDFCtrl.SignFile_KeyImage(nPageNo, x, y);
+        this.$emit('cfca-point', nPageNo, x, y)
       } catch (e) {
         const LastErrorDesc = this.PDFCtrl.GetLastErrorDesc();
         alert(LastErrorDesc);

package/src/packages/index.js

@@ -30,7 +30,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 export default {
   // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
-  version: '0.1.9',
+  version: '0.2.2',
   install,
   // 以下是具体的组件列表
   TtdLabelMake,

package/src/packages/label-list/LabelOperate.vue

@@ -3,26 +3,18 @@
   <div class="label-done-area">
     <div class="label-group">
       <el-menu
-        class="el-menu-vertical-demo title-con"
+        class="label-operate-menu title-con"
+        text-color="#4B5973"
         menu-trigger="click"
         >
-        <template v-for="(item, index) in opreaConfig">
-          <el-submenu :index="''+index" :key="index">
+          <el-submenu  :index="''+index" v-for="(item, index) in operateConfig" :key="index" >
             <template slot="title">
               <span>{{item.typeName}}</span>
             </template>
-            <el-menu-item-group v-for="(item2,index2) in item.typeSeal" :key="index2">
-              <el-menu-item :index="index+'-'+index2" @click="changeColor(index,index2)">
-                <el-button
-                  type="text"
-                  @click="emitSignItem(item2)"
-                  :class="{'colorChnage':ind=== index+'-'+index2, 'label-item-btn': true}"
-                  >{{item2.name}}
-                </el-button>
-              </el-menu-item>
-            </el-menu-item-group>
+            <el-menu-item v-for="(item2,index2) in item.typeSeal" :key="index2" :index="index+'-'+index2" @click="changeColor(index,index2)">
+               <span  @click="emitSignItem(item2)" :class="{'colorChnage':ind=== index+'-'+index2, 'label-item-btn': true}" slot="title">{{item2.name}}</span>
+            </el-menu-item>
           </el-submenu>
-        </template>
       </el-menu>
     </div>
     <!-- 文本标签的插槽 -->
@@ -36,7 +28,7 @@
 export default {
   name: 'TtdLabelOperate',
   props: {
-    opreaConfig: {
+    operateConfig: {
       // 可以打的标签
       type: [Array],
       default: () => [],
@@ -60,17 +52,15 @@ export default {
 </script>
 <style  lang="less">
 .label-done-area {
-  .label-group {
-    .el-submenu__title {
+  .label-operate-menu{
+     .el-submenu__title {
       font-size: 18px;
-      padding: 0 !important;
+      color: #222 !important;
       border-bottom: 1px solid #dcdde3;
     }
-    .el-submenu__title:hover {
-      color: #2e6be6;
-    }
-    .el-menu-item {
-      padding: 0 !important;
+    .el-menu-item{
+      height: 40px;
+      line-height: 40px;
     }
     .el-menu.el-menu--inline {
       border-bottom: 1px solid #dcdde3;
@@ -85,52 +75,26 @@ export default {
       transform: translateY(-50%);
     }
     .el-submenu.is-opened .el-submenu__title {
-      background: #fff !important;
       border-bottom: 1px solid #dcdde3;
     }
-    .el-menu.el-menu--inline li {
-      background: #fbfcfd !important;
-    }
-    .el-menu-item-group__title {
-      height: 0 !important;
-      padding: 0 !important;
-    }
-    .el-submenu.is-active > .el-submenu__title,
-    .el-submenu.is-active > .el-submenu__title i {
-      color: #2e6be6 !important;
-    }
-    .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
-      -webkit-transform: rotateX(180deg);
-      transform: rotateX(180deg);
-    }
-    .label-item-btn {
-      line-height: 50px;
+  }
+}
+</style>
+
+<style lang="less" scoped>
+.label-group {
+  margin-bottom: 20px;
+  border: 1px solid #ccc;
+   .label-item-btn {
+      line-height: 40px;
       width: 280px;
       background: none;
-      color: #222222;
       border: none;
       cursor: pointer;
       padding: 0;
       text-align: left;
       font-size: 16px;
     }
-  }
-}
-</style>
-
-<style scoped>
-.label-group {
-  margin-bottom: 20px;
-  border: 1px solid #ccc;
-}
-.title-con {
-  text-indent: 20px;
-  color: #333;
-  font-size: 20px;
-  line-height: 50px;
-  border-bottom: 1px solid #ccc;
-  margin-bottom: -1px;
-  margin-right: -1px;
 }
 .label-done-area {
   width: 320px;

package/src/packages/make-label/LabelMake.vue

@@ -22,13 +22,13 @@
         :key="index"
       >
         <i class="labelCon" :style="getStyleCon(item)">
-          <span class="span-text">{{item.labelType === 2 ? '' : item.showName}}</span>
+          <span class="span-text">{{item.showName}}</span>
         </i>
         <i v-if="isclose" class="close" @click="deleteTag(item, index)">+</i>
         <div v-if="item.labelType===1 && issize" v-size="handlerResize" class="resize-tag"></div>
       </labelItem>
     </template>
-    <LabelProterty ref="proterty" @change="onChange" />
+    <LabelProterty ref="proterty" @change="onChange"></LabelProterty>
   </div>
 </template>
 <script>
@@ -171,7 +171,7 @@ export default {
         } else {
           // 返回字符串的 index
           const index = me.mousedownEl.getAttribute('index')
-          console.log(`move${index}`, me.mousedownEl.offsetTop)
+          // console.log(`move${index}`, me.mousedownEl.offsetTop)
           if (index) {
             // 需要转换成Number
             const targetLabel = me.labelData[Number(index)]
@@ -300,7 +300,7 @@ export default {
       // 指定最外层容器的mousemove执行的方法
       this.mousedownEl = el
       this.mousedonwType = 'move'
-      console.log('move mousemoveFn', e.target.className)
+      // console.log('move mousemoveFn', e.target.className)
       if (e.target.className === 'close' || e.target.className === 'resize-tag') {
         return
       }

package/src/packages/make-label/directive.js

@@ -3,7 +3,7 @@ const directive = {
     inserted(el, binding, vnode) {
       el.onmousedown = function (e) {
         binding.value(e, el)
-        console.log('执行onmousedown', el.className)
+        // console.log('执行onmousedown', el.className)
         e.stopPropagation();
       }
     },
@@ -13,7 +13,7 @@ const directive = {
       // 修改标签大小
       el.onmousedown = function (e) {
         binding.value(e, el)
-        console.log('onmousedown', el.className)
+        // console.log('onmousedown', el.className)
         e.stopPropagation();
       }
     },

package/src/router/route.js

@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router';
+
+import MakeLabel from '../views/MakeLabel.vue'
+import About from '../views/About.vue'
+
+const routes = [{
+  path: '/about',
+  component: About,
+}, {
+  path: '/test',
+  component: MakeLabel,
+}]
+Vue.use(VueRouter)
+export default new VueRouter({
+  mode: 'history',
+  routes,
+})

package/src/styles/base.scss

@@ -0,0 +1,3 @@
+$click-color: #2E6BE6;
+$btn-color: #222222;
+$base-color2: #41C89D;