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

src/tag/index.tsx

@@ -0,0 +1,78 @@
+import { createNamespace } from '../utils';
+import { inherit } from '../utils/functional';
+import { RED, BLUE, GREEN, GRAY_DARK } from '../utils/color';
+
+// Types
+import { CreateElement, RenderContext } from 'vue/types';
+import { DefaultSlots } from '../utils/types';
+
+export type TagType = 'primary' | 'success' | 'danger';
+
+export type TagSize = 'large' | 'medium';
+
+export type TagProps = {
+  size?: TagSize;
+  type?: TagType;
+  mark?: boolean;
+  color?: string;
+  plain?: boolean;
+  round?: boolean;
+  textColor?: string;
+};
+
+const [createComponent, bem] = createNamespace('tag');
+
+const COLOR_MAP: { [key: string]: string } = {
+  danger: RED,
+  primary: BLUE,
+  success: GREEN
+};
+
+function Tag(
+  h: CreateElement,
+  props: TagProps,
+  slots: DefaultSlots,
+  ctx: RenderContext<TagProps>
+) {
+  const { type, mark, plain, round, size } = props;
+
+  const color = props.color || (type && COLOR_MAP[type]) || GRAY_DARK;
+  const key = plain ? 'color' : 'backgroundColor';
+  const style = { [key]: color };
+
+  if (props.textColor) {
+    style.color = props.textColor;
+  }
+
+  const classes: { [key: string]: any } = { mark, plain, round };
+  if (size) {
+    classes[size] = size;
+  }
+
+  return (
+    <span
+      style={style}
+      class={[
+        bem(classes),
+        {
+          'van-hairline--surround': plain
+        }
+      ]}
+      {...inherit(ctx, true)}
+    >
+      {slots.default && slots.default()}
+    </span>
+  );
+}
+
+Tag.props = {
+  size: String,
+  type: String,
+  mark: Boolean,
+  color: String,
+  plain: Boolean,
+  round: Boolean,
+  textColor: String
+};
+
+export default createComponent<TagProps>(Tag);