pass_b_map_vue2 0.0.1

package/.eslintrc.js

@@ -0,0 +1,22 @@
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: 'standard',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  // add your custom rules here
+  'rules': {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+  }
+}

package/.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,7 @@
+<!--
+
+注意：请使用 [ISSUE 生成器](https://dafrok.github.io/vue-baidu-map/#/issues) 创建新 ISSUE，不符合条件的 ISSUE 将被机器人自动关闭！
+
+Attention: Please create issues according to [issue generator](https://dafrok.github.io/vue-baidu-map/#/issues), or bot will close it.
+
+-->

package/.travis.yml

@@ -0,0 +1,26 @@
+language: node_js
+node_js:		
+  - "6.7.0"
+addons:
+  apt:
+    packages:
+      - xvfb
+install:
+  - export DISPLAY=':99.0'
+  - Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &
+  - npm install
+branches:
+  only: master
+script:
+  - npm run lint
+  # - npm test
+  - npm run build:docs
+after_script:
+  - cp ./docs/favicon.png ./dist/
+  - cd dist
+  - git init
+  - git config user.name "Dafrok"
+  - git config user.email "o.o@mug.dog"
+  - git add .
+  - git commit -m "Travis build docs"
+  - git push  --force --quiet "https://${GITHUB_TOKEN}@github.com/Dafrok/vue-baidu-map.git" master:gh-pages

package/CONTRIBUTING.md

@@ -0,0 +1,27 @@
+# CONTRIBUTING
+
+## Development
+
+```bash
+# Dev server run at http://locahost:8080
+$ npm i
+$ npm run dev
+```
+
+## Test
+
+```bash
+$ npm test
+```
+
+## Build
+
+```
+$ npm run build
+```
+
+## Build docs
+
+```
+$ npm run build:docs
+```

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 马金花儿
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,52 @@
+# PASS_B_MAP_VUE2
+
+
+## 开始
+
+### 安装
+
+```bash
+npm i --save pass_b_map_vue2
+```
+
+### 初始化
+
+```javascript
+import Vue from 'vue'
+import BaiduMap from 'pass_b_map_vue2'
+
+Vue.use(BaiduMap, {
+  ak: 'YOUR_KEY'
+})
+```
+
+### 使用
+```vue
+<template>
+  <baidu-map class="map">
+  </baidu-map>
+</template>
+
+<style>
+/* 地图容器必须设置宽和高属性 */
+.map {
+  width: 400px;
+  height: 300px;
+}
+</style>
+```
+
+## This project is based on vue-baidu-map and is licensed under the MIT License.
+
+## 贡献
+
+[贡献指南](https://github.com/Dafrok/vue-baidu-map/blob/master/CONTRIBUTING.md)
+
+
+## 协议
+
+[MIT 许可证](https://opensource.org/licenses/MIT)
+
+版权所有 (c) 2016至今, Dafrok <o.o@mug.dog>
+
+

package/build/compiler.js

@@ -0,0 +1,127 @@
+/**
+ * @file compile & output regular vue component files
+ */
+const compiler = require('vue-template-compiler')
+const path = require('path')
+const fs = require('fs')
+const pug = require('pug')
+const babel = require('babel-core')
+const rmdir = require('rmdir')
+
+const rootPath = path.resolve(__dirname, '../src')
+
+const isArray = Array.isArray
+
+function attrsToString (attrs) {
+  let ret = ''
+  for (const name in attrs) {
+    const value = attrs[name]
+    if (value === true) {
+      ret += `${name} `
+    } else if (value) {
+      ret += `${name}="${value}" `
+    }
+  }
+  return ret
+}
+
+function tagToString (tag) {
+  return tag ? `<${tag.type} ${attrsToString(tag.attrs)}>${tag.content}</${tag.type}>` : ''
+}
+
+function reverseToComponent (componentObj) {
+  let ret = ''
+  for (const key in componentObj) {
+    const tag = componentObj[key]
+    if (isArray(tag)) {
+      ret += tag.map(tagToString).join('')
+    } else {
+      ret += tagToString(tag)
+    }
+  }
+  return ret
+}
+
+function transformAlias (content, level) {
+  return babel.transform(content, {
+    plugins: [
+      [
+        'module-alias', [
+          {src: '../'.repeat(level), expose: '@'}
+        ]
+      ]
+    ]
+  }).code
+}
+
+function transformES (content) {
+  return babel.transform(content, {
+    presets: [
+      'es2015'
+    ]
+  }).code
+}
+
+function walkComponents (rootPath, level = 0, pathName = '.', result = []) {
+  const files = fs.readdirSync(rootPath)
+  files.forEach(file => {
+    const filePath = path.resolve(rootPath, file)
+    const extName = path.extname(filePath)
+    const isDirectory = fs.lstatSync(filePath).isDirectory()
+    if (isDirectory) {
+      walkComponents(filePath, level + 1, path.join(pathName, file), result)
+    } else if (extName === '.vue') {
+      const componentFile = fs.readFileSync(filePath).toString()
+      const component = compiler.parseComponent(componentFile)
+      const baseName = path.basename(filePath)
+      if (component.template) {
+        component.template.content = pug.render(component.template.content)
+        if (component.template.attrs) {
+          component.template.attrs.lang = false
+        }
+      }
+      if (component.script) {
+        component.script.content = transformAlias(component.script.content, level)
+      }
+      result.push({
+        content: reverseToComponent(component),
+        path: pathName,
+        name: baseName
+      })
+    } else if (extName === '.js') {
+      const content = fs.readFileSync(filePath).toString()
+      const baseName = path.basename(filePath)
+      result.push({
+        content: transformES(transformAlias(content, level)),
+        path: pathName,
+        name: baseName
+      })
+    }
+  })
+  return result
+}
+
+function mkdirp (filepath) {
+  var dirname = path.dirname(filepath)
+
+  if (!fs.existsSync(dirname)) {
+    mkdirp(dirname)
+  }
+  if (!fs.existsSync(filepath)) {
+    fs.mkdirSync(filepath)
+  }
+}
+
+const compiledFiles = walkComponents(rootPath)
+
+const componentDir = path.resolve(__dirname, '../components')
+rmdir(componentDir, () => {
+  mkdirp(componentDir)
+  compiledFiles.forEach(file => {
+    const pathName = path.resolve(componentDir, file.path)
+    mkdirp(pathName)
+    const fd = fs.openSync(path.resolve(pathName, file.name), 'w')
+    fs.writeSync(fd, file.content)
+    fs.closeSync(fd)
+  })
+})

package/build/webpack.docs.config.js

@@ -0,0 +1,86 @@
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const InlineManifestWebpackPlugin = require('inline-manifest-webpack-plugin')
+const webpack = require('webpack')
+
+module.exports = {
+  entry: {
+    main: 'docs/main.js',
+    libs: [
+      'vue',
+      'vue-router',
+      'prismjs',
+      'vue-material'
+    ],
+    resource: [
+      'prismjs/themes/prism-tomorrow.css',
+      'docs/fonts/iconfont.css'
+    ],
+    vendor: [
+      'docs/components/App.vue',
+      'docs/components/CateView.vue',
+      'docs/components/DocPreview.vue',
+      'docs/components/Navigator.vue',
+      'docs/components/RootFrame.vue'
+    ]
+  },
+  output: {
+    path: path.resolve(__dirname, '../dist'),
+    filename: '[name].[hash:8].bundle.js',
+    chunkFilename: '[name].[chunkhash:8].js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        use: ['vue-loader', 'eslint-loader'],
+        exclude: [/_cache/]
+      },
+      {
+        test: /\.js$/,
+        use: ['babel-loader', 'eslint-loader'],
+        exclude: [/node_modules/, /md/]
+      },
+      {
+        test: /\.md$/,
+        use: ['vue-markdown-loader'],
+        exclude: [/node_modules/]
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader']
+      },
+      {
+        test: /\.styl$/,
+        use: ['style-loader', 'css-loader', 'stylus-loader']
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        use: ['url-loader']
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        use: ['url-loader']
+      }
+    ]
+  },
+  resolve: {
+    alias: {
+      docs: path.resolve(__dirname, '../docs')
+    }
+  },
+  plugins: [
+    new webpack.HashedModuleIdsPlugin(),
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname, '../docs/template/index.html'),
+      chunks: ['libs', 'vendor', 'resource', 'main']
+    }),
+    new webpack.optimize.CommonsChunkPlugin({
+      names: ['vendor', 'libs', 'resource', 'manifest'],
+      minChunks: Infinity
+    }),
+    new InlineManifestWebpackPlugin({
+      name: 'webpackManifest'
+    })
+  ]
+}

package/build/webpack.prod.config.js

@@ -0,0 +1,24 @@
+const path = require('path')
+
+module.exports = {
+  entry: './components/index.js',
+  output: {
+    path: path.resolve(__dirname, './'),
+    filename: '../index.js',
+    library: 'VueBaiduMap',
+    libraryTarget: 'umd'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/
+      }
+    ]
+  }
+}

package/build/webpack.test.config.js

@@ -0,0 +1,27 @@
+module.exports = {
+  // entry: './src/index.js',
+  // output: {
+  //   path: path.resolve(__dirname, './'),
+  //   filename: '../index.js',
+  //   library: 'VueBaiduMap',
+  //   libraryTarget: 'umd'
+  // },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/
+      }
+    ]
+  },
+  resolve: {
+    alias: {
+      vue: 'vue/dist/vue.js'
+    }
+  }
+}

package/components/base/bindEvent.js

@@ -0,0 +1,11 @@
+import events from './events.js'
+
+export default function (instance, eventList) {
+  const ev = eventList || events[this.$options.name]
+  ev && ev.forEach(event => {
+    const hasOn = event.slice(0, 2) === 'on'
+    const eventName = hasOn ? event.slice(2) : event
+    const listener = this.$listeners[eventName]
+    listener && instance.addEventListener(event, listener.fns)
+  })
+}

package/components/base/events.js

@@ -0,0 +1,120 @@
+export default {
+  'bm-map': [
+    'click',
+    'dblclick',
+    'rightclick',
+    'rightdblclick',
+    'maptypechange',
+    'mousemove',
+    'mouseover',
+    'mouseout',
+    'movestart',
+    'moving',
+    'moveend',
+    'zoomstart',
+    'zoomend',
+    'addoverlay',
+    'addcontrol',
+    'removecontrol',
+    'removeoverlay',
+    'clearoverlays',
+    'dragstart',
+    'dragging',
+    'dragend',
+    'addtilelayer',
+    'removetilelayer',
+    'load',
+    'resize',
+    'hotspotclick',
+    'hotspotover',
+    'hotspotout',
+    'tilesloaded',
+    'touchstart',
+    'touchmove',
+    'touchend',
+    'longpress'
+  ],
+  'bm-geolocation': [
+    'locationSuccess',
+    'locationError'
+  ],
+  'bm-overview-map': [
+    'viewchanged',
+    'viewchanging'
+  ],
+  'bm-marker': [
+    'click',
+    'dblclick',
+    'mousedown',
+    'mouseup',
+    'mouseout',
+    'mouseover',
+    'remove',
+    'infowindowclose',
+    'infowindowopen',
+    'dragstart',
+    'dragging',
+    'dragend',
+    'rightclick'
+  ],
+  'bm-polyline': [
+    'click',
+    'dblclick',
+    'mousedown',
+    'mouseup',
+    'mouseout',
+    'mouseover',
+    'remove',
+    'lineupdate'
+  ],
+  'bm-polygon': [
+    'click',
+    'dblclick',
+    'mousedown',
+    'mouseup',
+    'mouseout',
+    'mouseover',
+    'remove',
+    'lineupdate'
+  ],
+  'bm-circle': [
+    'click',
+    'dblclick',
+    'mousedown',
+    'mouseup',
+    'mouseout',
+    'mouseover',
+    'remove',
+    'lineupdate'
+  ],
+  'bm-label': [
+    'click',
+    'dblclick',
+    'mousedown',
+    'mouseup',
+    'mouseout',
+    'mouseover',
+    'remove',
+    'rightclick'
+  ],
+  'bm-info-window': [
+    'close',
+    'open',
+    'maximize',
+    'restore',
+    'clickclose'
+  ],
+  'bm-ground': [
+    'click',
+    'dblclick'
+  ],
+  'bm-autocomplete': [
+    'onconfirm',
+    'onhighlight'
+  ],
+  'bm-point-collection': [
+    'click',
+    'mouseover',
+    'mouseout'
+  ]
+}

package/components/base/factory.js

@@ -0,0 +1,39 @@
+export function createPoint (BMap, options = {}) {
+  const {lng, lat} = options
+  return new BMap.Point(lng, lat)
+}
+
+export function createPixel (BMap, options = {}) {
+  const {x, y} = options
+  return new BMap.Pixel(x, y)
+}
+
+export function createBounds (BMap, options = {}) {
+  const {sw, ne} = options
+  return new BMap.Bounds(createPoint(BMap, sw), createPoint(BMap, ne))
+}
+
+export function createSize (BMap, options = {}) {
+  const {width, height} = options
+  return new BMap.Size(width, height)
+}
+
+export function createIcon (BMap, options = {}) {
+  const {url, size, opts = {}} = options
+  return new BMap.Icon(url, createSize(BMap, size), {
+    anchor: opts.anchor && createSize(BMap, opts.anchor),
+    imageSize: opts.imageSize && createSize(BMap, opts.imageSize),
+    imageOffset: opts.imageOffset && createSize(BMap, opts.imageOffset),
+    infoWindowAnchor: opts.infoWindowAnchor && createSize(BMap, opts.infoWindowAnchor),
+    printImageUrl: opts.printImageUrl
+  })
+}
+
+export function createLabel (BMap, options = {}) {
+  const {content, opts} = options
+  return new BMap.Label(content, {
+    offset: opts.offset && createSize(BMap, opts.offset),
+    position: opts.position && createPoint(BMap, opts.position),
+    enableMassClear: opts.enableMassClear
+  })
+}

package/components/base/mixins/abstract.js

@@ -0,0 +1,13 @@
+class Mixin {
+  constructor ({component, props, events, extraProps, exceptProps}) {
+    this.render = function (h) {
+      return h(component, {
+        props: props.reduce((obj, key) => Object.assign(obj, {[key]: this[key]}), {}),
+        on: events.reduce((obj, key) => Object.assign(obj, {[key]: this.transmitEvent}), {})
+      })
+    }
+    this.props = [...extraProps, ...props.filter(prop => exceptProps.indexOf(prop))]
+  }
+}
+
+export default prop => new Mixin(prop)

package/components/base/mixins/common.js

@@ -0,0 +1,81 @@
+const types = {
+  control: {
+    unload: 'removeControl'
+  },
+  layer: {
+    unload: 'removeTileLayer'
+  },
+  overlay: {
+    unload: 'removeOverlay'
+  },
+  contextMenu: {
+    unload: 'removeContextMenu'
+  }
+}
+
+const getParent = $component => ($component.abstract || $component.$el === $component.$children[0].$el) ? getParent($component.$parent) : $component
+
+function destroyInstance () {
+  const {unload, renderByParent, $parent} = this
+  if (renderByParent) {
+    $parent.reload()
+  }
+  unload()
+}
+
+class Mixin {
+  constructor (prop) {
+    this.methods = {
+      ready () {
+        const $parent = getParent(this.$parent)
+        const BMap = this.BMap = $parent.BMap
+        const map = this.map = $parent.map
+        this.load()
+        this.$emit('ready', {
+          BMap,
+          map
+        })
+      },
+      transmitEvent (e) {
+        this.$emit(e.type.replace(/^on/, ''), e)
+      },
+      reload () {
+        this && this.BMap && this.$nextTick(() => {
+          this.unload()
+          this.$nextTick(this.load)
+        })
+      },
+      unload () {
+        const {map, originInstance} = this
+        try {
+          switch (prop.type) {
+            case 'search':
+              return originInstance.clearResults()
+            case 'autoComplete':
+            case 'lushu':
+              return originInstance.dispose()
+            case 'markerClusterer':
+              return originInstance.clearMarkers()
+            default:
+              map[types[prop.type].unload](originInstance)
+          }
+        } catch (e) {}
+      }
+    }
+    this.computed = {
+      renderByParent () {
+        return this.$parent.preventChildrenRender
+      }
+    }
+    this.mounted = function () {
+      const $parent = getParent(this.$parent)
+      const map = $parent.map
+      const {ready} = this
+      map ? ready() : $parent.$on('ready', ready)
+    }
+    this.destroyed = destroyInstance
+    this.beforeDestroy = destroyInstance
+  }
+}
+
+export default type => new Mixin({type})