song-ui-u/lib/components/tabs/src/tab-pane.cjs

vue3 + js的PC前端组件库

'use strict';

var vue = require('vue');
var constant = require('../constant.cjs');

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

module.exports = tabPane;
//# sourceMappingURL=tab-pane.cjs.map