123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- 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);
|