ant-design-vue/lib/vc-checkbox/demo/simple.js

An enterprise-class UI design language and Vue-based implementation

'use strict';

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

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

var _index2 = _interopRequireDefault(_index);

require('../assets/index.less');

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

/* eslint no-console:0 */
function onChange(e) {
  console.log('Checkbox checked:', e.target.checked);
}

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

  methods: {
    toggle: function toggle() {
      this.disabled = !this.disabled;
    }
  },
  render: function render() {
    var h = arguments[0];

    return h(
      'div',
      { style: { margin: '20px' } },
      [h('div', [h('p', [h('label', [h(_index2['default'], {
        attrs: {
          checked: true,

          disabled: this.disabled
        },
        on: {
          'change': onChange
        }
      }), '\xA0 controlled checked rc-checkbox']), '\xA0\xA0']), h('p', [h('label', [h('input', {
        attrs: {
          checked: true,
          type: 'checkbox',

          disabled: this.disabled
        },
        on: {
          'change': onChange
        }
      }), '\xA0 controlled checked native']), '\xA0\xA0'])]), h('div', [h('p', [h('label', [h(_index2['default'], {
        attrs: {
          defaultChecked: true,

          disabled: this.disabled
        },
        on: {
          'change': onChange
        }
      }), '\xA0 defaultChecked rc-checkbox']), '\xA0\xA0'])]), h('div', [h('p', [h('label', [h(_index2['default'], {
        attrs: {
          name: 'my-checkbox',
          defaultChecked: true,

          disabled: this.disabled,
          id: 'test'
        },
        on: {
          'change': onChange
        }
      }), '\xA0 defaultChecked rc-checkbox with name']), '\xA0\xA0'])]), h(
        'button',
        {
          on: {
            'click': this.toggle
          }
        },
        ['toggle disabled']
      )]
    );
  }
};
module.exports = exports['default'];