[improvement] rename packages dir to src (#3659)

src/address-list/Item.tsx

@@ -0,0 +1,94 @@
+import { createNamespace } from '../utils';
+import { RED } from '../utils/color';
+import { emit, inherit } from '../utils/functional';
+import Icon from '../icon';
+import Cell from '../cell';
+import Radio from '../radio';
+
+// Types
+import { CreateElement, RenderContext } from 'vue/types';
+import { DefaultSlots } from '../utils/types';
+
+export type AddressItemData = {
+  id: string | number;
+  tel: string | number;
+  name: string;
+  address: string;
+};
+
+export type AddressItemProps = {
+  data: AddressItemData;
+  disabled?: boolean;
+  switchable?: boolean;
+};
+
+export type AddressItemEvents = {
+  onEdit(): void;
+  onSelect(): void;
+};
+
+const [createComponent, bem] = createNamespace('address-item');
+
+function AddressItem(
+  h: CreateElement,
+  props: AddressItemProps,
+  slots: DefaultSlots,
+  ctx: RenderContext<AddressItemProps>
+) {
+  const { disabled, switchable } = props;
+
+  function onSelect() {
+    if (switchable) {
+      emit(ctx, 'select');
+    }
+  }
+
+  const renderRightIcon = () => (
+    <Icon
+      name="edit"
+      class={bem('edit')}
+      onClick={(event: Event) => {
+        event.stopPropagation();
+        emit(ctx, 'edit');
+      }}
+    />
+  );
+
+  const renderContent = () => {
+    const { data } = props;
+    const Info = [
+      <div class={bem('name')}>{`${data.name}，${data.tel}`}</div>,
+      <div class={bem('address')}>{data.address}</div>
+    ];
+
+    return switchable && !disabled ? (
+      <Radio name={data.id} iconSize={16} checkedColor={RED}>
+        {Info}
+      </Radio>
+    ) : (
+      Info
+    );
+  };
+
+  return (
+    <Cell
+      class={bem({ disabled })}
+      valueClass={bem('value')}
+      clickable={switchable && !disabled}
+      scopedSlots={{
+        default: renderContent,
+        'right-icon': renderRightIcon
+      }}
+      onClick={onSelect}
+      {...inherit(ctx)}
+    />
+  );
+}
+
+AddressItem.props = {
+  data: Object,
+  disabled: Boolean,
+  switchable: Boolean
+};
+
+export default createComponent<AddressItemProps, AddressItemEvents>(AddressItem);