song-ui-u/es/components/tabs/src/tab-pane.mjs

vue3 + js的PC前端组件库

import { defineComponent, inject, ref, onMounted, withDirectives, createVNode, vShow } from 'vue';
import { TAB_KEY } from '../constant.mjs';

var tabPane = /* @__PURE__ */ defineComponent({
  name: "x-tab-pane",
  props: {
    label: {
      type: String,
      required: true
    },
    name: {
      type: String,
      required: true
    }
  },
  setup(props, {
    slots
  }) {
    const tabsContext = inject(TAB_KEY, {
      activeName: ref(""),
      registerPane: () => {
      },
      handleTabClick: () => {
      },
      props: {}
    });
    onMounted(() => {
      tabsContext.registerPane({
        name: props.name,
        label: props.label
      });
    });
    return () => withDirectives(createVNode("div", null, [slots.default?.()]), [[vShow, tabsContext.activeName.value === props.name]]);
  }
});

export { tabPane as default };
//# sourceMappingURL=tab-pane.mjs.map