myprint-design/es/components/my/tabs/my-tabs.vue2.mjs

操作简单，组件丰富的一站式打印解决方案打印设计器

import { createElementVNode, defineComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString } from 'vue';

const _hoisted_1 = { class: "my_tab display-flex-column" };
const _hoisted_2 = { class: "my_tab-tab" };
const _hoisted_3 = ["onClick"];
const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "my_tab-line" }, null, -1);
var _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "my-tabs",
  props: {
    showSelectedStatus: { type: Boolean, default: false },
    modelValue: { default: null },
    itemList: { default: () => [] }
  },
  emits: ["update:modelValue", "click"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    function click(item) {
      if (item.click) {
        item.click();
      } else {
        emit("update:modelValue", item.value);
      }
    }
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", _hoisted_2, [
          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.itemList, (item) => {
            return openBlock(), createElementBlock("div", {
              class: normalizeClass(["my_tab-title cursor-pointer", { active: item.value == _ctx.modelValue }]),
              onClick: ($event) => click(item)
            }, toDisplayString(item.label), 11, _hoisted_3);
          }), 256))
        ]),
        _hoisted_4
      ]);
    };
  }
});

export { _sfc_main as default };
//# sourceMappingURL=my-tabs.vue2.mjs.map