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

/***/ "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);

/***/ })

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