@kigi/components 1.11.4 → 1.14.0-beta.1

package/package.json

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

package/src/components/mbg-input-number/mbg-input-number.ts

@@ -8,13 +8,7 @@ class MbgInputNumberController {
   private ngDisabled
   private props
 
-  constructor(
-    public $scope,
-    public $element,
-    public $attrs,
-    public $compile,
-    public $timeout
-  ) { }
+  constructor(public $scope, public $element, public $attrs, public $compile, public $timeout) {}
 
   $onInit() {
     this.$timeout(() => {
@@ -28,7 +22,7 @@ class MbgInputNumberController {
         placeholder: this.$attrs.placeholder || '',
         precision: this.$attrs.precision || 0,
         allowNegative: this.$attrs.allowNegative ? JSON.parse(this.$attrs.allowNegative) : false,
-        uiHideGroupSep: typeof this.$attrs.uiHideGroupSep !== undefined ? true : undefined
+        uiHideGroupSep: typeof this.$attrs.uiHideGroupSep !== undefined ? true : undefined,
       }
       if (this.$attrs.min) {
         this.props.min = this.$attrs.min
@@ -53,19 +47,12 @@ class MbgInputNumberController {
 
   onChange() {
     if (this.ngChange) {
-      this.ngChange({})
+      this.ngChange({ newCount: this.ngModel })
     }
   }
-
 }
 
-MbgInputNumberController.$inject = [
-  '$scope',
-  '$element',
-  '$attrs',
-  '$compile',
-  '$timeout'
-]
+MbgInputNumberController.$inject = ['$scope', '$element', '$attrs', '$compile', '$timeout']
 
 const mbgInputNumber = {
   bindings: {
@@ -76,7 +63,7 @@ const mbgInputNumber = {
     ngBlur: '&?',
     ngFocus: '&?',
     positive: '=?',
-    ngModelOptions: '=?'
+    ngModelOptions: '=?',
   },
   template,
   controller: MbgInputNumberController,

package/src/components/mbg-repasse/interfaces/apply-fields-interface.ts

@@ -1,7 +1,7 @@
 export interface ApplyFields {
   label: string
   type: string
-  inputType?: 'SELECT' | 'TEXT' | 'NUMBER' | 'MONEY' | 'PERCENTAGE'
+  inputType?: 'SELECT' | 'TEXT' | 'NUMBER' | 'MONEY' | 'PERCENTAGE' | 'BOOLEAN'
   numberPrecision?: number
   search?: Function
 }

package/src/components/mbg-repasse/mbg-repasse.html

@@ -98,6 +98,12 @@
                       ng-disabled="!item.field"
                       label="label"
                       fetch="item.field.search(query)"></mbg-select>
+          <switch ng-if="item.field.inputType == 'BOOLEAN'"
+                  name="item.field.inputType"
+                  ng-model="item.selected"
+                  class="green active-m"
+                  ng-change="$ctrl.handleNgModel()">
+          </switch>
         </div>
         <div class="col-md-3">
           <div class="options-action">

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

@@ -6,7 +6,8 @@
     <span ng-show="$ctrl.placeholder && !$ctrl.ngModel"
           class="place">{{ $ctrl.placeholder }}</span>
     <span ng-show="$ctrl.ngModel"
-          class="mbg-select-value">{{ $ctrl.labelValue ? $ctrl.ngValue ? $ctrl.inputNgValue :
+          class="mbg-select-value">{{ $ctrl.strMountValue ? $ctrl.strMountValue : $ctrl.labelValue ? $ctrl.ngValue ?
+      $ctrl.inputNgValue :
       $ctrl.ngModel[$ctrl.labelValue] : $ctrl.ngModel }}</span>
   </div>
   <!-- <mbg-input-text ng-model="$ctrl.inputValue"

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

@@ -45,6 +45,9 @@ class MbgSelectController {
   private getCustomModel: Function
   private capitalize
   private manyFavorite: boolean
+  private executeAfterOnInit: Function
+  private mountValue
+  private strMountValue
 
   constructor(
     public $scope,
@@ -568,25 +571,29 @@ class MbgSelectController {
 
   updateInputValue() {
     this.$timeout(() => {
-      if (this.ngValue && this.ngModel) {
-        this.executeFetch((data) => {
-          const item = (data || []).find((i) => i[this.ngValue] === this.ngModel)
-          if (item) {
-            this.inputValue = item[this.labelValue]
-            this.inputNgValue = item[this.labelValue]
-          }
-        })
+      if (this.mountValue) {
+        this.strMountValue = this.mountValue({ value: this.ngModel })
       } else {
-        if (this.labelValue && this.ngModel) {
-          this.inputValue = this.ngModel[this.labelValue]
+        if (this.ngValue && this.ngModel) {
+          this.executeFetch((data) => {
+            const item = (data || []).find((i) => i[this.ngValue] === this.ngModel)
+            if (item) {
+              this.inputValue = item[this.labelValue]
+              this.inputNgValue = item[this.labelValue]
+            }
+          })
         } else {
-          if (this.ngModel) {
-            this.inputValue = this.ngModel
+          if (this.labelValue && this.ngModel) {
+            this.inputValue = this.ngModel[this.labelValue]
+          } else {
+            if (this.ngModel) {
+              this.inputValue = this.ngModel
+            }
+          }
+          if (!this.ngModel) {
+            delete this.inputValue
+            delete this.inputNgValue
           }
-        }
-        if (!this.ngModel) {
-          delete this.inputValue
-          delete this.inputNgValue
         }
       }
     })
@@ -602,6 +609,9 @@ class MbgSelectController {
       favorite = MbgCookie.get(this.getFavoriteKey())
       if (favorite && this.enableFavorite && !this.ngModel) {
         this.selectOption(favorite)
+        if (this.executeAfterOnInit) {
+          this.executeAfterOnInit()
+        }
       }
     }, 300)
   }
@@ -699,6 +709,8 @@ const mbgSelect = {
     getCustomModel: '&?',
     capitalize: '=?',
     manyFavorite: '=?',
+    executeAfterOnInit: '&?',
+    mountValue: '&?',
   },
   controller: MbgSelectController,
   template,