@aplus-frontend/ui/es/src/business/ap-ladder/ApLadder.mjs

import { defineComponent as s, computed as i, createVNode as o } from "vue";
import "../../config-provider/index.mjs";
import p from "./components/SimpleMode.mjs";
import k from "./components/ValueGroupMode.mjs";
import { ApLadderProps as b } from "./constans.mjs";
import { useNamespace as g } from "../../config-provider/hooks/use-namespace.mjs";
import { useGlobalConfig as A } from "../../config-provider/hooks/use-global-config.mjs";
const G = /* @__PURE__ */ s({
  name: "ApLadder",
  props: b(),
  setup(e, {
    slots: n
  }) {
    const {
      b: a,
      m: d
    } = g("ap-ladder"), u = A("uiMode", "aplus"), r = i(() => e.labelValues === void 0 || e.labelValues.length === 0), m = i(() => e.labelValues.length > 0), c = i(() => e.labelAlign), f = (l) => {
      l.link && window.open(l.link, "_blank"), typeof l.handleClickLink == "function" && l.handleClickLink();
    }, t = () => n.title?.() || null;
    return () => o("div", {
      class: [a(), `${d(u.value)}`]
    }, [r.value ? o(p, {
      major: e.major,
      minor: e.minor,
      layout: e.layout
    }, {
      title: n.title ? t : void 0
    }) : m.value ? o(k, {
      labelValues: e.labelValues || [],
      labelAlign: c.value,
      onHandleClick: f
    }, {
      title: n.title ? t : void 0
    }) : null]);
  }
});
export {
  G as default
};