ant-design-x-vue-next/es/bubble/BubbleSystem.mjs

Ant Design X for Vue — community continuation aligned with @ant-design/x

import { defineComponent as b, useAttrs as d, ref as v, computed as N, createVNode as x, mergeProps as y } from "vue";
import { b as h } from "../chunks/module-chunk.mjs";
import _ from "../_util/hooks/use-x-component-config.mjs";
import "../x-provider/index.mjs";
import g from "./Bubble.mjs";
import S from "./style/index.mjs";
import A from "../x-provider/hooks/use-x-provider-context.mjs";
const I = /* @__PURE__ */ b({
  name: "AXBubbleSystem",
  inheritAttrs: !1,
  __name: "BubbleSystem",
  props: {
    prefixCls: {},
    content: {},
    rootClassName: {
      default: ""
    },
    variant: {
      default: "shadow"
    },
    shape: {},
    styles: {
      default: () => ({})
    },
    classNames: {
      default: () => ({})
    }
  },
  setup(n, {
    expose: m
  }) {
    const e = n, o = d(), r = v(), l = _("bubble"), {
      getPrefixCls: c
    } = A(), a = c("bubble", e.prefixCls), [p, f, i] = S(() => a);
    m({
      get nativeElement() {
        var s;
        return (s = r.value) == null ? void 0 : s.nativeElement;
      }
    });
    const u = N(() => {
      var s, t;
      return h(f.value, i, `${a}-system`, a, l.value.className, (s = l.value.classNames) == null ? void 0 : s.root, (t = e.classNames) == null ? void 0 : t.root, o.class, e.rootClassName);
    });
    return () => {
      const {
        class: s,
        style: t,
        ...C
      } = o;
      return p(x(g, y(C, e, {
        ref: r,
        class: u.value,
        style: t,
        variant: e.variant,
        shape: e.shape,
        content: e.content,
        styles: e.styles,
        classNames: e.classNames,
        rootClassName: e.rootClassName,
        prefixCls: e.prefixCls
      }), null));
    };
  }
});
export {
  I as default
};