tg-controls_cli 0.0.82 → 0.0.83

package/dist/myLib.common.js

@@ -468,6 +468,17 @@ utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
 module.exports = Axios;
 
 
+/***/ }),
+
+/***/ "0b9c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorField_vue_vue_type_style_index_0_id_1af2f90b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("323d");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorField_vue_vue_type_style_index_0_id_1af2f90b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorField_vue_vue_type_style_index_0_id_1af2f90b_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0c64":
@@ -745,17 +756,6 @@ $({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
 });
 
 
-/***/ }),
-
-/***/ "1560":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorField_vue_vue_type_style_index_0_id_31e7b536_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("af57");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorField_vue_vue_type_style_index_0_id_31e7b536_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ColorField_vue_vue_type_style_index_0_id_31e7b536_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1626":
@@ -1496,6 +1496,13 @@ module.exports = JSON.parse("{\"code\":\"pt_PT\",\"messages\":{\"alpha\":\"O cam
 
 /***/ }),
 
+/***/ "323d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "342f":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -25210,13 +25217,6 @@ module.exports = DESCRIPTORS && fails(function () {
 });
 
 
-/***/ }),
-
-/***/ "af57":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "b047":
@@ -34661,7 +34661,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3b5bb7bf-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=9e2b040c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3b5bb7bf-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=4b8330af&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -34720,7 +34720,7 @@ var render = function render() {
               class: {
                 'text-danger': true
               }
-            }, [_vm._v("*")]) : _vm._e()]) : _vm._e(), field.userGuide && field.userGuide != '' ? _c('a', {
+            }, [_vm._v("* ")]) : _vm._e()]) : _vm._e(), _vm._v("  "), field.userGuide && field.userGuide != '' ? _c('a', {
               attrs: {
                 "href": "javascript:;",
                 "title": field.userGuide,
@@ -34826,7 +34826,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=9e2b040c&
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=4b8330af&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -38396,6 +38396,287 @@ var TextField_component = normalizeComponent(
 )
 
 /* harmony default export */ var TextField = (TextField_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3b5bb7bf-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PasswordField.vue?vue&type=template&id=7484374a&
+var PasswordFieldvue_type_template_id_7484374a_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('Field', {
+    staticClass: "w-100",
+    attrs: {
+      "disabled": _vm.fieldInfo.disabled,
+      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
+      "rules": _vm.fieldInfo.validationRules
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        errors
+      }) {
+        return [_c('span', {
+          class: {
+            'd-flex ': true,
+            'is-invalid': errors[0]
+          }
+        }, [(_vm.showPassword ? 'text' : 'password') === 'checkbox' ? _c('input', {
+          directives: [{
+            name: "model",
+            rawName: "v-model",
+            value: _vm.fieldInfo.value,
+            expression: "fieldInfo.value"
+          }],
+          class: {
+            'form-control w-100': true,
+            'is-invalid': errors[0]
+          },
+          attrs: {
+            "name": _vm.fieldInfo.name,
+            "id": _vm.fieldInfo.name,
+            "placeholder": _vm.fieldInfo.placeholder,
+            "disabled": _vm.fieldInfo.disabled,
+            "type": "checkbox"
+          },
+          domProps: {
+            "checked": Array.isArray(_vm.fieldInfo.value) ? _vm._i(_vm.fieldInfo.value, null) > -1 : _vm.fieldInfo.value
+          },
+          on: {
+            "change": [function ($event) {
+              var $$a = _vm.fieldInfo.value,
+                $$el = $event.target,
+                $$c = $$el.checked ? true : false;
+              if (Array.isArray($$a)) {
+                var $$v = null,
+                  $$i = _vm._i($$a, $$v);
+                if ($$el.checked) {
+                  $$i < 0 && _vm.$set(_vm.fieldInfo, "value", $$a.concat([$$v]));
+                } else {
+                  $$i > -1 && _vm.$set(_vm.fieldInfo, "value", $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
+                }
+              } else {
+                _vm.$set(_vm.fieldInfo, "value", $$c);
+              }
+            }, function ($event) {
+              return _vm.onChange($event);
+            }],
+            "blur": function ($event) {
+              return _vm.onBlur($event);
+            },
+            "keyup": function ($event) {
+              return _vm.onKeyUp($event);
+            }
+          }
+        }) : (_vm.showPassword ? 'text' : 'password') === 'radio' ? _c('input', {
+          directives: [{
+            name: "model",
+            rawName: "v-model",
+            value: _vm.fieldInfo.value,
+            expression: "fieldInfo.value"
+          }],
+          class: {
+            'form-control w-100': true,
+            'is-invalid': errors[0]
+          },
+          attrs: {
+            "name": _vm.fieldInfo.name,
+            "id": _vm.fieldInfo.name,
+            "placeholder": _vm.fieldInfo.placeholder,
+            "disabled": _vm.fieldInfo.disabled,
+            "type": "radio"
+          },
+          domProps: {
+            "checked": _vm._q(_vm.fieldInfo.value, null)
+          },
+          on: {
+            "change": [function ($event) {
+              return _vm.$set(_vm.fieldInfo, "value", null);
+            }, function ($event) {
+              return _vm.onChange($event);
+            }],
+            "blur": function ($event) {
+              return _vm.onBlur($event);
+            },
+            "keyup": function ($event) {
+              return _vm.onKeyUp($event);
+            }
+          }
+        }) : _c('input', {
+          directives: [{
+            name: "model",
+            rawName: "v-model",
+            value: _vm.fieldInfo.value,
+            expression: "fieldInfo.value"
+          }],
+          class: {
+            'form-control w-100': true,
+            'is-invalid': errors[0]
+          },
+          attrs: {
+            "name": _vm.fieldInfo.name,
+            "id": _vm.fieldInfo.name,
+            "placeholder": _vm.fieldInfo.placeholder,
+            "disabled": _vm.fieldInfo.disabled,
+            "type": _vm.showPassword ? 'text' : 'password'
+          },
+          domProps: {
+            "value": _vm.fieldInfo.value
+          },
+          on: {
+            "change": function ($event) {
+              return _vm.onChange($event);
+            },
+            "blur": function ($event) {
+              return _vm.onBlur($event);
+            },
+            "keyup": function ($event) {
+              return _vm.onKeyUp($event);
+            },
+            "input": function ($event) {
+              if ($event.target.composing) return;
+              _vm.$set(_vm.fieldInfo, "value", $event.target.value);
+            }
+          }
+        }), _c('i', {
+          class: {
+            'fa': true,
+            'fa-eye': !_vm.showPassword,
+            'fa-eye-slash': _vm.showPassword
+          },
+          staticStyle: {
+            "position": "absolute",
+            "right": "0",
+            "padding": "8px",
+            "color": "#b7b7b7"
+          },
+          on: {
+            "click": _vm.showPasswordFunc
+          }
+        }), _vm.showAddIcon() ? _c('div', {
+          staticClass: "ml-2 mt-1"
+        }, [_c('a', {
+          class: _vm.addButtonClass()
+        }, [_c('i', {
+          class: _vm.addIconClass(),
+          attrs: {
+            "alt": "+"
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.onAddButtonClick($event);
+            }
+          }
+        })])]) : _vm._e()]), errors[0] ? _c('span', {
+          staticClass: "invalid-feedback",
+          attrs: {
+            "name": _vm.fieldInfo.name
+          }
+        }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
+      }
+    }])
+  });
+};
+var PasswordFieldvue_type_template_id_7484374a_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/PasswordField.vue?vue&type=template&id=7484374a&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PasswordField.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var PasswordFieldvue_type_script_lang_js_ = ({
+  components: {
+    Field: ValidationProvider
+  },
+  props: {
+    lang: {
+      type: String,
+      default: 'en'
+    },
+    fieldInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  data: function () {
+    return {
+      showPassword: false
+    };
+  },
+  mounted: function () {
+    this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
+  },
+  methods: {
+    GetDisplayLabel(field) {
+      var labelName = '';
+      if (field.hasOwnProperty('label') && field.label) {
+        labelName = field.label;
+      } else if (field.hasOwnProperty('display_name') && field.display_name) {
+        labelName = field.display_name;
+      }
+      return labelName;
+    },
+    onChange: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+        this.fieldInfo.config.onChange(e, this.fieldInfo);
+      }
+    },
+    onBlur: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onBlur) {
+        this.fieldInfo.config.onBlur(e, this.fieldInfo);
+      }
+    },
+    onKeyUp: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onKeyUp) {
+        this.fieldInfo.config.onKeyUp(e, this.fieldInfo);
+      }
+    },
+    showAddIcon: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
+        return this.fieldInfo.config.showAddIcon;
+      }
+    },
+    onAddButtonClick: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onAddButtonClick) {
+        this.fieldInfo.config.onAddButtonClick(e, this.fieldInfo);
+      }
+    },
+    addButtonClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIconBackground) {
+        return "round-icon-small theme-primary " + this.fieldInfo.config.addIconBackground;
+      } else {
+        return "round-icon-small btn-dark theme-primary";
+      }
+    },
+    addIconClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIcon) {
+        return "fa text-white pt-7 font-18 " + this.fieldInfo.config.addIcon;
+      } else {
+        return "fa fa-plus text-white pt-7 font-18";
+      }
+    },
+    showPasswordFunc: function () {
+      this.showPassword = !this.showPassword;
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/PasswordField.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_PasswordFieldvue_type_script_lang_js_ = (PasswordFieldvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/PasswordField.vue
+
+
+
+
+
+/* normalize component */
+
+var PasswordField_component = normalizeComponent(
+  components_PasswordFieldvue_type_script_lang_js_,
+  PasswordFieldvue_type_template_id_7484374a_render,
+  PasswordFieldvue_type_template_id_7484374a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var PasswordField = (PasswordField_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3b5bb7bf-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DateField.vue?vue&type=template&id=545551d4&
 var DateFieldvue_type_template_id_545551d4_render = function render() {
   var _vm = this,
@@ -39999,8 +40280,8 @@ var TextAreaField_component = normalizeComponent(
 )
 
 /* harmony default export */ var TextAreaField = (TextAreaField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3b5bb7bf-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ColorField.vue?vue&type=template&id=31e7b536&
-var ColorFieldvue_type_template_id_31e7b536_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3b5bb7bf-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ColorField.vue?vue&type=template&id=1af2f90b&
+var ColorFieldvue_type_template_id_1af2f90b_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -40058,9 +40339,9 @@ var ColorFieldvue_type_template_id_31e7b536_render = function render() {
     }])
   })], 1);
 };
-var ColorFieldvue_type_template_id_31e7b536_staticRenderFns = [];
+var ColorFieldvue_type_template_id_1af2f90b_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ColorField.vue?vue&type=template&id=31e7b536&
+// CONCATENATED MODULE: ./src/components/ColorField.vue?vue&type=template&id=1af2f90b&
 
 // EXTERNAL MODULE: ./node_modules/vue2-color-picker/dist/vue2-color-picker.js
 var vue2_color_picker = __webpack_require__("b9d7");
@@ -40145,7 +40426,7 @@ var vue2_color_picker_default = /*#__PURE__*/__webpack_require__.n(vue2_color_pi
     togglePicker: function () {
       this.displayPicker ? this.hidePicker() : this.showPicker();
     },
-    updateFromInput: function () {
+    updateFromInput: function (e) {
       var pattern = new RegExp("^#[0-9A-F]{6}$");
       var str = this.colorValue;
       if (pattern.test(str)) {
@@ -40153,6 +40434,9 @@ var vue2_color_picker_default = /*#__PURE__*/__webpack_require__.n(vue2_color_pi
       } else {
         return false;
       }
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+        this.fieldInfo.config.onChange(e, this.fieldInfo);
+      }
     },
     updateFromPicker(color) {
       this.colors = color;
@@ -40163,12 +40447,18 @@ var vue2_color_picker_default = /*#__PURE__*/__webpack_require__.n(vue2_color_pi
         this.colorValue = 'rgba(' + color.rgba.r + ', ' + color.rgba.g + ', ' + color.rgba.b + ', ' + color.rgba.a + ')';
         this.fieldInfo.value = this.colorValue;
       }
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+        this.fieldInfo.config.onChange(color, this.fieldInfo);
+      }
     },
     documentClick: function (e) {
       var el = this.$refs.colorpicker,
         target = e.target;
-      if (el !== target && !el.contains(target)) {
+      if (el !== target && typeof el != "undefined" && !el.contains(target)) {
         this.hidePicker();
+        if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+          this.fieldInfo.config.onChange(e, this.fieldInfo);
+        }
       }
     }
   },
@@ -40185,8 +40475,8 @@ var vue2_color_picker_default = /*#__PURE__*/__webpack_require__.n(vue2_color_pi
 });
 // CONCATENATED MODULE: ./src/components/ColorField.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_ColorFieldvue_type_script_lang_js_ = (ColorFieldvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/ColorField.vue?vue&type=style&index=0&id=31e7b536&prod&lang=css&
-var ColorFieldvue_type_style_index_0_id_31e7b536_prod_lang_css_ = __webpack_require__("1560");
+// EXTERNAL MODULE: ./src/components/ColorField.vue?vue&type=style&index=0&id=1af2f90b&prod&lang=css&
+var ColorFieldvue_type_style_index_0_id_1af2f90b_prod_lang_css_ = __webpack_require__("0b9c");
 
 // CONCATENATED MODULE: ./src/components/ColorField.vue
 
@@ -40199,8 +40489,8 @@ var ColorFieldvue_type_style_index_0_id_31e7b536_prod_lang_css_ = __webpack_requ
 
 var ColorField_component = normalizeComponent(
   components_ColorFieldvue_type_script_lang_js_,
-  ColorFieldvue_type_template_id_31e7b536_render,
-  ColorFieldvue_type_template_id_31e7b536_staticRenderFns,
+  ColorFieldvue_type_template_id_1af2f90b_render,
+  ColorFieldvue_type_template_id_1af2f90b_staticRenderFns,
   false,
   null,
   null,
@@ -40895,6 +41185,7 @@ var SlotField_component = normalizeComponent(
 
 
 
+
 //import { getFormValidationRules } from  "./validationMessages.vue"
 /* harmony default export */ var DynamicFormvue_type_script_lang_js_ = ({
   name: 'DynamicForm',
@@ -40914,7 +41205,8 @@ var SlotField_component = normalizeComponent(
     ColorField: ColorField,
     FileField: FileField,
     TreeSelectField: TreeSelectField,
-    SlotField: SlotField
+    SlotField: SlotField,
+    PasswordField: PasswordField
   },
   data: function () {
     return {