@abi-software/scaffoldvuer 0.2.2-beta.0 → 0.2.2-beta.1

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.2.2-beta.0",
+  "version": "0.2.2-beta.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.2.2-beta.0",
+  "version": "0.2.2-beta.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/src/components/ScaffoldVuer.vue

@@ -226,33 +226,15 @@
         width="128"
         :append-to-body="false"
         trigger="click"
-        popper-class="open-map-popper non-selectable"
+        popper-class="open-map-popper"
       >
-        <el-row>
-          <el-button
-            type="primary"
-            plain
-            @click="$emit('open-map', 'AC')"
-          >
-            Open AC Map
-          </el-button>
-        </el-row>
-        <el-row>
-          <el-button
-            type="primary"
-            plain
-            @click="$emit('open-map', 'FC')"
-          >
-            Open FC Map
-          </el-button>
-        </el-row>
-        <el-row>
+        <el-row v-for="item in openMapOptions" :key="item.key">
           <el-button
             type="primary"
             plain
-            @click="$emit('open-map', '3D')"
+            @click="$emit('open-map', item.key)"
           >
-            Open 3D Map
+            {{item.display}}
           </el-button>
         </el-row>
       </el-popover>
@@ -292,7 +274,7 @@
             popper-class="scaffold-popper right-popper non-selectable"
           >
             <map-svg-icon
-              v-if="enableOpenMapUI"
+              v-if="enableOpenMapUI && openMapOptions.lenght > 0"
               slot="reference"
               v-popover:open-map-popover
               icon="openMap"
@@ -488,6 +470,25 @@ export default {
       type: Boolean,
       default: false,
     },
+    openMapOptions: {
+      type: Array,
+      default: function () {
+        return [
+          {
+            display: "Open AC Map",
+            key: "AC"
+          },
+          {
+            display: "Open FC Map",
+            key: "FC"
+          },
+          {
+            display: "Open 3D Human Map",
+            key: "3D"
+          },
+        ]
+      },
+    },
     /**
      * State containing state of the scaffold.
      */
@@ -1621,8 +1622,8 @@ export default {
   background-color: #ffffff;
   border: 1px solid $app-primary-color;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
-  width: 128px;
-  min-width: 128px;
+  width: 178px;
+  min-width: 178px;
 
   .el-row ~ .el-row {
     margin-top: 8px;