93 lines
2.4 KiB
JavaScript
93 lines
2.4 KiB
JavaScript
import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
|
|
// Utils
|
|
import { createNamespace } from '../utils';
|
|
import { emit, inherit } from '../utils/functional'; // Components
|
|
|
|
import Button from '../button';
|
|
import RadioGroup from '../radio-group';
|
|
import AddressItem from './Item'; // Types
|
|
|
|
var _createNamespace = createNamespace('address-list'),
|
|
createComponent = _createNamespace[0],
|
|
bem = _createNamespace[1],
|
|
t = _createNamespace[2];
|
|
|
|
function AddressList(h, props, slots, ctx) {
|
|
function genList(list, disabled) {
|
|
if (!list) {
|
|
return;
|
|
}
|
|
|
|
return list.map(function (item, index) {
|
|
return h(AddressItem, {
|
|
"attrs": {
|
|
"data": item,
|
|
"disabled": disabled,
|
|
"switchable": props.switchable,
|
|
"defaultTagText": props.defaultTagText
|
|
},
|
|
"key": item.id,
|
|
"scopedSlots": {
|
|
bottom: slots['item-bottom'],
|
|
tag: slots.tag
|
|
},
|
|
"on": {
|
|
"select": function select() {
|
|
emit(ctx, disabled ? 'select-disabled' : 'select', item, index);
|
|
|
|
if (!disabled) {
|
|
emit(ctx, 'input', item.id);
|
|
}
|
|
},
|
|
"edit": function edit() {
|
|
emit(ctx, disabled ? 'edit-disabled' : 'edit', item, index);
|
|
},
|
|
"click": function click() {
|
|
emit(ctx, 'click-item', item, index);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
var List = genList(props.list);
|
|
var DisabledList = genList(props.disabledList, true);
|
|
return h("div", _mergeJSXProps([{
|
|
"class": bem()
|
|
}, inherit(ctx)]), [slots.top == null ? void 0 : slots.top(), h(RadioGroup, {
|
|
"attrs": {
|
|
"value": props.value
|
|
}
|
|
}, [List]), props.disabledText && h("div", {
|
|
"class": bem('disabled-text')
|
|
}, [props.disabledText]), DisabledList, slots.default == null ? void 0 : slots.default(), h("div", {
|
|
"class": bem('bottom')
|
|
}, [h(Button, {
|
|
"attrs": {
|
|
"round": true,
|
|
"block": true,
|
|
"type": "danger",
|
|
"text": props.addButtonText || t('add')
|
|
},
|
|
"class": bem('add'),
|
|
"on": {
|
|
"click": function click() {
|
|
emit(ctx, 'add');
|
|
}
|
|
}
|
|
})])]);
|
|
}
|
|
|
|
AddressList.props = {
|
|
list: Array,
|
|
value: [Number, String],
|
|
disabledList: Array,
|
|
disabledText: String,
|
|
addButtonText: String,
|
|
defaultTagText: String,
|
|
switchable: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
};
|
|
export default createComponent(AddressList); |