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

src/tab/index.js

@@ -0,0 +1,70 @@
+/* eslint-disable object-shorthand */
+import { createNamespace } from '../utils';
+import { ChildrenMixin } from '../mixins/relation';
+
+const [createComponent, bem] = createNamespace('tab');
+
+export default createComponent({
+  mixins: [ChildrenMixin('vanTabs')],
+
+  props: {
+    title: String,
+    disabled: Boolean
+  },
+
+  data() {
+    return {
+      inited: false
+    };
+  },
+
+  computed: {
+    selected() {
+      return this.index === this.parent.curActive;
+    }
+  },
+
+  watch: {
+    'parent.curActive'() {
+      this.inited = this.inited || this.selected;
+    },
+
+    title() {
+      this.parent.setLine();
+    }
+  },
+
+  mounted() {
+    if (this.slots('title')) {
+      this.parent.renderTitle(this.$refs.title, this.index);
+    }
+  },
+
+  render(h) {
+    const { slots, selected } = this;
+    const shouldRender = this.inited || !this.parent.lazyRender;
+    const Content = [shouldRender ? slots() : h()];
+
+    if (slots('title')) {
+      Content.push(<div ref="title">{slots('title')}</div>);
+    }
+
+    if (this.parent.animated) {
+      return (
+        <div
+          role="tabpanel"
+          aria-hidden={!selected}
+          class={bem('pane-wrapper', { inactive: !selected })}
+        >
+          <div class={bem('pane')}>{Content}</div>
+        </div>
+      );
+    }
+
+    return (
+      <div vShow={selected} role="tabpanel" class={bem('pane')}>
+        {Content}
+      </div>
+    );
+  }
+});