123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- <template>
- <uni-shadow-root class="vant-checkbox-index"><view class="van-checkbox custom-class">
- <view class="van-checkbox__icon-wrap" @click="toggle">
- <slot v-if="useIconSlot" name="icon"></slot>
- <van-icon v-else name="success" :class="utils.bem('checkbox__icon', [shape, { disabled, checked: value }])" :style="checkedColor && value && !disabled ? 'border-color:' + checkedColor + '; background-color:' + checkedColor : ''" custom-class="icon-class" custom-style="line-height: 20px;"></van-icon>
- </view>
- <view :class="'label-class '+(utils.bem('checkbox__label', [labelPosition, { disabled }]))" @click="onClickLabel">
- <slot></slot>
- </view>
- </view></uni-shadow-root>
- </template>
- <wxs src="../wxs/utils.wxs" module="utils"></wxs>
- <script>
- import VanIcon from '../icon/index.vue'
- global['__wxVueOptions'] = {components:{'van-icon': VanIcon}}
- global['__wxRoute'] = 'vant/checkbox/index'
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- var component_1 = require('./../common/component.js');
- function emit(target, value) {
- target.$emit('input', value);
- target.$emit('change', value);
- }
- component_1.VantComponent({
- field: true,
- relation: {
- name: 'checkbox-group',
- type: 'ancestor',
- linked: function linked(target) {
- this.parent = target;
- },
- unlinked: function unlinked() {
- this.parent = null;
- }
- },
- classes: ['icon-class', 'label-class'],
- props: {
- value: Boolean,
- disabled: Boolean,
- useIconSlot: Boolean,
- checkedColor: String,
- labelPosition: String,
- labelDisabled: Boolean,
- shape: {
- type: String,
- value: 'round'
- }
- },
- methods: {
- emitChange: function emitChange(value) {
- if (this.parent) {
- this.setParentValue(this.parent, value);
- } else {
- emit(this, value);
- }
- },
- toggle: function toggle() {
- var _a = this.data,
- disabled = _a.disabled,
- value = _a.value;
- if (!disabled) {
- this.emitChange(!value);
- }
- },
- onClickLabel: function onClickLabel() {
- var _a = this.data,
- labelDisabled = _a.labelDisabled,
- disabled = _a.disabled,
- value = _a.value;
- if (!disabled && !labelDisabled) {
- this.emitChange(!value);
- }
- },
- setParentValue: function setParentValue(parent, value) {
- var parentValue = parent.data.value.slice();
- var name = this.data.name;
- var max = parent.data.max;
- if (value) {
- if (max && parentValue.length >= max) {
- return;
- }
- if (parentValue.indexOf(name) === -1) {
- parentValue.push(name);
- emit(parent, parentValue);
- }
- } else {
- var index = parentValue.indexOf(name);
- if (index !== -1) {
- parentValue.splice(index, 1);
- emit(parent, parentValue);
- }
- }
- }
- }
- });
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbIk9iamVjdCIsInZhbHVlIiwiY29tcG9uZW50XzEiLCJyZXF1aXJlIiwidGFyZ2V0IiwiZmllbGQiLCJyZWxhdGlvbiIsIm5hbWUiLCJ0eXBlIiwibGlua2VkIiwidW5saW5rZWQiLCJjbGFzc2VzIiwicHJvcHMiLCJkaXNhYmxlZCIsInVzZUljb25TbG90IiwiY2hlY2tlZENvbG9yIiwibGFiZWxQb3NpdGlvbiIsImxhYmVsRGlzYWJsZWQiLCJzaGFwZSIsIm1ldGhvZHMiLCJlbWl0Q2hhbmdlIiwiZW1pdCIsInRvZ2dsZSIsIl9hIiwib25DbGlja0xhYmVsIiwic2V0UGFyZW50VmFsdWUiLCJwYXJlbnRWYWx1ZSIsInBhcmVudCIsIm1heCIsImluZGV4Il0sIm1hcHBpbmdzIjoiOztBQUNBQSxPQUFBQSxjQUFBQSxDQUFBQSxPQUFBQSxFQUFBQSxZQUFBQSxFQUE2QyxFQUFFQyxPQUEvQ0QsSUFBNkMsRUFBN0NBO0FBQ0EsSUFBSUUsY0FBY0MsUUFBbEIsMEJBQWtCQSxDQUFsQjtBQUNBLFNBQUEsSUFBQSxDQUFBLE1BQUEsRUFBQSxLQUFBLEVBQTZCO0FBQ3pCQyxXQUFBQSxLQUFBQSxDQUFBQSxPQUFBQSxFQUFBQSxLQUFBQTtBQUNBQSxXQUFBQSxLQUFBQSxDQUFBQSxRQUFBQSxFQUFBQSxLQUFBQTtBQUNIO0FBQ0RGLFlBQUFBLGFBQUFBLENBQTBCO0FBQ3RCRyxXQURzQixJQUFBO0FBRXRCQyxjQUFVO0FBQ05DLGNBRE0sZ0JBQUE7QUFFTkMsY0FGTSxVQUFBO0FBR05DLGdCQUFRLFNBQUEsTUFBQSxDQUFBLE1BQUEsRUFBa0I7QUFDdEIsaUJBQUEsTUFBQSxHQUFBLE1BQUE7QUFKRSxTQUFBO0FBTU5DLGtCQUFVLFNBQUEsUUFBQSxHQUFZO0FBQ2xCLGlCQUFBLE1BQUEsR0FBQSxJQUFBO0FBQ0g7QUFSSyxLQUZZO0FBWXRCQyxhQUFTLENBQUEsWUFBQSxFQVphLGFBWWIsQ0FaYTtBQWF0QkMsV0FBTztBQUNIWCxlQURHLE9BQUE7QUFFSFksa0JBRkcsT0FBQTtBQUdIQyxxQkFIRyxPQUFBO0FBSUhDLHNCQUpHLE1BQUE7QUFLSEMsdUJBTEcsTUFBQTtBQU1IQyx1QkFORyxPQUFBO0FBT0hDLGVBQU87QUFDSFYsa0JBREcsTUFBQTtBQUVIUCxtQkFBTztBQUZKO0FBUEosS0FiZTtBQXlCdEJrQixhQUFTO0FBQ0xDLG9CQUFZLFNBQUEsVUFBQSxDQUFBLEtBQUEsRUFBaUI7QUFDekIsZ0JBQUksS0FBSixNQUFBLEVBQWlCO0FBQ2IscUJBQUEsY0FBQSxDQUFvQixLQUFwQixNQUFBLEVBQUEsS0FBQTtBQURKLGFBQUEsTUFHSztBQUNEQyxxQkFBQUEsSUFBQUEsRUFBQUEsS0FBQUE7QUFDSDtBQVBBLFNBQUE7QUFTTEMsZ0JBQVEsU0FBQSxNQUFBLEdBQVk7QUFDaEIsZ0JBQUlDLEtBQUssS0FBVCxJQUFBO0FBQUEsZ0JBQW9CVixXQUFXVSxHQUEvQixRQUFBO0FBQUEsZ0JBQTRDdEIsUUFBUXNCLEdBQXBELEtBQUE7QUFDQSxnQkFBSSxDQUFKLFFBQUEsRUFBZTtBQUNYLHFCQUFBLFVBQUEsQ0FBZ0IsQ0FBaEIsS0FBQTtBQUNIO0FBYkEsU0FBQTtBQWVMQyxzQkFBYyxTQUFBLFlBQUEsR0FBWTtBQUN0QixnQkFBSUQsS0FBSyxLQUFULElBQUE7QUFBQSxnQkFBb0JOLGdCQUFnQk0sR0FBcEMsYUFBQTtBQUFBLGdCQUFzRFYsV0FBV1UsR0FBakUsUUFBQTtBQUFBLGdCQUE4RXRCLFFBQVFzQixHQUF0RixLQUFBO0FBQ0EsZ0JBQUksQ0FBQSxRQUFBLElBQWEsQ0FBakIsYUFBQSxFQUFpQztBQUM3QixxQkFBQSxVQUFBLENBQWdCLENBQWhCLEtBQUE7QUFDSDtBQW5CQSxTQUFBO0FBcUJMRSx3QkFBZ0IsU0FBQSxjQUFBLENBQUEsTUFBQSxFQUFBLEtBQUEsRUFBeUI7QUFDckMsZ0JBQUlDLGNBQWNDLE9BQUFBLElBQUFBLENBQUFBLEtBQUFBLENBQWxCLEtBQWtCQSxFQUFsQjtBQUNBLGdCQUFJcEIsT0FBTyxLQUFBLElBQUEsQ0FBWCxJQUFBO0FBQ0EsZ0JBQUlxQixNQUFNRCxPQUFBQSxJQUFBQSxDQUFWLEdBQUE7QUFDQSxnQkFBQSxLQUFBLEVBQVc7QUFDUCxvQkFBSUMsT0FBT0YsWUFBQUEsTUFBQUEsSUFBWCxHQUFBLEVBQXNDO0FBQ2xDO0FBQ0g7QUFDRCxvQkFBSUEsWUFBQUEsT0FBQUEsQ0FBQUEsSUFBQUEsTUFBOEIsQ0FBbEMsQ0FBQSxFQUFzQztBQUNsQ0EsZ0NBQUFBLElBQUFBLENBQUFBLElBQUFBO0FBQ0FMLHlCQUFBQSxNQUFBQSxFQUFBQSxXQUFBQTtBQUNIO0FBUEwsYUFBQSxNQVNLO0FBQ0Qsb0JBQUlRLFFBQVFILFlBQUFBLE9BQUFBLENBQVosSUFBWUEsQ0FBWjtBQUNBLG9CQUFJRyxVQUFVLENBQWQsQ0FBQSxFQUFrQjtBQUNkSCxnQ0FBQUEsTUFBQUEsQ0FBQUEsS0FBQUEsRUFBQUEsQ0FBQUE7QUFDQUwseUJBQUFBLE1BQUFBLEVBQUFBLFdBQUFBO0FBQ0g7QUFDSjtBQUNKO0FBekNJO0FBekJhLENBQTFCbkIiLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbk9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCBcIl9fZXNNb2R1bGVcIiwgeyB2YWx1ZTogdHJ1ZSB9KTtcbnZhciBjb21wb25lbnRfMSA9IHJlcXVpcmUoXCIuLi9jb21tb24vY29tcG9uZW50XCIpO1xuZnVuY3Rpb24gZW1pdCh0YXJnZXQsIHZhbHVlKSB7XG4gICAgdGFyZ2V0LiRlbWl0KCdpbnB1dCcsIHZhbHVlKTtcbiAgICB0YXJnZXQuJGVtaXQoJ2NoYW5nZScsIHZhbHVlKTtcbn1cbmNvbXBvbmVudF8xLlZhbnRDb21wb25lbnQoe1xuICAgIGZpZWxkOiB0cnVlLFxuICAgIHJlbGF0aW9uOiB7XG4gICAgICAgIG5hbWU6ICdjaGVja2JveC1ncm91cCcsXG4gICAgICAgIHR5cGU6ICdhbmNlc3RvcicsXG4gICAgICAgIGxpbmtlZDogZnVuY3Rpb24gKHRhcmdldCkge1xuICAgICAgICAgICAgdGhpcy5wYXJlbnQgPSB0YXJnZXQ7XG4gICAgICAgIH0sXG4gICAgICAgIHVubGlua2VkOiBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICB0aGlzLnBhcmVudCA9IG51bGw7XG4gICAgICAgIH1cbiAgICB9LFxuICAgIGNsYXNzZXM6IFsnaWNvbi1jbGFzcycsICdsYWJlbC1jbGFzcyddLFxuICAgIHByb3BzOiB7XG4gICAgICAgIHZhbHVlOiBCb29sZWFuLFxuICAgICAgICBkaXNhYmxlZDogQm9vbGVhbixcbiAgICAgICAgdXNlSWNvblNsb3Q6IEJvb2xlYW4sXG4gICAgICAgIGNoZWNrZWRDb2xvcjogU3RyaW5nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiBTdHJpbmcsXG4gICAgICAgIGxhYmVsRGlzYWJsZWQ6IEJvb2xlYW4sXG4gICAgICAgIHNoYXBlOiB7XG4gICAgICAgICAgICB0eXBlOiBTdHJpbmcsXG4gICAgICAgICAgICB2YWx1ZTogJ3JvdW5kJ1xuICAgICAgICB9XG4gICAgfSxcbiAgICBtZXRob2RzOiB7XG4gICAgICAgIGVtaXRDaGFuZ2U6IGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgICAgICAgICAgaWYgKHRoaXMucGFyZW50KSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXRQYXJlbnRWYWx1ZSh0aGlzLnBhcmVudCwgdmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgZW1pdCh0aGlzLCB2YWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHRvZ2dsZTogZnVuY3Rpb24gKCkge1xuICAgICAgICAgICAgdmFyIF9hID0gdGhpcy5kYXRhLCBkaXNhYmxlZCA9IF9hLmRpc2FibGVkLCB2YWx1ZSA9IF9hLnZhbHVlO1xuICAgICAgICAgICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZW1pdENoYW5nZSghdmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBvbkNsaWNrTGFiZWw6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgICAgIHZhciBfYSA9IHRoaXMuZGF0YSwgbGFiZWxEaXNhYmxlZCA9IF9hLmxhYmVsRGlzYWJsZWQsIGRpc2FibGVkID0gX2EuZGlzYWJsZWQsIHZhbHVlID0gX2EudmFsdWU7XG4gICAgICAgICAgICBpZiAoIWRpc2FibGVkICYmICFsYWJlbERpc2FibGVkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5lbWl0Q2hhbmdlKCF2YWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHNldFBhcmVudFZhbHVlOiBmdW5jdGlvbiAocGFyZW50LCB2YWx1ZSkge1xuICAgICAgICAgICAgdmFyIHBhcmVudFZhbHVlID0gcGFyZW50LmRhdGEudmFsdWUuc2xpY2UoKTtcbiAgICAgICAgICAgIHZhciBuYW1lID0gdGhpcy5kYXRhLm5hbWU7XG4gICAgICAgICAgICB2YXIgbWF4ID0gcGFyZW50LmRhdGEubWF4O1xuICAgICAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgaWYgKG1heCAmJiBwYXJlbnRWYWx1ZS5sZW5ndGggPj0gbWF4KSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKHBhcmVudFZhbHVlLmluZGV4T2YobmFtZSkgPT09IC0xKSB7XG4gICAgICAgICAgICAgICAgICAgIHBhcmVudFZhbHVlLnB1c2gobmFtZSk7XG4gICAgICAgICAgICAgICAgICAgIGVtaXQocGFyZW50LCBwYXJlbnRWYWx1ZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgdmFyIGluZGV4ID0gcGFyZW50VmFsdWUuaW5kZXhPZihuYW1lKTtcbiAgICAgICAgICAgICAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICAgICAgICAgICAgICAgIHBhcmVudFZhbHVlLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgICAgICAgICAgICAgIGVtaXQocGFyZW50LCBwYXJlbnRWYWx1ZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSk7XG4iXSwiZmlsZSI6ImluZGV4LmpzIn0=
- export default global['__wxComponents']['vant/checkbox/index']
- </script>
- <style platform="mp-weixin">
- @import '../common/index.css';.van-checkbox{display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:20px}.van-checkbox__icon-wrap{-webkit-flex:none;flex:none}.van-checkbox__icon{display:block;width:20px;height:20px;font-size:14px;color:transparent;text-align:center;border:1px solid #e5e5e5;box-sizing:border-box;transition:.2s}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-checkbox__icon--disabled{background-color:#eee;border-color:#c9c9c9}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:#c9c9c9}.van-checkbox__label{margin-left:10px;color:#333;word-break:break-all}.van-checkbox__label--left{float:left;margin:0 10px 0 0}.van-checkbox__label--disabled{color:#c9c9c9}.van-checkbox__label:empty{margin:0}
- </style>
|