@seemusic/ui-components/lib/components/SopBasicInfo/SopBasicInfo.mjs

A Vue 3 UI Library. Uses Composable.

import { defineComponent, useSlots, createVNode } from "vue";
const SopBasicInfo = /* @__PURE__ */ defineComponent({
  name: "SopBasicInfo",
  props: {
    title: {
      type: String,
      default: ""
    }
  },
  setup(props, ctx) {
    const {
      slots
    } = ctx;
    const $slots = useSlots();
    return () => {
      var _a, _b, _c, _d;
      return createVNode("div", {
        "class": "sop-basic-info",
        "style": {
          padding: $slots.cover ? "0 0 0 88px" : "0"
        }
      }, [$slots.cover && createVNode("div", {
        "class": "sop-basic-info__cover"
      }, [(_a = slots.cover) == null ? void 0 : _a.call(slots)]), createVNode("p", {
        "class": "sop-basic-info__title"
      }, [createVNode("div", {
        "class": "title-content overflow-ellipsis"
      }, [props.title]), $slots.titleSuffix && createVNode("div", {
        "class": "sop-basic-info__title-suffix overflow-ellipsis"
      }, [(_b = slots.titleSuffix) == null ? void 0 : _b.call(slots)])]), createVNode("div", {
        "class": "sop-meta-info"
      }, [(_c = slots.default) == null ? void 0 : _c.call(slots)]), $slots.opt && createVNode("div", {
        "class": "sop-basic-info__opt"
      }, [(_d = slots.opt) == null ? void 0 : _d.call(slots)])]);
    };
  }
});
export {
  SopBasicInfo as default
};
//# sourceMappingURL=SopBasicInfo.mjs.map