OrgChart - Add prevent go further on zoom

hommalex · Sep 23, 2021 · 6ec6c73 · 6ec6c73
1 parent ff63ca4
commit 6ec6c73
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 25 deletions.
diff --git a/dist/hr_duo b/dist/hr_duo
diff --git a/dist/vue-orgchart.common.js b/dist/vue-orgchart.common.js
@@ -4277,8 +4277,8 @@ var VoBasic = { render: function render() {
         return {};
       }
     },
-    pan: { type: Boolean, default: false },
-    zoom: { type: Boolean, default: false },
+    pan: { type: Boolean, default: true },
+    zoom: { type: Boolean, default: true },
     direction: { type: String, default: 't2b' },
     verticalDepth: { type: Number },
     toggleSiblingsResp: { type: Boolean, default: false },
@@ -4396,8 +4396,8 @@ var VoEdit = { render: function render() {
   name: 'VoEdit',
   props: {
     data: { type: Object },
-    pan: { type: Boolean, default: false },
-    zoom: { type: Boolean, default: false },
+    pan: { type: Boolean, default: true },
+    zoom: { type: Boolean, default: true },
     direction: { type: String, default: 't2b' },
     verticalDepth: { type: Number },
     toggleSiblingsResp: { type: Boolean, default: false },

diff --git a/dist/vue-orgchart.common.min.js b/dist/vue-orgchart.common.min.js
diff --git a/dist/vue-orgchart.esm.js b/dist/vue-orgchart.esm.js
@@ -4273,8 +4273,8 @@ var VoBasic = { render: function render() {
         return {};
       }
     },
-    pan: { type: Boolean, default: false },
-    zoom: { type: Boolean, default: false },
+    pan: { type: Boolean, default: true },
+    zoom: { type: Boolean, default: true },
     direction: { type: String, default: 't2b' },
     verticalDepth: { type: Number },
     toggleSiblingsResp: { type: Boolean, default: false },
@@ -4392,8 +4392,8 @@ var VoEdit = { render: function render() {
   name: 'VoEdit',
   props: {
     data: { type: Object },
-    pan: { type: Boolean, default: false },
-    zoom: { type: Boolean, default: false },
+    pan: { type: Boolean, default: true },
+    zoom: { type: Boolean, default: true },
     direction: { type: String, default: 't2b' },
     verticalDepth: { type: Number },
     toggleSiblingsResp: { type: Boolean, default: false },

diff --git a/dist/vue-orgchart.js b/dist/vue-orgchart.js
@@ -1,7 +1,7 @@
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
 	typeof define === 'function' && define.amd ? define(['exports'], factory) :
-	(factory((global['vue-orgchart-al'] = {})));
+	(factory((global['vue-orgchart'] = {})));
 }(this, (function (exports) { 'use strict';
 
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
@@ -4279,8 +4279,8 @@ var VoBasic = { render: function render() {
         return {};
       }
     },
-    pan: { type: Boolean, default: false },
-    zoom: { type: Boolean, default: false },
+    pan: { type: Boolean, default: true },
+    zoom: { type: Boolean, default: true },
     direction: { type: String, default: 't2b' },
     verticalDepth: { type: Number },
     toggleSiblingsResp: { type: Boolean, default: false },
@@ -4398,8 +4398,8 @@ var VoEdit = { render: function render() {
   name: 'VoEdit',
   props: {
     data: { type: Object },
-    pan: { type: Boolean, default: false },
-    zoom: { type: Boolean, default: false },
+    pan: { type: Boolean, default: true },
+    zoom: { type: Boolean, default: true },
     direction: { type: String, default: 't2b' },
     verticalDepth: { type: Number },
     toggleSiblingsResp: { type: Boolean, default: false },

diff --git a/dist/vue-orgchart.min.js b/dist/vue-orgchart.min.js
diff --git a/examples/App.vue b/examples/App.vue
@@ -1,11 +1,15 @@
 <template>
 <div>
-  <vo-edit style="background: #fff"
+  <br><br><br><br><br><br>
+  <br><br><br><br><br><br>
+  <vo-edit style="background: #c5c5c5"
     :data="chartData"
     :exportButton=true
     :toggleCollapse=true
     exportButtonName="导出"
     exportFilename="test"
+    :pan="true"
+    :zoom="true"
   >
   </vo-edit>
   <div id="edit-panel" class="view-state edit-container">
@@ -41,7 +45,7 @@
 </template>
 
 <script>
-import { VoEdit } from '../dist/vue-orgchart.min.js'
+import { VoEdit } from '../dist/vue-orgchart.js'
 export default {
   components: { VoEdit },
   created () {
@@ -50,7 +54,7 @@ export default {
         children: [
           { name: 'Angular' },
           {
-            name: 'React',
+            multi: [ 'React', 'React 2' ],
             children: [{ name: 'Preact' }]
           },
           {
@@ -171,6 +175,9 @@ export default {
 html {
   background: #f0f2f5;
 }
+.orgchart {
+  background: white;
+}
 @media (min-width: 768px) {
   .input-node-container {
     margin-top:-20px;

diff --git a/package.json b/package.json
@@ -1,12 +1,8 @@
 {
   "name": "vue-orgchart-al",
   "description": "A vue component from OrgChart.js",
-  "version": "1.0.0",
-  "author": {
-    "name": "spiritree",
-    "email": "[email protected]",
-    "url": "https://github.com/spiritree"
-  },
+  "version": "1.1.0",
+  "author": "spiritree <[email protected]> (https://github.com/spiritree)",
   "files": [
     "dist",
     "src",
@@ -97,5 +93,10 @@
     "rollup-plugin-vue": "^2.5.2",
     "webpack": "^3.8.0",
     "webpack-dev-server": "^2.9.1"
+  },
+  "directories": {
+    "doc": "docs",
+    "example": "examples",
+    "test": "test"
   }
 }