@tripup-company/element-ui-extended 0.0.92 → 0.0.93

package/package.json

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

package/src/components/EditableField/index.vue

@@ -57,12 +57,14 @@
         placeholder="Select"
         :value-key="objectValueKey"
         :multiple="selectMultiple"
+        :allow-create="allowCreate"
+        :default-first-option="defaultFirstOption"
         class="w-100"
       >
         <el-option
           v-for="item in selectListLocal"
-          :key="item[selectKey]"
-          :label="item[selectLabel]"
+          :key="selectJson ? item : item[selectKey]"
+          :label="selectJson ? item : item[selectLabel]"
           :value="selectJson ? item : item[selectValue]"
         />
       </el-select>
@@ -181,6 +183,14 @@ export default {
       type: Number,
       default: 1,
     },
+    allowCreate: {
+      type: Boolean,
+      default: false,
+    },
+    defaultFirstOption: {
+      type: Boolean,
+      default: false,
+    },
     remoteMethod: {
       type: Object,
       default: null,
@@ -237,12 +247,18 @@ export default {
         if (this.value.length) {
           let values = [];
           this.value.forEach((element) => {
-            const compareValue = this.selectJson ? element[this.selectKey] : element;
+            console.log(element);
+            let compareValue = this.selectJson ? element[this.selectKey] : element;
+            if (!compareValue) {
+              compareValue = element;
+            }
             const labArray = this.selectListLocal.find(
               x => x[this.selectKey] === compareValue
             );
             if (labArray && labArray[this.selectLabel]) {
               values.push(labArray[this.selectLabel]);
+            } else {
+              values.push(element);
             }
             label = values.join("; ");
           });

package/src/components/NewField/index.vue

@@ -17,12 +17,14 @@
             placeholder="Select"
             :multiple="selectMultiple"
             :value-key="objectValueKey"
+            :allow-create="allowCreate"
+            :default-first-option="defaultFirstOption"
             class="w-100"
           >
             <el-option
               v-for="item in selectListLocal"
-              :key="item[selectKey]"
-              :label="item[selectLabel]"
+              :key="selectJson ? item : item[selectKey]"
+              :label="selectJson ? item : item[selectLabel]"
               :value="selectJson ? item : item[selectValue]"
             />
           </el-select>
@@ -140,6 +142,14 @@ export default {
       type: Object,
       default: null,
     },
+    allowCreate: {
+      type: Boolean,
+      default: false,
+    },
+    defaultFirstOption: {
+      type: Boolean,
+      default: false,
+    },
     format: {
       type: String,
       default: "dd.MM.yyyy",

package/src/components/PartColumn/EditColumn.vue

@@ -22,6 +22,8 @@
             :select-key="field.selectList ? (field.selectKey ? field.selectKey : 'value' ) : ''"
             :select-label="field.selectList ? (field.selectLabel ? field.selectLabel : 'name' ) : ''"
             :select-value="field.selectList ? (field.selectValue ? field.selectValue : 'value' ) : ''"
+            :allow-create="field.allowCreate ? field.allowCreate : false"
+            :default-first-option="field.defaultFirstOption ? field.defaultFirstOption : false"
             :field="field.prop"
             :rows="field.rows ? field.rows : 3"
             :height="field.height ? field.height : 'auto'"

package/src/components/PartColumn/NewColumn.vue

@@ -22,6 +22,8 @@
             :select-key="field.selectList ? (field.selectKey ? field.selectKey : 'value' ) : ''"
             :select-label="field.selectList ? (field.selectLabel ? field.selectLabel : 'name' ) : ''"
             :select-value="field.selectList ? (field.selectValue ? field.selectValue : 'value' ) : ''"
+            :allow-create="field.allowCreate ? field.allowCreate : false"
+            :default-first-option="field.defaultFirstOption ? field.defaultFirstOption : false"
             :field="field.prop"
             :rows="field.rows ? field.rows : 3"
             :height="field.height ? field.height : 'auto'"
@@ -44,6 +46,7 @@ import Vue from 'vue';
 import getResolution from "@/services/resolutions";
 import NewField from "@/components/NewField";
 import lodash from "lodash";
+import EditableField from "@/components/EditableField/index.vue";
 const _ = lodash;
 export default {
   name: 'PartColumnNew',