@aochuang/common 1.0.1 → 1.0.126

package/common/static-map/static-map.vue

@@ -0,0 +1,87 @@
+<template>
+  <component :is="enableLink ? 'a' : 'div'" target="_blank" :href="mapHref" class="bi-static-map" :style="style">
+    <img v-if="isVisible && ready" :src="mapUrl" alt="地图" />
+  </component>
+</template>
+<script>
+import { md5 } from '../../utils/string'
+
+export default {
+  name: 'BiStaticMap',
+  props: {
+    width: {
+      type: String,
+      default: '400'
+    },
+    height: {
+      type: String,
+      default: '300'
+    },
+    mapKey: {
+      type: String
+    },
+    enableLink: {
+      type: Boolean,
+      default: false
+    },
+    lng: {
+      type: [String, Number]
+    },
+    lat: {
+      type: [String, Number]
+    }
+  },
+  data () {
+    return {
+      ready: false,
+      sign: null
+    }
+  },
+  computed: {
+    mapHref () {
+      return `https://apis.map.qq.com/uri/v1/geocoder?coord=${this.center}&referer=workphone`
+    },
+    isVisible () {
+      return !!(this.lng && this.lat)
+    },
+    center () {
+      return `${this.lat},${this.lng}`
+    },
+    size () {
+      return `${this.width}*${this.height}`
+    },
+    style () {
+      return {
+        width: this.width + 'px',
+        height: this.height + 'px'
+      }
+    },
+    encryptUrl () {
+      return `/ws/staticmap/v2/?center=${this.center}&key=${this.mapKey}&markers=color:blue|${this.center}&size=${this.size}&zoom=15pIwHI3PGMl0wtRP7Zvj1kqlXlQiVej7B`
+    },
+    mapUrl () {
+      return `https://apis.map.qq.com/ws/staticmap/v2/?size=${this.size}&key=${this.mapKey}&center=${this.center}&markers=color:blue|${this.center}&zoom=15&sig=${this.sign}`
+    }
+  },
+  created () {
+    this.ready = false
+    if (!this.mapKey) {
+      throw new Error('缺少腾讯地图授权key配置')
+    }
+    md5(this.encryptUrl).then(rs => {
+      this.sign = rs
+      this.ready = true
+    }, () => {
+      this.ready = true
+    })
+    this.$emit('map-created', {
+      mapHref: this.mapHref
+    })
+  }
+}
+</script>
+<style lang="less">
+.bi-static-map{
+  background-color: #f1f0f5;
+}
+</style>

package/common/tooltip/tooltip.vue

@@ -1,6 +1,8 @@
 <script>
 import { getTooltip } from './popper'
 
+let _timer = null
+
 export default {
   name: 'BiTooltip',
   functional: true,
@@ -10,6 +12,10 @@ export default {
     },
     html: {
       type: String
+    },
+    inline: {
+      type: Boolean,
+      default: false
     }
   },
   render (h, context) {
@@ -17,11 +23,12 @@ export default {
       return context.scopedSlots.default ? context.scopedSlots.default() : null
     }
     return h('span', {
-      class: ['bi-tooltip'].concat(context.data.class || '', context.data.staticClass || ''),
+      class: ['bi-tooltip'].concat(context.data.class || '', context.data.staticClass || '', {'is-inline': context.props.inline}),
       attrs: context.data.attrs,
       on: {
         ...context.listeners,
         mouseenter (e) {
+          clearTimeout(_timer)
           const tooltip = getTooltip()
           tooltip.visible = true
           tooltip.content = context.props.text
@@ -29,8 +36,19 @@ export default {
           tooltip.setReferenceElm(e.target)
         },
         mouseleave () {
+          clearTimeout(_timer)
           const tooltip = getTooltip()
           tooltip.visible = false
+        },
+        click (evt) {
+          // 有些场景点击之后元素就从dom移除了，但是toolip还在，所以需要这么处理一下
+          clearTimeout(_timer)
+          _timer = setTimeout(() => {
+            if (!document.body.contains(evt.target)) {
+              const tooltip = getTooltip()
+              tooltip.visible = false
+            }
+          }, 300)
         }
       }
     }, [
@@ -45,11 +63,13 @@ body {
     white-space: pre-wrap;
   }
 }
-.bi-tooltip{
-  display: inline-block;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  vertical-align: middle;
+.bi-tooltip{ 
+  &:not(.is-inline){
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+  }
 }
 </style>

package/common/viewer/index.js

@@ -0,0 +1,4 @@
+import Viewer from './viewer'
+
+export * from './util'
+export default Viewer

package/common/viewer/util.js

@@ -0,0 +1,40 @@
+import Vue from 'vue'
+
+const viewerProps = Vue.observable({
+  value: null,
+  data: []
+})
+
+export function getViewerImageData () {
+  return viewerProps.data
+}
+
+export function setViewerImageData (data) {
+  viewerProps.data = data
+}
+
+export function setViewerCurrentImage (value) {
+  viewerProps.value = value
+}
+
+export function getViewerCurrentImage () {
+  return viewerProps.value
+}
+
+let _downloadMethod = null
+export function setDownloadMethod (downloadMethod) {
+  _downloadMethod = downloadMethod
+}
+
+export function getDownloadMethod () {
+  return _downloadMethod
+}
+
+let _formatterNameMethod = null
+export function setFormatterNameMethod (formatterNameMethod) {
+  _formatterNameMethod = formatterNameMethod
+}
+
+export function getFormatterNameMethod () {
+  return _formatterNameMethod
+}