'use strict';

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

var _babelHelperVueJsxMergeProps = require('babel-helper-vue-jsx-merge-props');

var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);

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

var _extends3 = _interopRequireDefault(_extends2);

var _index = require('../index');

var _index2 = _interopRequireDefault(_index);

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

exports['default'] = {
  data: function data() {
    return {
      destroyed: false
    };
  },

  methods: {
    destroy: function destroy() {
      this.destroyed = true;
    }
  },
  render: function render() {
    var h = arguments[0];

    if (this.destroyed) {
      return null;
    }
    var propsObj = {
      action: '//jsonplaceholder.typicode.com/posts/',
      data: { a: 1, b: 2 },
      headers: {
        Authorization: 'xxxxxxx'
      },
      multiple: true,
      beforeUpload: function beforeUpload(file) {
        console.log('beforeUpload', file.name);
      }
    };
    var propsEvent = {
      start: function start(file) {
        console.log('start', file, file.name);
      },
      success: function success(file) {
        console.log('success', file);
      },
      progress: function progress(step, file) {
        console.log('progress', Math.round(step.percent), file.name);
      },
      error: function error(err) {
        console.log('error', err);
      }
    };
    var uploaderProps = {
      props: (0, _extends3['default'])({}, propsObj),
      on: (0, _extends3['default'])({}, propsEvent),
      ref: 'inner'
    };
    var uploaderProps1 = {
      props: (0, _extends3['default'])({}, propsObj, {
        componentTag: 'div'
      }),
      on: (0, _extends3['default'])({}, propsEvent)
    };
    var style = '\n        .rc-upload-disabled {\n           opacity:0.5;\n        ';
    return h(
      'div',
      {
        style: {
          margin: '100px'
        }
      },
      [h('h2', ['\u56FA\u5B9A\u4F4D\u7F6E']), h('style', [style]), h('div', [h(
        _index2['default'],
        uploaderProps,
        [h('a', ['\u5F00\u59CB\u4E0A\u4F20'])]
      )]), h('h2', ['\u6EDA\u52A8']), h(
        'div',
        {
          style: {
            height: '200px',
            overflow: 'auto',
            border: '1px solid red'
          }
        },
        [h(
          'div',
          {
            style: {
              height: '500px'
            }
          },
          [h(
            _index2['default'],
            (0, _babelHelperVueJsxMergeProps2['default'])([uploaderProps1, {
              attrs: { component: 'div' },
              style: { display: 'inline-block' } }]),
            [h('a', ['\u5F00\u59CB\u4E0A\u4F202'])]
          )]
        )]
      ), h(
        'button',
        {
          on: {
            'click': this.destroy
          }
        },
        ['destroy']
      )]
    );
  }
};