@kigi/components 1.4.8 → 1.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

package/src/components/mbg-select/mbg-select.ts

@@ -41,6 +41,7 @@ class MbgSelectController {
   private fixedOptionId: any
   private fixedValue: string
   private transcludeSize: any
+  private getCustomModel: Function
 
   constructor(
     public $scope,
@@ -387,7 +388,7 @@ class MbgSelectController {
   }
 
   setModel() {
-    this.$timeout(() => {
+    this.$timeout(async () => {
       if (this.fetch) {
         const currentOption = this.getOptionFocused()
         if (currentOption[0]) {
@@ -399,10 +400,10 @@ class MbgSelectController {
               item = isNaN(this.inputValue) ? this.inputValue : Number(this.inputValue)
             }
           }
-          this.updateModelValue(this.ngValue ? item[this.ngValue] : item)
+          await this.updateModelValue(this.ngValue ? item[this.ngValue] : item)
         }
       } else {
-        this.updateModelValue(this.inputValue)
+        await this.updateModelValue(this.inputValue)
       }
       this.executeCallback()
       if (this.onSelect) {
@@ -419,12 +420,12 @@ class MbgSelectController {
     }
   }
 
-  selectOption(item, isNew?: boolean) {
+  async selectOption(item, isNew?: boolean) {
     this.data = []
     this.executeCallback(isNew)
     this.pressEnter = false
     this.hasFocus = false
-    this.updateModelValue(this.ngValue ? item[this.ngValue] : item)
+    await this.updateModelValue(this.ngValue ? item[this.ngValue] : item)
     if (this.onSelect) {
       this.onSelect({ value: this.ngModel })
     }
@@ -516,8 +517,41 @@ class MbgSelectController {
   }
 
   updateModelValue(value) {
-    this.ngModel = value
-    this.updateInputValue()
+    return new Promise((resolve) => {
+      if (this.getCustomModel) {
+        const response: any = this.getCustomModel({ value })
+        this.isLoading = true
+        if (response && response.then) {
+          if (response && response.then) {
+            response
+              .then((responseCustomModel) => {
+                this.ngModel =
+                  responseCustomModel && responseCustomModel.data
+                    ? responseCustomModel.data
+                    : responseCustomModel
+                this.updateInputValue()
+                this.isLoading = false
+                resolve(true)
+                return
+              })
+              .catch(() => {
+                this.isLoading = false
+                resolve(true)
+              })
+          }
+        } else {
+          this.ngModel = response
+          this.updateInputValue()
+          this.isLoading = false
+          resolve(true)
+          return
+        }
+      } else {
+        this.ngModel = value
+        this.updateInputValue()
+        resolve(true)
+      }
+    })
   }
 
   updateInputValue() {
@@ -632,6 +666,7 @@ const mbgSelect = {
     fixedOptionId: '=?',
     callbackAddFixedOption: '&?',
     transcludeSize: '=?',
+    getCustomModel: '&?',
   },
   controller: MbgSelectController,
   template,