vue-ant-patterns/biz-lib/b-import-export/modalImport.js

vue-ant-patterns

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _dContainer = require('../../lib/d-container');

var _dContainer2 = _interopRequireDefault(_dContainer);

var _dModal = require('../../lib/d-modal');

var _dModal2 = _interopRequireDefault(_dModal);

var _vueTypes = require('ant-design-vue/lib/_util/vue-types');

var _vueTypes2 = _interopRequireDefault(_vueTypes);

var _LocaleReceiver = require('ant-design-vue/lib/locale-provider/LocaleReceiver');

var _LocaleReceiver2 = _interopRequireDefault(_LocaleReceiver);

var _en_US = require('./locale/en_US');

var _en_US2 = _interopRequireDefault(_en_US);

var _zh_CN = require('./locale/zh_CN');

var _zh_CN2 = _interopRequireDefault(_zh_CN);

var _importExport = require('./importExport');

var _importExport2 = _interopRequireDefault(_importExport);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var Horizontal = _dContainer2['default'].Horizontal,
    Vertical = _dContainer2['default'].Vertical;


var langType = {
  'zh-cn': _zh_CN2['default'],
  'en-us': _en_US2['default']
};

var BModalImportExport = {
  name: 'BModalImportExport',
  props: {
    tmpCode: String,
    prefixCls: _vueTypes2['default'].string.def('depot-import-export'),
    showSetId: _vueTypes2['default'].bool.def(false),
    setIdLabel: _vueTypes2['default'].string, // 表集合labelName
    setIdTableName: _vueTypes2['default'].string, // 表集合
    title: _vueTypes2['default'].string, // 弹框标题
    modalVisible: _vueTypes2['default'].bool // 对话框是否可见
  },

  data: function data() {
    var modalVisible = this.$props.modalVisible;

    return {
      visible: modalVisible
    };
  },

  watch: {
    modalVisible: function modalVisible(val, oldVal) {
      this.visible = val;
    }
  },
  created: function created() {},
  mounted: function mounted() {},

  methods: {
    handleCancel: function handleCancel() {
      this.$emit('modalCancel');
    },
    handleOk: function handleOk() {
      this.$emit('modalOk');
    },
    renderComponent: function renderComponent() {
      var h = this.$createElement;
      var $props = this.$props,
          visible = this.visible;
      var title = $props.title;
      // 弹框使用中尺寸

      var modalProps = {
        props: {
          size: 'middle',
          title: title,
          visible: visible,
          destroyOnClose: true,
          wrapClassName: 'import-dialog',
          footer: null
        },
        on: {
          ok: this.handleOk,
          cancel: this.handleCancel
        }
      };
      // const { $props } = this;
      var importProps = {
        props: (0, _extends3['default'])({}, $props, {
          showCancelAndFinish: true
        }),
        on: {
          modalCancel: this.handleCancel,
          modalOk: this.handleOk
        }
      };
      return h(
        _dModal2['default'],
        modalProps,
        [h(_importExport2['default'], importProps)]
      );
    }
  },
  render: function render() {
    var h = arguments[0];

    return h(_LocaleReceiver2['default'], {
      attrs: {
        componentName: 'bModalImportExport',
        defaultLocale: this.getDefaultLocale
      },
      scopedSlots: { 'default': this.renderComponent }
    });
  }
};

BModalImportExport.install = function (Vue) {
  Vue.component(BModalImportExport.name, BModalImportExport);
};

exports['default'] = BModalImportExport;