imatrix-ui 0.2.6-up → 0.2.7-up

package/packages/rich-editor/viewer.vue

@@ -1,105 +1,105 @@
-<template>
-  <el-dialog
-    model-value
-    :title="title"
-    append-to-body
-    fullscreen
-    @close="$emit('closeRichEditorContent')"
-  >
-    <el-image
-      ref="previewImg"
-      :src="srcList[0]"
-      :preview-src-list="srcList"
-      style="display: none; width: 100px; height: 100px"
-    />
-    <div :id="fullscreenViewerId" />
-  </el-dialog>
-</template>
-
-<script>
-import * as Vue from 'vue'
-export default {
-  name: 'RichEditorViewer',
-  props: {
-    entity: {
-      type: Object,
-      default: null,
-    },
-    prop: {
-      type: String,
-      default: null,
-    },
-    value: {
-      type: String,
-      default: '',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    options: {
-      type: Object,
-      default: null,
-    },
-    plugins: {
-      type: [String, Array],
-      default:
-        'print preview searchreplace directionality fullscreen image link table hr  advlist lists wordcount  ',
-    },
-    toolbar: {
-      type: [String, Array],
-      default:
-        ' undo redo | formatselect fontsizeselect bold italic strikethrough underline hr forecolor backcolor | image |  ' +
-        '  lineheight   bullist numlist table | print fullscreen  preview  ',
-    },
-  },
-  data() {
-    return {
-      srcList: [],
-      psrcList: [],
-      viewerId: 'aglie_rich_editor_' + new Date().getTime(),
-      dialogVisible: false,
-      fullscreenViewerId: 'editor_viewer_' + new Date().getTime(),
-      ImageComponent: null,
-      title: '',
-    }
-  },
-  watch: {
-    value(newValue) {
-      this.contentValue = newValue
-      this.entity[this.prop] = newValue
-    },
-  },
-  created() {},
-  mounted() {},
-  methods: {
-    showImage($event) {
-      this.srcList = [$event.target.currentSrc]
-      this.$refs.previewImg.showViewer = true
-    },
-    showContent(content, title) {
-      this.title = title
-      const that = this
-      let m = content.replaceAll('<img', '<img @click="showImage" ')
-      m = '<div> ' + m + ' </div> '
-      this.ImageComponent = {
-        methods: {
-          showImage($event) {
-            console.log($event)
-            that.showImage($event)
-          },
-        },
-        template: m,
-        emits: ['closeRichEditorContent', 'update:value', 'update:value'],
-      }
-      const viewContent = new this.ImageComponent().$mount()
-      this.$nextTick(() => {
-        document
-          .getElementById(this.fullscreenViewerId)
-          .appendChild(viewContent.$el)
-      })
-    },
-  },
-  emits: ['closeRichEditorContent', 'update:value'],
-}
-</script>
+<template>
+  <el-dialog
+    model-value
+    :title="title"
+    append-to-body
+    fullscreen
+    @close="$emit('closeRichEditorContent')"
+  >
+    <el-image
+      ref="previewImg"
+      :src="srcList[0]"
+      :preview-src-list="srcList"
+      style="display: none; width: 100px; height: 100px"
+    />
+    <div :id="fullscreenViewerId" />
+  </el-dialog>
+</template>
+
+<script>
+import * as Vue from 'vue'
+export default {
+  name: 'RichEditorViewer',
+  props: {
+    entity: {
+      type: Object,
+      default: null,
+    },
+    prop: {
+      type: String,
+      default: null,
+    },
+    value: {
+      type: String,
+      default: '',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    options: {
+      type: Object,
+      default: null,
+    },
+    plugins: {
+      type: [String, Array],
+      default:
+        'print preview searchreplace directionality fullscreen image link table hr  advlist lists wordcount  ',
+    },
+    toolbar: {
+      type: [String, Array],
+      default:
+        ' undo redo | formatselect fontsizeselect bold italic strikethrough underline hr forecolor backcolor | image |  ' +
+        '  lineheight   bullist numlist table | print fullscreen  preview  ',
+    },
+  },
+  data() {
+    return {
+      srcList: [],
+      psrcList: [],
+      viewerId: 'aglie_rich_editor_' + new Date().getTime(),
+      dialogVisible: false,
+      fullscreenViewerId: 'editor_viewer_' + new Date().getTime(),
+      ImageComponent: null,
+      title: '',
+    }
+  },
+  watch: {
+    value(newValue) {
+      this.contentValue = newValue
+      this.entity[this.prop] = newValue
+    },
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    showImage($event) {
+      this.srcList = [$event.target.currentSrc]
+      this.$refs.previewImg.showViewer = true
+    },
+    showContent(content, title) {
+      this.title = title
+      const that = this
+      let m = content.replaceAll('<img', '<img @click="showImage" ')
+      m = '<div> ' + m + ' </div> '
+      this.ImageComponent = {
+        methods: {
+          showImage($event) {
+            console.log($event)
+            that.showImage($event)
+          },
+        },
+        template: m,
+        emits: ['closeRichEditorContent', 'update:value', 'update:value'],
+      }
+      const viewContent = new this.ImageComponent().$mount()
+      this.$nextTick(() => {
+        document
+          .getElementById(this.fullscreenViewerId)
+          .appendChild(viewContent.$el)
+      })
+    },
+  },
+  emits: ['closeRichEditorContent', 'update:value'],
+}
+</script>

package/packages/scan-code-input/index.js

@@ -1,6 +1,6 @@
-import ScanCodeInput from './src/scan-code-input.vue'
-ScanCodeInput.install = function (Vue) {
-  Vue.component(ScanCodeInput.name, ScanCodeInput)
-}
-
-export default ScanCodeInput
+import ScanCodeInput from './src/scan-code-input.vue'
+ScanCodeInput.install = function (Vue) {
+  Vue.component(ScanCodeInput.name, ScanCodeInput)
+}
+
+export default ScanCodeInput

package/packages/scan-code-input/src/events.js

@@ -1,34 +1,34 @@
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-const events = {
-  /**
-   * 选中值发生变化时触发
-   * @param {*} newValue
-   */
-  change: function (newValue) {
-    $emit(this, 'change', newValue)
-  },
-  /**
-   * 可清空的单选模式下用户点击清空按钮时触发
-   */
-  clear: function () {
-    $emit(this, 'clear')
-  },
-  /**
-   * 当 input 失去焦点时触发
-   * @param {*} event
-   */
-  blur: function (event) {
-    $emit(this, 'blur', event)
-  },
-  /**
-   * 当 input 获得焦点时触发
-   * @param {*} event
-   */
-  focus: function (event) {
-    $emit(this, 'focus', event)
-  },
-  input(newValue) {
-    $emit(this, 'update:value', newValue)
-  },
-}
-export default events
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+const events = {
+  /**
+   * 选中值发生变化时触发
+   * @param {*} newValue
+   */
+  change: function (newValue) {
+    $emit(this, 'change', newValue)
+  },
+  /**
+   * 可清空的单选模式下用户点击清空按钮时触发
+   */
+  clear: function () {
+    $emit(this, 'clear')
+  },
+  /**
+   * 当 input 失去焦点时触发
+   * @param {*} event
+   */
+  blur: function (event) {
+    $emit(this, 'blur', event)
+  },
+  /**
+   * 当 input 获得焦点时触发
+   * @param {*} event
+   */
+  focus: function (event) {
+    $emit(this, 'focus', event)
+  },
+  input(newValue) {
+    $emit(this, 'update:value', newValue)
+  },
+}
+export default events

package/packages/scan-code-input/src/scan-code-input-colse.vue

@@ -1,140 +1,140 @@
-<template>
-  <div class>
-    <video
-      id="video"
-      ref="video"
-      height="300"
-      class="video vjs-fluid"
-      autoplay
-      @click="clickVideo"
-    />
-    <div v-show="tipShow" class="tip">
-      {{ tipMsg }}
-    </div>
-  </div>
-</template>
-
-<script type="text/ecmascript-6">
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer';
-import { BrowserMultiFormatReader } from '@zxing/library'
-
-export default {name: 'ScanCodeInputColse',
-components: {},
-props: {
-  colseVideo: {
-    type: Boolean,
-    default: false
-  }
-},
-data() {
-  return {
-    loadingShow: false,
-    codeReader: new BrowserMultiFormatReader(),
-    textContent: null,
-    vin: null,
-    tipMsg: this.$t('messageVideo.attemptingToIdentify'),
-    tipShow: false,
-    isVideo: false
-  };
-},
-created() {
-  this.openScan()
-},
-beforeUnmount() {
-  console.log('销毁定时器')
-  this.codeReader.reset()
-},
-methods: {
-  async openScan() {
-    const that = this
-    that.codeReader.listVideoInputDevices().then((videoInputDevices) => {
-      that.tipShow = true
-      that.tipMsg = this.$t('messageVideo.callingRearCamera')
-      console.log('videoInputDevices', videoInputDevices)
-      // 默认获取第一个摄像头设备id
-      let firstDeviceId = videoInputDevices[0].deviceId
-      // 获取第一个摄像头设备的名称
-      const videoInputDeviceslablestr = JSON.stringify(videoInputDevices[0].label)
-      if (videoInputDevices.length > 1) {
-        // 判断是否后置摄像头
-        if (videoInputDeviceslablestr.indexOf('back') > -1) {
-          firstDeviceId = videoInputDevices[0].deviceId
-        } else {
-          firstDeviceId = videoInputDevices[1].deviceId
-        }
-      }
-      that.decodeFromInputVideoFunc(firstDeviceId)
-    }).catch((err) => {
-      that.tipShow = false
-      console.error(err)
-    })
-  },
-  async openScanTwo() {
-    const that = this
-    // codeReader.reset() // 重置
-    // that.textContent = null // 重置
-    that.codeReader = await new BrowserMultiFormatReader()
-    that.codeReader.listVideoInputDevices().then((videoInputDevices) => {
-      that.tipShow = true
-      that.tipMsg = this.$t('messageVideo.callingRearCamera')
-      console.log('videoInputDevices', videoInputDevices)
-      // 默认获取第一个摄像头设备id
-      let firstDeviceId = videoInputDevices[0].deviceId
-      // 获取第一个摄像头设备的名称
-      const videoInputDeviceslablestr = JSON.stringify(videoInputDevices[0].label)
-      if (videoInputDevices.length > 1) {
-        // 判断是否后置摄像头
-        if (videoInputDeviceslablestr.indexOf('back') > -1) {
-          firstDeviceId = videoInputDevices[0].deviceId
-        } else {
-          firstDeviceId = videoInputDevices[1].deviceId
-        }
-      }
-      that.decodeFromInputVideoFunc(firstDeviceId)
-    }).catch((err) => {
-      that.tipShow = false
-      console.error(err)
-    })
-  },
-  decodeFromInputVideoFunc(firstDeviceId) {
-    const that = this
-    that.codeReader.reset() // 重置
-    that.textContent = null // 重置
-    that.codeReader.decodeFromVideoDevice(firstDeviceId, 'video', (result, err) => {
-      that.tipMsg = this.$t('messageVideo.attemptingToIdentify')
-      // let nowContent = null
-      that.textContent = null
-      if (result) {
-        console.log(result)
-        that.textContent = result.text
-        if (that.textContent) {
-          that.tipShow = false
-          that.msgBoxFunc(that.textContent)
-        }
-      }
-      if (err && !(err)) {
-        that.tipMsg = this.$t('messageVideo.identificationFailed')
-        setTimeout(() => {
-          that.tipShow = false
-        }, 2000)
-        console.error(err)
-      }
-    })
-  },
-  // that.$createDialog 是 cube-ui滴滴 messageBox ,到这一步 二维码值已出，这里是可有可无的代码块，看各自项目ui使用情况 自行替换 messageBox
-  msgBoxFunc(textContent) {
-    const that = this
-    that.vin = textContent
-    $emit(that, "close",that.vin)
-    that.codeReader.reset()
-  },
-  clickVideo() {
-    if (this.colseVideo) {
-      $emit(this, "close",this.vin)
-      this.codeReader.reset()
-    }
-  }
-},
-                emits:['close',]
-            }
-</script>
+<template>
+  <div class>
+    <video
+      id="video"
+      ref="video"
+      height="300"
+      class="video vjs-fluid"
+      autoplay
+      @click="clickVideo"
+    />
+    <div v-show="tipShow" class="tip">
+      {{ tipMsg }}
+    </div>
+  </div>
+</template>
+
+<script type="text/ecmascript-6">
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer';
+import { BrowserMultiFormatReader } from '@zxing/library'
+
+export default {name: 'ScanCodeInputColse',
+components: {},
+props: {
+  colseVideo: {
+    type: Boolean,
+    default: false
+  }
+},
+data() {
+  return {
+    loadingShow: false,
+    codeReader: new BrowserMultiFormatReader(),
+    textContent: null,
+    vin: null,
+    tipMsg: this.$t('messageVideo.attemptingToIdentify'),
+    tipShow: false,
+    isVideo: false
+  };
+},
+created() {
+  this.openScan()
+},
+beforeUnmount() {
+  console.log('销毁定时器')
+  this.codeReader.reset()
+},
+methods: {
+  async openScan() {
+    const that = this
+    that.codeReader.listVideoInputDevices().then((videoInputDevices) => {
+      that.tipShow = true
+      that.tipMsg = this.$t('messageVideo.callingRearCamera')
+      console.log('videoInputDevices', videoInputDevices)
+      // 默认获取第一个摄像头设备id
+      let firstDeviceId = videoInputDevices[0].deviceId
+      // 获取第一个摄像头设备的名称
+      const videoInputDeviceslablestr = JSON.stringify(videoInputDevices[0].label)
+      if (videoInputDevices.length > 1) {
+        // 判断是否后置摄像头
+        if (videoInputDeviceslablestr.indexOf('back') > -1) {
+          firstDeviceId = videoInputDevices[0].deviceId
+        } else {
+          firstDeviceId = videoInputDevices[1].deviceId
+        }
+      }
+      that.decodeFromInputVideoFunc(firstDeviceId)
+    }).catch((err) => {
+      that.tipShow = false
+      console.error(err)
+    })
+  },
+  async openScanTwo() {
+    const that = this
+    // codeReader.reset() // 重置
+    // that.textContent = null // 重置
+    that.codeReader = await new BrowserMultiFormatReader()
+    that.codeReader.listVideoInputDevices().then((videoInputDevices) => {
+      that.tipShow = true
+      that.tipMsg = this.$t('messageVideo.callingRearCamera')
+      console.log('videoInputDevices', videoInputDevices)
+      // 默认获取第一个摄像头设备id
+      let firstDeviceId = videoInputDevices[0].deviceId
+      // 获取第一个摄像头设备的名称
+      const videoInputDeviceslablestr = JSON.stringify(videoInputDevices[0].label)
+      if (videoInputDevices.length > 1) {
+        // 判断是否后置摄像头
+        if (videoInputDeviceslablestr.indexOf('back') > -1) {
+          firstDeviceId = videoInputDevices[0].deviceId
+        } else {
+          firstDeviceId = videoInputDevices[1].deviceId
+        }
+      }
+      that.decodeFromInputVideoFunc(firstDeviceId)
+    }).catch((err) => {
+      that.tipShow = false
+      console.error(err)
+    })
+  },
+  decodeFromInputVideoFunc(firstDeviceId) {
+    const that = this
+    that.codeReader.reset() // 重置
+    that.textContent = null // 重置
+    that.codeReader.decodeFromVideoDevice(firstDeviceId, 'video', (result, err) => {
+      that.tipMsg = this.$t('messageVideo.attemptingToIdentify')
+      // let nowContent = null
+      that.textContent = null
+      if (result) {
+        console.log(result)
+        that.textContent = result.text
+        if (that.textContent) {
+          that.tipShow = false
+          that.msgBoxFunc(that.textContent)
+        }
+      }
+      if (err && !(err)) {
+        that.tipMsg = this.$t('messageVideo.identificationFailed')
+        setTimeout(() => {
+          that.tipShow = false
+        }, 2000)
+        console.error(err)
+      }
+    })
+  },
+  // that.$createDialog 是 cube-ui滴滴 messageBox ,到这一步 二维码值已出，这里是可有可无的代码块，看各自项目ui使用情况 自行替换 messageBox
+  msgBoxFunc(textContent) {
+    const that = this
+    that.vin = textContent
+    $emit(that, "close",that.vin)
+    that.codeReader.reset()
+  },
+  clickVideo() {
+    if (this.colseVideo) {
+      $emit(this, "close",this.vin)
+      this.codeReader.reset()
+    }
+  }
+},
+                emits:['close',]
+            }
+</script>