59 lines
1.3 KiB
JavaScript
59 lines
1.3 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 Cell from '../cell'; // Types
|
|
|
|
var _createNamespace = createNamespace('contact-card'),
|
|
createComponent = _createNamespace[0],
|
|
bem = _createNamespace[1],
|
|
t = _createNamespace[2];
|
|
|
|
function ContactCard(h, props, slots, ctx) {
|
|
var type = props.type,
|
|
editable = props.editable;
|
|
|
|
function onClick(event) {
|
|
if (editable) {
|
|
emit(ctx, 'click', event);
|
|
}
|
|
}
|
|
|
|
function Content() {
|
|
if (type === 'add') {
|
|
return props.addText || t('addText');
|
|
}
|
|
|
|
return [h("div", [t('name') + "\uFF1A" + props.name]), h("div", [t('tel') + "\uFF1A" + props.tel])];
|
|
}
|
|
|
|
return h(Cell, _mergeJSXProps([{
|
|
"attrs": {
|
|
"center": true,
|
|
"border": false,
|
|
"isLink": editable,
|
|
"valueClass": bem('value'),
|
|
"icon": type === 'edit' ? 'contact' : 'add-square'
|
|
},
|
|
"class": bem([type]),
|
|
"on": {
|
|
"click": onClick
|
|
}
|
|
}, inherit(ctx)]), [Content()]);
|
|
}
|
|
|
|
ContactCard.props = {
|
|
tel: String,
|
|
name: String,
|
|
addText: String,
|
|
editable: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
type: {
|
|
type: String,
|
|
default: 'add'
|
|
}
|
|
};
|
|
export default createComponent(ContactCard); |