ry-vue-map 0.6.16 → 0.6.18

package/README.MD

@@ -1,5 +1,5 @@
 # ryvuemap
-![ryui-version](https://img.shields.io/badge/ryvuemap-0.6.16-green)
+![ryui-version](https://img.shields.io/badge/ryvuemap-0.6.18-green)
 > ry公共组件库
 
 

package/lib/directives/index.js

@@ -0,0 +1,4 @@
+import map from './map';
+
+
+export { map };

package/lib/directives/map.js

@@ -0,0 +1,41 @@
+import { SvgModel, geo2svg } from 'ry-map';
+
+export default {
+  install(Vue) {
+    Vue.directive('lmap', {
+      bind: function (el, binding, vnode) {
+        const that = vnode.context;
+        that[binding.arg](el);
+      }
+    });
+
+    Vue.directive('lGeoSvg', {
+      inserted: function (el, binding, vnode) {
+        let {
+          geoJSON,
+          svgModel = new SvgModel(),
+          isStringConvertGeoJso = true
+        } = binding.value;
+
+        if (isStringConvertGeoJso) {
+          el.innerHTML = geo2svg(JSON.parse(geoJSON), svgModel);
+        } else {
+          el.innerHTML = geo2svg(geoJSON, svgModel);
+        }
+      },
+      update: function (el, binding, vnode) {
+        //组件更新
+        let {
+          geoJSON,
+          svgModel = new SvgModel(),
+          isStringConvertGeoJso = true
+        } = binding.value;
+        if (isStringConvertGeoJso) {
+          el.innerHTML = geo2svg(JSON.parse(geoJSON), svgModel);
+        } else {
+          el.innerHTML = geo2svg(geoJSON, svgModel);
+        }
+      }
+    });
+  }
+};