unify-external-plugin-platform 0.0.2 → 0.0.3-2

package/packages/scanner-high-camera-jieyu/src/component/scanner-high-camera-component.vue

@@ -1,292 +0,0 @@
-<!--
- - @author: lvcy
- - @date: 2023-02-07
- - @description：scanner-high-camera-component
- -->
-<template>
-  <div class="scanner-high-camera-component">
-    <div class="scanner-result-content">
-      <div class="content-main flex-1">
-        <div class="load-success" v-if="loadSuccess">
-          <img id="photo" :src="scannerResultSrc"/>
-        </div>
-        <div class="load-error" v-else>
-          <i class="el-icon-s-cooperation"></i>
-          <p>请先安装插件</p>
-        </div>
-      </div>
-      <div class="handle-action">
-        <el-select v-model="camera" @change="selectChange" size="small" class="select">
-          <el-option v-for="item in cameras" :key="item.value" :label="item.name" :value="item.value">
-          </el-option>
-        </el-select>
-        <template
-            v-for="item in buttonList"
-        >
-          <el-button
-              :key="item.name"
-              type="primary"
-              size="small"
-              @click="handleAction(item.name)"
-          >{{ item.label }}</el-button>
-        </template>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {Component, Vue} from "vue-property-decorator";
-
-
-const BEGIN_DATA = 'data:image/jpeg;base64,';
-
-@Component({
-  name: "scanner-high-camera-component"
-})
-export default class ScannerHighCameraComponent extends Vue {
-  totalTimeLength: number = 0;
-  timeLength: string = '';
-  timer: number = 0;
-  str1: string = '';
-  str2: string = '';
-  webSocket: any;
-
-  scannerResultSrc = '';
-
-  loadSuccess = true;
-
-  camera = 0;
-
-  cameras = [
-    {name: '文档', value: 0},
-    {name: '照片', value: 1}
-  ]
-
-
-
-  buttonList = [
-    // {label: '启动主', name: 'start-main'},
-    // {label: '旋转启动主', name: 'rotation'},
-    // {label: '启动副', name: 'start-vice'},
-    // {label: '停止', name: 'stop'},
-    // {label: '自动对焦', name: 'autofocus'},
-    // {label: '去黑边', name: 'Black edge'},
-    // {label: 'Base64', name: 'base64'},
-    // {label: '开始录屏', name: 'start-record'},
-    // {label: '停止录屏', name: 'stop-record'},
-    {label: '拍照', name: 'take-pictures'},
-    // {label: '设置去灰底', name: ''},
-    // {label: 'FILTER设置', name: ''},
-    // {label: 'PIN设置', name: ''},
-    // {label: '自动寻边', name: ''},
-    // {label: '身份证自动寻边', name: ''},
-    // {label: 'vSetExposure', name: ''},
-    // {label: 'vSetBrightness', name: ''},
-    // {label: 'vSetContrast', name: ''},
-    // {label: '设置分辨率', name: ''},
-  ]
-
-  mounted () {
-    this.webSocket = new WebSocket('ws://127.0.0.1:1818');
-
-    window.onbeforeunload = () => {
-      this.webSocket.send("bStopPlay()");
-      this.webSocket.send("bStopPlay4()");
-    };
-
-
-    this.webSocket.onerror = (event) => {
-      this.onError(event);
-    };
-
-    this.webSocket.onopen = (event) => {
-      this.onOpen(event);
-    };
-
-    this.webSocket.onclose = (event) => {
-      this.onClose(event);
-      this.webSocket.send("bStopPlay()");
-    };
-
-    this.webSocket.onmessage = (event) => {
-      this.onMessage(event)
-    }
-
-    setTimeout(() => {
-      this.handleAction('start-main')
-    }, 800)
-
-  }
-
-  destroyed () {
-    this.handleAction('stop');
-    this.webSocket.close();
-  }
-
-  selectChange(val) {
-    let handleName = val === 1 ? 'start-vice' : 'start-main';
-    this.handleAction(handleName);
-  }
-
-  handleAction(name) {
-    switch (name) {
-      case 'start-main':
-        this.StartPlay_onclick()
-        break;
-      case 'rotation':
-        this.start('bStartPlayRotate(90)');
-        break;
-      case 'start-vice':
-        this.start('bStartPlay2');
-        break;
-      case 'stop':
-        this.start('bStopPlay');
-        break;
-      case 'autofocus':
-        this.start('AutoFocus');
-        break;
-      case 'Black edge':
-        this.start('vSetDelHBFlag(true)');
-        break;
-      case 'base64':
-        this.start('sGetBase64');
-        break;
-      case 'start-record':
-        this.start('bStartRec(d:\\test.avi)');
-        break;
-      case 'stop-record':
-        this.start('bStopRec');
-        break;
-      case 'take-pictures':
-        this.start('bSaveJPG(D:\\,Photo)');
-        this.$emit('send-scanner-result', this.scannerResultSrc);
-        break;
-
-    }
-  }
-
-  timeGo() {
-    this.totalTimeLength++;
-    let Hour: number = 0,
-        Minue: number = 0,
-        Second: number = 0;
-    Hour = Math.floor(this.totalTimeLength / 3600);
-    Minue = Math.floor((this.totalTimeLength / 60) % 60);
-    Second = Math.floor(this.totalTimeLength % 60);
-    this.timeLength = Hour + "时" + Minue + "分" + Second + "秒";
-  }
-
-  onMessage(event) {
-    if (event.data.indexOf('BarCodeTransferBegin') >= 0) {
-      console.log(event.data.replace('BarCodeTransferBegin', '').replace('BarCodeTransferEnd', ''));
-    } else if (event.data.indexOf('BeginbSaveJPG') >= 0) {
-      this.str1 = event.data.replace('BeginbSaveJPG', '').replace('EndbSaveJPG', '');
-      console.log(this.str1);
-    } else if (event.data.indexOf('BeginbStopPlay') >= 0) {
-      console.log(event.data);
-      console.log(event.data.replace('BeginbStopPlay', '').replace('EndbStopPlay', ''));
-    } else if (event.data.indexOf('BeginvSetResolution') >= 0) {
-      console.log(event.data.replace('BeginvSetResolution', '').replace('EndvSetResolution', ''));
-    } else if (event.data.indexOf('BeginvSetRemoveGBFlag') >= 0) {
-      console.log(event.data.replace('BeginvSetRemoveGBFlag', '').replace('EndvSetRemoveGBFlag', ''));
-    } else if (event.data.indexOf('BeginbFileExist') >= 0) {
-      console.log(event.data.replace('BeginbFileExist', '').replace('EndbFileExist', ''));
-    } else if (event.data.indexOf('BeginbStartPlay2') >= 0) {
-      console.log(event.data.replace('BeginbStartPlay2', '').replace('EndbStartPlay2', ''));
-    } else if (event.data.indexOf('BeginbStartPlay') >= 0) {
-      console.log(event.data.replace('BeginbStartPlay', '').replace('EndbStartPlay', ''));
-    } else if (event.data.indexOf('BeginbSetMode') >= 0) {
-      console.log(event.data.replace('BeginbSetMode', '').replace('EndbSetMode', ''));
-    } else {
-      this.scannerResultSrc = `${BEGIN_DATA}${event.data}`;
-      this.$emit('send-scanner-result', this.scannerResultSrc);
-    }
-  }
-
-  onError(event) {
-    console.log('error', event.data);
-    this.loadSuccess = false;
-  }
-  onClose(event) {
-    this.webSocket.send("bStopPlay()");
-    this.webSocket.send("bStopPlay4()");
-  }
-  onOpen(event) {
-
-  }
-
-  start(el) {
-    if (el == 'bStartRec(d:\\test.avi)') {
-      this.timer = window.setInterval(this.timeGo, 1000);
-    }
-    if (el == 'bStopRec') {
-      window.clearInterval(this.timer);
-      this.totalTimeLength = 0;
-      console.log("录屏结束");
-    }
-    this.webSocket.send(el);
-    return false;
-  }
-
-  vout_OnClick() {
-
-  }
-
-
-  Stop_onclick() {
-    this.webSocket.send("bStopPlay()");
-  }
-
-  StartPlay_onclick() {
-    this.webSocket.send("vSetResolution(8)");
-    this.webSocket.send("bStartPlay()");
-    // this.loadSuccess = true
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.scanner-high-camera-component {
-  height: 100%;
-  .scanner-result-content {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    .content-main {
-      flex: 1;
-      background-color: #F7F7F7;
-    }
-
-    .load-success,
-    .load-error {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      text-align: center;
-    }
-
-    .load-error {
-      color: #999999;
-      i {
-        font-size: 88px;
-      }
-      p {
-        font-size: 16px;
-
-        line-height: 30px;
-      }
-    }
-
-    .handle-action {
-      margin: 10px 0;
-      .select {
-        margin-right: 15px;
-      }
-    }
-
-  }
-}
-</style>

package/packages/scanner-high-camera-jieyu/src/scanner-high-camera-jieyu.vue

@@ -1,174 +0,0 @@
-<!--
- - @author: lvcy
- - @date: 2023-01-09
- - @description：scanner-high-camera-jieyu
- -->
-<template>
-  <div class="scanner-high-camera-container">
-    <div class="scanner-high-camera-button" v-if="openMode === 'dialog'">
-      <el-tooltip
-          :content="tip"
-          class="id-card-reader-demo"
-          placement="top"
-          v-if="tip"
-      >
-        <el-button
-            @click="openScanDialog"
-            v-bind="{
-            disabled,
-            icon,
-            loading,
-            plain,
-            round,
-            size,
-            type,
-            class: _className,
-          }"
-        >
-          <slot>{{ label }}</slot>
-        </el-button>
-      </el-tooltip>
-      <el-button
-          v-else
-          @click="openScanDialog"
-          v-bind="{
-            disabled,
-            icon,
-            loading,
-            plain,
-            round,
-            size,
-            type,
-            class: _className,
-          }"
-      >
-        <slot>{{ label }}</slot>
-      </el-button>
-
-      <el-dialog
-        class="scanner-high-camera-dialog"
-        title="影像扫描"
-        :visible.sync="dialogVisible"
-        width="60%"
-      >
-        <scanner-high-camera-component
-          v-if="dialogVisible"
-          @send-scanner-result="setScannerResult"
-        ></scanner-high-camera-component>
-        <span slot="footer" class="dialog-footer">
-          <el-button size="small" @click="dialogVisible = false">取 消</el-button>
-          <el-button size="small" type="primary" @click="sendScannerResult">确 定</el-button>
-        </span>
-      </el-dialog>
-    </div>
-
-    <scanner-high-camera-component  v-else @send-scanner-result="setScannerResult"></scanner-high-camera-component>
-  </div>
-</template>
-
-<script lang="ts">
-import {Component, Prop, Vue} from "vue-property-decorator";
-import ScannerHighCameraComponent from "./component/scanner-high-camera-component.vue";
-import {ElementUIComponentSize} from "element-ui/types/component";
-import {ButtonType} from "element-ui/types/button";
-
-@Component({
-  name: 'scanner-high-camera-jieyu',
-  components: {ScannerHighCameraComponent}
-})
-export default class ScannerHighCameraJieyu extends Vue {
-  @Prop({default: ''})
-  openMode?: 'dialog' | 'iframe';
-
-  @Prop()
-  label!: string
-
-  @Prop()
-  tip!: string
-
-  @Prop()
-  className!: string | string[]
-
-  /** Button size */
-  @Prop()
-  size!: ElementUIComponentSize
-
-  /** Button type */
-  @Prop()
-  type!: ButtonType
-
-  /** Determine whether it's a plain button */
-  @Prop()
-  plain!: boolean
-
-  /** Determine whether it's a round button */
-  @Prop()
-  round!: boolean
-
-  /** Determine whether it's loading */
-  @Prop()
-  loading!: boolean
-
-  /** Button icon, accepts an icon name of Element icon component */
-  @Prop({default: 'el-icon-postcard'})
-  icon!: string
-
-  @Prop({default: false})
-  disabled?: boolean
-
-  dialogVisible: boolean = false;
-
-  scannerResult = '';
-
-  get _className() {
-    const classBase = ['z-button']
-
-    if (this.type === 'text') {
-      classBase.push('i-font-size')
-    }
-
-    if (!this.className) {
-      return classBase
-    } else if (typeof this.className === 'string') {
-      classBase.push(this.className)
-    } else {
-      classBase.push(...this.className)
-    }
-    return classBase
-  }
-
-
-  openScanDialog() {
-    this.dialogVisible = true;
-  }
-
-  setScannerResult(src) {
-    this.scannerResult = src;
-    if (this.openMode !== 'dialog') {
-      this.$emit('send-scanner-result', this.scannerResult);
-    }
-  }
-
-  sendScannerResult() {
-    if (this.scannerResult) {
-      this.$emit('send-scanner-result', this.scannerResult);
-      this.dialogVisible = false;
-    }
-
-  }
-}
-</script>
-
-<style lang="scss">
-.scanner-high-camera-container {
-  height: 100%;
-
-  .scanner-high-camera-dialog {
-    .el-dialog__body {
-      height: 536px;
-      padding: 0 20px;
-      margin-bottom: -52px;
-    }
-  }
-}
-</style>

package/packages/zs-empty/index.ts

@@ -1,9 +0,0 @@
-import ZSEmpty from './src/zs-empty.vue';
-
-// 组件的install方法用于按需引入
-// @ts-ignore
-ZSEmpty.install = (Vue) => {
-    Vue.component(ZSEmpty.name, ZSEmpty)
-};
-
-export default ZSEmpty;

package/packages/zs-empty/src/zs-empty.vue

@@ -1,42 +0,0 @@
-<template>
-  <div class="zs-empty">
-    <img src="./assets/images/img_blank_empty.png" />
-    <p class="empty-text">{{ emptyTip }}</p>
-  </div>
-</template>
-
-<script lang="ts">
-import {Component, Prop, Vue} from "vue-property-decorator";
-
-
-
-@Component({
-  name: "ZSEmpty"
-})
-export default class ZSEmpty extends Vue {
-  @Prop({default: '暂无数据'})
-  emptyTip?: string;
-}
-</script>
-
-<style scoped lang="scss">
-.zs-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-  img{
-    width:454px;
-  }
-  .empty-text{
-    font-size: 14px;
-    font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
-    color: #969899;
-    line-height: 28px;
-    position: absolute;
-    top:322px;
-
-  }
-}
-</style>

package/public/img/icons/safari-pinned-tab.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
-</svg>

package/public/index.html

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-    <style type="text/css">
-        * {
-            margin: 0;
-            padding: 0;
-        }
-    </style>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

package/public/robots.txt

@@ -1,2 +0,0 @@
-User-agent: *
-Disallow:

package/src/App.vue

@@ -1,15 +0,0 @@
-<template>
-  <div id="app">
-<!--    <nav>-->
-<!--      <router-link to="/">Home</router-link> |-->
-<!--      <router-link to="/about">About</router-link>-->
-<!--    </nav>-->
-    <router-view/>
-  </div>
-</template>
-
-<style lang="scss">
-html, body, #app {
-  height: 100vh;
-}
-</style>

package/src/components/404.vue

@@ -1,17 +0,0 @@
-<template>
-  <div class="bg">
-    <div class="image-wrapper">
-          <img style="height:350px" src="../assets/images/reg-developing.png">
-    </div>
-  </div>
-</template>
-<style scoped>
-.bg {
-    height: 100%;
-    background-color: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-</style>