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

/***/ "e96a":
/***/ (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/table-cus-render.vue?vue&type=template&id=eaea11f8&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-table',{attrs:{"striped":"","fields":_vm.fields,"items":_vm.items,"responsive":"sm","busy":_vm.isBusy},on:{"update:busy":function($event){_vm.isBusy=$event}},scopedSlots:_vm._u([{key:"cell(index)",fn:function(data){return [_c('b-input',{model:{value:(data.index),callback:function ($$v) {_vm.$set(data, "index", $$v)},expression:"data.index"}})]}},{key:"cell(name)",fn:function(data){return [_c('b',{staticClass:"text-info"},[_vm._v(_vm._s(data.value.last.toUpperCase()))]),_vm._v(" , "),_c('b',[_vm._v(_vm._s(data.value.first))])]}},{key:"cell(age)",fn:function(data){return [_c('b-input',{attrs:{"type":"number"},model:{value:(data.item.age),callback:function ($$v) {_vm.$set(data.item, "age", $$v)},expression:"data.item.age"}})]}},{key:"cell(enable)",fn:function(data){return [_c('b-form-checkbox',{attrs:{"switch":"","size":"lg"},model:{value:(data.item.enable),callback:function ($$v) {_vm.$set(data.item, "enable", $$v)},expression:"data.item.enable"}})]}},{key:"cell(nameage)",fn:function(data){return [_vm._v(_vm._s(data.item.name.first)+" is "+_vm._s(data.item.age)+" years old")]}},{key:"cell(action)",fn:function(data){return [_c('b-button',{on:{"click":function($event){return _vm.handleClick(data.item)}}},[_vm._v("更新")]),_c('b-button',{staticClass:"mr-1",on:{"click":function($event){return _vm.info(data.item, data.index, $event.target)}}},[_vm._v(" modal ")])]}}])}),_c('b-modal',{attrs:{"id":_vm.infoModal.id,"title":_vm.infoModal.title,"ok-only":""},on:{"hide":_vm.resetInfoModal}},[_c('pre',[_vm._v(_vm._s(_vm.infoModal.content))])])],1)}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/views/examples/components/table-cus-render.vue?vue&type=template&id=eaea11f8&

// 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/table-cus-render.vue?vue&type=script&lang=js&

//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var table_cus_rendervue_type_script_lang_js_ = ({
  data: function data() {
    return {
      isBusy: false,
      fields: ['index', {
        key: 'name',
        label: 'Full Name'
      }, 'age', 'sex', {
        key: 'nameage',
        label: 'First name and age'
      }, 'enable', 'action'],
      items: [{
        name: {
          first: 'John',
          last: 'Doe'
        },
        sex: 'Male',
        age: 42,
        enable: true
      }, {
        name: {
          first: 'Jane',
          last: 'Doe'
        },
        sex: 'Female',
        age: 36,
        enable: true
      }, {
        name: {
          first: 'Rubin',
          last: 'Kincade'
        },
        sex: 'Male',
        age: 73,
        enable: true
      }, {
        name: {
          first: 'Shirley',
          last: 'Partridge'
        },
        sex: 'Female',
        age: 62,
        enable: true
      }],
      infoModal: {
        id: 'info-modal',
        title: '',
        content: ''
      }
    };
  },
  methods: {
    handleClick: function handleClick(data) {
      var _this = this;

      console.log('update is clicked: ', Object(objectSpread2["a" /* default */])({}, data));
      this.isBusy = true;
      setTimeout(function () {
        _this.isBusy = false;
      }, 1000);
    },
    info: function info(item, index, button) {
      this.infoModal.title = "Row index: ".concat(index);
      this.infoModal.content = JSON.stringify(item, null, 2);
      this.$root.$emit('bv::show::modal', this.infoModal.id, button);
    },
    resetInfoModal: function resetInfoModal() {
      this.infoModal.title = '';
      this.infoModal.content = '';
    }
  }
});
// CONCATENATED MODULE: ./src/views/examples/components/table-cus-render.vue?vue&type=script&lang=js&
 /* harmony default export */ var components_table_cus_rendervue_type_script_lang_js_ = (table_cus_rendervue_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/table-cus-render.vue





/* normalize component */

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

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

/***/ })

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