bilibili-bangumi-component/dist/collection/components/Tabs.js

展示 bilibili 与 Bangumi 追番列表的 WebComponent 组件

import { h } from "@stencil/core";
export function Tabs({ activeLabel, labels, containerState, onChange }) {
    const handleClick = (label) => {
        if (activeLabel !== label)
            onChange(label);
    };
    return (h("div", { class: "bbc-tabs" }, labels.map(label => (h("div", { class: {
            'bbc-tab-item': true,
            'bbc-tab-item-active': label === activeLabel,
            'bbc-md-tab-item': containerState !== 'large',
        }, key: label, onClick: () => handleClick(label) }, label)))));
}