[improvement] AddressList: jsx (#2504)

packages/address-list/Item.js

@@ -0,0 +1,47 @@
+import { use } from '../utils';
+import Icon from '../icon';
+import Cell from '../cell';
+import Radio from '../radio';
+
+const [sfc, bem] = use('address-item');
+
+export default sfc({
+  props: {
+    data: Object,
+    disabled: Boolean,
+    switchable: Boolean
+  },
+
+  methods: {
+    onSelect() {
+      if (this.switchable) {
+        this.$emit('select');
+      }
+    }
+  },
+
+  render(h) {
+    const { data, disabled, switchable } = this;
+    return (
+      <Cell
+        class={bem({ disabled, unswitchable: !switchable })}
+        is-link={!disabled && switchable}
+        onClick={this.onSelect}
+      >
+        <Radio name={data.id}>
+          <div class={bem('name')}>{`${data.name}，${data.tel}`}</div>
+          <div class={bem('address')}>{data.address}</div>
+        </Radio>
+        <Icon
+          slot="right-icon"
+          name="edit"
+          class={bem('edit')}
+          onClick={event => {
+            event.stopPropagation();
+            this.$emit('edit');
+          }}
+        />
+      </Cell>
+    );
+  }
+});