@tripup-company/element-ui-extended 0.0.85 → 0.0.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tripup-company/element-ui-extended",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "main": "./dist/element-ui-extended.umd.js",
   "scripts": {
     "serve": "vue-cli-service serve && tsc --emitDeclarationOnly",

package/src/components/EditableField/index.vue

@@ -108,6 +108,8 @@
 </template>
 
 <script>
+import lodash from "lodash";
+const _ = lodash;
 export default {
   name: "EditableField",
   model: {
@@ -215,6 +217,11 @@ export default {
       },
     },
   },
+  watch: {
+    selectList: function() {
+      this.selectListLocal = _.cloneDeep(this.selectList);
+    },
+  },
   methods: {
     createList() {
       let label = "";
@@ -235,9 +242,12 @@ export default {
           label = "-";
         }
       } else if (this.selectListLocal.length) {
-        label = this.selectListLocal.find((x) => x[this.selectKey] === this.value)[
-          this.selectLabel
-        ];
+        let obj = this.selectListLocal.find((x) => x[this.selectKey] === this.value);
+        if (typeof(obj) != "undefined") {
+          label = obj[this.selectLabel];
+        } else {
+          console.log(this.value + ' not found in ' + this.selectListLocal.map(x => x[this.selectKey]));
+        }
       } else {
         label = this.value;
       }
@@ -253,6 +263,9 @@ export default {
       this.$emit("editable:close");
     },
     async remoteCall(query) {
+      if (!query.length) {
+        return;
+      }
       this.loading = true;
       const response = await this.remoteMethod.all({
         search: this.selectLabel + ":" + query,