taro-ui-vue3/lib/tabs/pane/index.js

Taro UI Rewritten in Vue 3.0

import {h, defineComponent, computed, mergeProps} from "vue";
import {View} from "@tarojs/components";
const AtTabsPane = defineComponent({
  name: "AtTabsPane",
  props: {
    tabDirection: {
      type: String,
      default: "horizontal"
    },
    index: {
      type: Number,
      default: 0
    },
    current: {
      type: Number,
      default: 0
    }
  },
  setup(props, {attrs, slots}) {
    const rootClass = computed(() => ({
      "at-tabs-pane": true,
      "at-tabs-pane--vertical": props.tabDirection === "vertical",
      "at-tabs-pane--active": props.index === props.current,
      "at-tabs-pane--inactive": props.index !== props.current
    }));
    return () => h(View, mergeProps(attrs, {
      class: rootClass.value
    }), {default: () => slots.default && slots.default()});
  }
});
var pane_default = AtTabsPane;
export {
  pane_default as default
};