@cqmcui/cqmcui/dist/packages/_es/TabPane.js

轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）

import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
import { c as createComponent } from "./component-81a4c1d0.js";
import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
import "../locale/lang";
const { create } = createComponent("tab-pane");
const _sfc_main = create({
  props: {
    title: {
      type: [String, Number],
      default: ""
    },
    paneKey: {
      type: [String, Number],
      default: ""
    },
    disabled: {
      type: Boolean,
      default: false
    }
  },
  emits: ["click"],
  setup(props, { emit }) {
    const parentOption = inject("tabsOpiton");
    const paneStyle = computed(() => {
      return {
        display: parentOption.animatedTime.value == 0 && props.paneKey != parentOption.activeKey.value ? "none" : void 0
      };
    });
    return {
      ...parentOption,
      paneStyle
    };
  }
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return openBlock(), createElementBlock("view", {
    class: normalizeClass(["cqmc-tab-pane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }]),
    style: normalizeStyle(_ctx.paneStyle)
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 6);
}
const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
  TabPane as default
};