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