((typeof self !== 'undefined' ? self : this)["webpackJsonpfe_bootstrap_vue"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpfe_bootstrap_vue"] || []).push([[5,17,18],{

/***/ "5df2":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"88059148-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/examples/Form.vue?vue&type=template&id=459856ce&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',[_c('b-col',{attrs:{"cols":"12"}},[_c('b-link',{attrs:{"to":{ name: 'Examples.Form.Create' }}},[_vm._v("新增")]),_c('FeTabs',{attrs:{"tabs":[
        { title: 'Form', slot: 'tab1' },
        { title: 'FormSetting', slot: 'tab2' }
      ]},scopedSlots:_vm._u([{key:"tab1",fn:function(){return [_c('h2',[_vm._v("FormItem")]),_c('DemoFormValidator')]},proxy:true},{key:"tab2",fn:function(){return [_c('h2',[_vm._v("FormSetting")]),_c('DemoFormSetting')]},proxy:true}]),model:{value:(_vm.tabIndex),callback:function ($$v) {_vm.tabIndex=$$v},expression:"tabIndex"}})],1)],1)}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/views/examples/Form.vue?vue&type=template&id=459856ce&

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__("b0c0");

// EXTERNAL MODULE: ./src/views/examples/components/demo-form-validator.vue + 4 modules
var demo_form_validator = __webpack_require__("ed95");

// EXTERNAL MODULE: ./src/views/examples/components/demo-form-setting.vue + 4 modules
var demo_form_setting = __webpack_require__("aa6e");

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/examples/Form.vue?vue&type=script&lang=js&

//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//


/* harmony default export */ var Formvue_type_script_lang_js_ = ({
  name: 'Examples.Form',
  components: {
    DemoFormValidator: demo_form_validator["default"],
    DemoFormSetting: demo_form_setting["default"]
  },
  created: function created() {},
  data: function data() {
    return {
      tabIndex: 0,
      form: {
        name: '333',
        age: 1,
        type: ['orange']
      }
    };
  },
  computed: {
    state: function state() {
      return this.form.name.length >= 4;
    },
    invalidFeedback: function invalidFeedback() {
      if (this.form.name.length > 0) {
        return 'Enter at least 4 characters.';
      }

      return 'Please enter something.';
    }
  },
  methods: {
    onSubmit: function onSubmit(event) {
      event.preventDefault();
      alert(JSON.stringify(this.form));
    },
    onReset: function onReset(event) {
      event.preventDefault();
      this.$refs.form.resetFields(); // this.form.email = ''
      // this.form.name = ''
      // this.form.food = null
      // this.form.checked = []
    }
  }
});
// CONCATENATED MODULE: ./src/views/examples/Form.vue?vue&type=script&lang=js&
 /* harmony default export */ var examples_Formvue_type_script_lang_js_ = (Formvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/views/examples/Form.vue





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  examples_Formvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var Form = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "aa6e":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"88059148-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/examples/components/demo-form-setting.vue?vue&type=template&id=4db66cba&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('FeForm',{ref:"formSetting",attrs:{"form":_vm.form},on:{"submit":_vm.onSubmit,"reset":_vm.onReset,"scroll":_vm.onScroll}},[_vm._l((_vm.formSetting),function(setting,idx){return _c('FeFormItemSetting',_vm._b({key:setting.prop || ("setting-" + idx),model:{value:(_vm.form[setting.prop]),callback:function ($$v) {_vm.$set(_vm.form, setting.prop, $$v)},expression:"form[setting.prop]"}},'FeFormItemSetting',setting,false))}),_c('FeButton',{attrs:{"type":"submit","variant":"primary"}},[_vm._v("Submit")]),_c('FeButton',{attrs:{"type":"reset","variant":"danger"}},[_vm._v("Reset")]),_c('FeButton',{attrs:{"variant":"primary"},on:{"click":_vm.setData}},[_vm._v("Set Data")])],2)],1)}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/views/examples/components/demo-form-setting.vue?vue&type=template&id=4db66cba&

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/examples/components/demo-form-setting.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var demo_form_settingvue_type_script_lang_js_ = ({
  name: 'DemoFormItemSetting',
  data: function data() {
    return {
      form: {
        input: '',
        number: 0,
        email: '',
        password: '',
        search: '',
        url: '',
        tel: '',
        date: '',
        time: '',
        range: '',
        color: '',
        textarea: '',
        radio: '',
        //TODO radio 吃不到預設值
        upload: null,
        uploadFile: [],
        uploadImgs: [],
        datepicker: '',
        spinButton: 0,
        timepicker: '',
        rating: 0,
        select: null,
        tags: [],
        checked: [],
        switch: false,
        switchCus: false
      },
      formSetting: [{
        label: 'input',
        prop: 'input',
        item: 'FeInput',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Number',
        prop: 'number',
        item: 'FeInput',
        formProps: {
          type: 'number'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Password',
        prop: 'password',
        item: 'FeInput',
        formProps: {
          type: 'password',
          autocomplete: 'current-password'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Email',
        prop: 'email',
        item: 'FeInput',
        formProps: {
          type: 'email'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Search',
        prop: 'search',
        item: 'FeInput',
        formProps: {
          type: 'search'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput URL',
        prop: 'url',
        item: 'FeInput',
        formProps: {
          type: 'url'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Tel',
        prop: 'tel',
        item: 'FeInput',
        formProps: {
          type: 'tel'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Date',
        prop: 'date',
        item: 'FeInput',
        formProps: {
          type: 'date'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Time',
        prop: 'time',
        item: 'FeInput',
        formProps: {
          type: 'time'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'FeInput Range',
        prop: 'range',
        item: 'FeInput',
        formProps: {
          type: 'range'
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'Textarea',
        prop: 'textarea',
        item: 'FeTextarea',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'Radio',
        prop: 'radio',
        item: 'FeRadio',
        rules: [{
          required: true,
          message: '不準為空'
        }],
        formProps: {
          options: [{
            text: 'First radio',
            value: 'first'
          }, {
            text: 'Second radio',
            value: 'second'
          }, {
            text: 'Third radio',
            value: 'third'
          }]
        }
      }, {
        label: 'Upload',
        prop: 'upload',
        item: 'FeUpload',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'CusUpload',
        prop: 'uploadFile',
        item: 'FeCusUpload',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'CusUpload { type: imgs }',
        prop: 'uploadImgs',
        item: 'FeCusUpload',
        formProps: {
          type: 'imgs'
        },
        formEvents: {
          remove: function remove(index) {
            console.log('%cdemo-form-setting.vue line:171 index', 'color: #007acc;', index);
          }
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'Datepicker',
        prop: 'datepicker',
        item: 'FeDatepicker',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'Timepicker',
        prop: 'timepicker',
        item: 'FeTimepicker',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'SpinButton',
        prop: 'spinButton',
        item: 'FeSpinButton',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'Tags',
        prop: 'tags',
        item: 'FeTags',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'Rating',
        prop: 'rating',
        item: 'FeRating',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'CheckBoxGroup',
        prop: 'checked',
        item: 'FeCheckBoxGroup',
        formProps: {
          // type: 'buttons',
          options: [{
            text: 'Orange',
            value: 'orange'
          }, {
            text: 'Apple',
            value: 'apple'
          }, {
            text: 'Pineapple',
            value: 'pineapple'
          }, {
            text: 'Grape',
            value: 'grape'
          }]
        },
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'Switch',
        prop: 'switch',
        item: 'FeSwitch',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }, {
        label: 'CusSwitch',
        prop: 'switchCus',
        item: 'FeCusSwitch',
        rules: [{
          required: true,
          message: '不準為空'
        }]
      }]
    };
  },
  mounted: function mounted() {},
  methods: {
    onSubmit: function onSubmit(status) {
      if (status) {
        alert('is submited');
        console.log('%cdemo-form-setting.vue line:244 object', 'color: #007acc;', status);
      }
    },
    onReset: function onReset() {
      this.$refs.formSetting.resetFields();
    },
    onScroll: function onScroll(top) {
      window.scrollTo({
        top: top,
        behavior: 'smooth'
      });
    },
    setData: function setData() {
      this.form = {
        input: '1',
        number: 2,
        email: '123@gmail.com',
        password: '4',
        search: '5',
        url: 'https://google.com',
        tel: '7',
        date: '2021-04-19',
        time: '19:50',
        range: '10',
        color: '11',
        textarea: '12',
        radio: 'first',
        upload: null,
        uploadFile: [],
        uploadImgs: [],
        datepicker: '2021-04-14',
        spinButton: 3,
        timepicker: '23:59:00',
        rating: 4,
        select: null,
        tags: ['apple', 'orange'],
        checked: ['orange'],
        switch: true,
        switchCus: true
      };
    }
  }
});
// CONCATENATED MODULE: ./src/views/examples/components/demo-form-setting.vue?vue&type=script&lang=js&
 /* harmony default export */ var components_demo_form_settingvue_type_script_lang_js_ = (demo_form_settingvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/views/examples/components/demo-form-setting.vue





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_demo_form_settingvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var demo_form_setting = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "ed95":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"88059148-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/examples/components/demo-form-validator.vue?vue&type=template&id=6a9b3a5a&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.show)?_c('FeForm',{ref:"form",attrs:{"form":_vm.form,"rules":_vm.rules},on:{"submit":_vm.onSubmit,"reset":_vm.onReset,"scroll":_vm.handleFormScroll}},[_c('FeFormItem',{attrs:{"description":"Let us know your name.","label":"FeInput","prop":"input"}},[_c('FeInput',{attrs:{"placeholder":"Enter text"},model:{value:(_vm.form.input),callback:function ($$v) {_vm.$set(_vm.form, "input", $$v)},expression:"form.input"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Number","prop":"number"}},[_c('FeInput',{attrs:{"type":"number","placeholder":"Enter number"},model:{value:(_vm.form.number),callback:function ($$v) {_vm.$set(_vm.form, "number", $$v)},expression:"form.number"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Password","prop":"password","rules":[{ required: true, message: '3345678', trigger: 'change' }]}},[_c('FeInput',{attrs:{"type":"password","placeholder":"Enter password","autocomplete":""},model:{value:(_vm.form.password),callback:function ($$v) {_vm.$set(_vm.form, "password", $$v)},expression:"form.password"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Email","prop":"email"}},[_c('FeInput',{attrs:{"type":"email","id":"inputEmail","placeholder":"Enter email"},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, "email", $$v)},expression:"form.email"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Search","prop":"search"}},[_c('FeInput',{attrs:{"type":"search","placeholder":"Enter search"},model:{value:(_vm.form.search),callback:function ($$v) {_vm.$set(_vm.form, "search", $$v)},expression:"form.search"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput URL","prop":"url"}},[_c('FeInput',{attrs:{"type":"url","placeholder":"Enter URL"},model:{value:(_vm.form.url),callback:function ($$v) {_vm.$set(_vm.form, "url", $$v)},expression:"form.url"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Tel","prop":"tel"}},[_c('FeInput',{attrs:{"type":"tel","placeholder":"Enter Tel"},model:{value:(_vm.form.tel),callback:function ($$v) {_vm.$set(_vm.form, "tel", $$v)},expression:"form.tel"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Date","prop":"date"}},[_c('FeInput',{attrs:{"type":"date","id":"inputDate","placeholder":"Enter Date"},model:{value:(_vm.form.date),callback:function ($$v) {_vm.$set(_vm.form, "date", $$v)},expression:"form.date"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Time","prop":"time"}},[_c('FeInput',{attrs:{"type":"time","placeholder":"Enter Time"},model:{value:(_vm.form.time),callback:function ($$v) {_vm.$set(_vm.form, "time", $$v)},expression:"form.time"}})],1),_c('FeFormItem',{attrs:{"label":"FeInput Range","prop":"range"}},[_c('FeInput',{attrs:{"type":"range","placeholder":"Enter Range"},model:{value:(_vm.form.range),callback:function ($$v) {_vm.$set(_vm.form, "range", $$v)},expression:"form.range"}})],1),_c('FeFormItem',{attrs:{"label":"Textarea","prop":"textarea"}},[_c('FeTextarea',{attrs:{"placeholder":"Enter Textarea"},model:{value:(_vm.form.textarea),callback:function ($$v) {_vm.$set(_vm.form, "textarea", $$v)},expression:"form.textarea"}})],1),_c('FeFormItem',{attrs:{"label":"Radio","prop":"radio"}},[_c('FeRadio',{attrs:{"options":_vm.radioOptions,"placeholder":"Enter Radio"},model:{value:(_vm.form.radio),callback:function ($$v) {_vm.$set(_vm.form, "radio", $$v)},expression:"form.radio"}})],1),_c('FeFormItem',{attrs:{"label":"Upload","prop":"upload"}},[_c('FeUpload',{attrs:{"accept":"image/*","placeholder":"Enter Upload"},model:{value:(_vm.form.upload),callback:function ($$v) {_vm.$set(_vm.form, "upload", $$v)},expression:"form.upload"}})],1),_c('FeFormItem',{attrs:{"label":"Datepicker","prop":"datepicker"}},[_c('FeDatepicker',{attrs:{"placeholder":"Enter Datepicker"},model:{value:(_vm.form.datepicker),callback:function ($$v) {_vm.$set(_vm.form, "datepicker", $$v)},expression:"form.datepicker"}})],1),_c('FeFormItem',{attrs:{"label":"Timepicker","prop":"timepicker"}},[_c('FeTimepicker',{attrs:{"placeholder":"Enter Timepicker"},model:{value:(_vm.form.timepicker),callback:function ($$v) {_vm.$set(_vm.form, "timepicker", $$v)},expression:"form.timepicker"}})],1),_c('FeFormItem',{attrs:{"label":"SpinButton","prop":"spinButton"}},[_c('FeSpinButton',{attrs:{"placeholder":"Enter SpinButton"},model:{value:(_vm.form.spinButton),callback:function ($$v) {_vm.$set(_vm.form, "spinButton", $$v)},expression:"form.spinButton"}})],1),_c('FeFormItem',{attrs:{"label":"Tags","prop":"tags"}},[_c('FeTags',{attrs:{"placeholder":"Enter Tags"},on:{"tag-state":_vm.handleTagState},model:{value:(_vm.form.tags),callback:function ($$v) {_vm.$set(_vm.form, "tags", $$v)},expression:"form.tags"}})],1),_c('FeFormItem',{attrs:{"label":"Rating","prop":"rating"}},[_c('FeRating',{attrs:{"placeholder":"Enter Rating"},model:{value:(_vm.form.rating),callback:function ($$v) {_vm.$set(_vm.form, "rating", $$v)},expression:"form.rating"}})],1),_c('FeFormItem',{attrs:{"label":"FeSelect","prop":"select"}},[_c('FeSelect',{attrs:{"options":_vm.selectOptions},model:{value:(_vm.form.select),callback:function ($$v) {_vm.$set(_vm.form, "select", $$v)},expression:"form.select"}})],1),_c('FeFormItem',{attrs:{"label":"CheckBoxGroup","prop":"checked"}},[_c('FeCheckBoxGroup',{attrs:{"options":_vm.checkBoxOptions},model:{value:(_vm.form.checked),callback:function ($$v) {_vm.$set(_vm.form, "checked", $$v)},expression:"form.checked"}})],1),_c('b-button',{attrs:{"type":"submit","variant":"primary"}},[_vm._v("Submit")]),_c('b-button',{attrs:{"type":"reset","variant":"danger"}},[_vm._v("Reset")])],1):_vm._e()],1)}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/views/examples/components/demo-form-validator.vue?vue&type=template&id=6a9b3a5a&

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
var objectSpread2 = __webpack_require__("5530");

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/examples/components/demo-form-validator.vue?vue&type=script&lang=js&

//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var demo_form_validatorvue_type_script_lang_js_ = ({
  data: function data() {
    var _this = this;

    var defaultFrom = {
      input: '',
      number: '',
      email: '',
      password: '',
      search: '',
      url: '',
      tel: '',
      date: '',
      time: '',
      range: '',
      color: '',
      textarea: '',
      radio: 'first',
      upload: null,
      datepicker: '',
      spinButton: 0,
      timepicker: null,
      rating: null,
      select: null,
      tags: ['apple', 'orange'],
      checked: []
    };
    return {
      validation: false,
      form: Object(objectSpread2["a" /* default */])({}, defaultFrom),
      defaultFrom: Object(objectSpread2["a" /* default */])({}, defaultFrom),
      rules: {
        input: [{
          required: true,
          message: '12345',
          trigger: 'blur'
        }, {
          min: 3,
          max: 5,
          message: '3 ~ 5',
          trigger: 'change'
        }, {
          validator: function validator(rule, value, cb) {
            if (value === '333') return cb('value = 333');
            cb();
          }
        }],
        number: [// { required: true, message: '23456', trigger: 'change' },
        {
          type: 'enum',
          message: 'does not matched enum',
          enum: ['11', '22', '33'],
          trigger: 'change'
        }],
        email: [{
          min: 3,
          max: 5,
          message: '3 ~ 5',
          trigger: 'change'
        }],
        search: [{
          validator: function validator(rule, value, cb) {
            _this.$refs.form.validateField('input');

            cb();
          }
        }]
      },
      show: true,
      selectOptions: [{
        value: null,
        text: 'Please select an option'
      }, {
        value: 'a',
        text: 'This is First option'
      }, {
        value: 'b',
        text: 'Selected Option',
        disabled: true
      }, {
        label: 'Grouped options',
        options: [{
          value: {
            C: '3PO'
          },
          text: 'Option with object value'
        }, {
          value: {
            R: '2D2'
          },
          text: 'Another option with object value'
        }]
      }],
      radioOptions: [{
        text: 'First radio',
        value: 'first'
      }, {
        text: 'Second radio',
        value: 'second'
      }, {
        text: 'Third radio',
        value: 'third'
      }],
      checkBoxOptions: [{
        text: 'Orange',
        value: 'orange'
      }, {
        text: 'Apple',
        value: 'apple'
      }, {
        text: 'Pineapple',
        value: 'pineapple'
      }, {
        text: 'Grape',
        value: 'grape'
      }]
    };
  },
  computed: {
    state: function state() {
      return this.form.input.length >= 4;
    },
    invalidFeedback: function invalidFeedback() {
      if (this.form.input.length > 0) {
        return 'Enter at least 4 characters.';
      }

      return 'Please enter something.';
    }
  },
  methods: {
    onSubmit: function onSubmit(state) {
      if (state) {
        alert('submited');
      }
    },
    onReset: function onReset() {
      // this.form = { ...this.defaultFrom }
      this.$refs.form.resetFields();
    },
    handleTagState: function handleTagState(valid, invalid, duplicate) {
      console.log('handleTagState: ', valid, invalid, duplicate);
    },
    handleFormScroll: function handleFormScroll(top, node) {
      console.log('%cform-validator.vue line:186 top', 'color: #007acc;', top);
      window.scrollTo({
        top: top,
        behavior: 'smooth'
      });
    }
  }
});
// CONCATENATED MODULE: ./src/views/examples/components/demo-form-validator.vue?vue&type=script&lang=js&
 /* harmony default export */ var components_demo_form_validatorvue_type_script_lang_js_ = (demo_form_validatorvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/views/examples/components/demo-form-validator.vue





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_demo_form_validatorvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var demo_form_validator = __webpack_exports__["default"] = (component.exports);

/***/ })

}]);
//# sourceMappingURL=fe-bootstrap-vue.common.5.js.map