feat: migrate ContactCard component

src/contact-card/index.js

@@ -0,0 +1,55 @@
+import { createNamespace } from '../utils';
+import Cell from '../cell';
+
+const [createComponent, bem, t] = createNamespace('contact-card');
+
+export default createComponent({
+  props: {
+    tel: String,
+    name: String,
+    addText: String,
+    editable: {
+      type: Boolean,
+      default: true,
+    },
+    type: {
+      type: String,
+      default: 'add',
+    },
+  },
+
+  emits: ['click'],
+
+  setup(props, { emit }) {
+    function onClick(event) {
+      if (props.editable) {
+        emit('click', event);
+      }
+    }
+
+    function Content() {
+      if (props.type === 'add') {
+        return props.addText || t('addText');
+      }
+
+      return [
+        <div>{`${t('name')}：${props.name}`}</div>,
+        <div>{`${t('tel')}：${props.tel}`}</div>,
+      ];
+    }
+
+    return () => (
+      <Cell
+        center
+        border={false}
+        isLink={props.editable}
+        class={bem([props.type])}
+        valueClass={bem('value')}
+        icon={props.type === 'edit' ? 'contact' : 'add-square'}
+        onClick={onClick}
+      >
+        {Content()}
+      </Cell>
+    );
+  },
+});