@artmate/chat/dist/es/prompts/index.vue.js

借鉴字节开源react库AntX，通过vue实现的版本

import { defineComponent as P, useSlots as z, computed as B, resolveComponent as D, createElementBlock as o, openBlock as i, normalizeStyle as r, normalizeClass as a, unref as l, createCommentVNode as n, createElementVNode as p, renderSlot as m, createTextVNode as b, toDisplayString as u, Fragment as F, renderList as T, createVNode as j, withCtx as q, createBlock as w, resolveDynamicComponent as x } from "vue";
import { ElIcon as A } from "element-plus";
import { useNamespace as G } from "../hooks/useNamespace.js";
const H = ["onClick"], Q = /* @__PURE__ */ P({
  name: "Prompts",
  __name: "index",
  props: {
    title: {},
    className: {},
    rootClassName: {},
    direction: {},
    style: {},
    classNames: {},
    wrap: { type: Boolean },
    vertical: { type: Boolean },
    styles: {},
    items: {},
    onItemClick: {}
  },
  setup(L) {
    const e = L, t = G("prompts"), d = z(), S = B(() => [
      e.className,
      e.rootClassName,
      {
        [t.b("rtl")]: e.direction === "rtl"
      }
    ]), V = B(() => {
      var c;
      return [
        t.b("list"),
        (c = e.classNames) == null ? void 0 : c.list,
        { [t.b("list-wrap")]: e.wrap },
        { [t.b("list-vertical")]: e.vertical }
      ];
    });
    return (c, J) => {
      var y;
      const $ = D("Prompts");
      return i(), o("div", {
        class: a([l(t).b(), S.value]),
        style: r({ ...e.style })
      }, [
        l(d).title || e.title ? (i(), o("h5", {
          key: 0,
          class: a([l(t).b("title")])
        }, [
          m(c.$slots, "title", {}, () => [
            b(u(e.title), 1)
          ])
        ], 2)) : n("", !0),
        p("div", {
          class: a(V.value),
          style: r({ ...(y = e.styles) == null ? void 0 : y.list })
        }, [
          (i(!0), o(F, null, T(e.items, (s, E) => {
            var C, h, k, N, v, g, I, _;
            return i(), o("div", {
              key: E,
              class: a([
                l(t).b("item"),
                (C = e.classNames) == null ? void 0 : C.item,
                {
                  [l(t).b("item-disabled")]: s.disabled,
                  [l(t).b("item-has-nest")]: s.children && s.children.length > 0
                }
              ]),
              style: r({ ...(h = e.styles) == null ? void 0 : h.item }),
              onClick: () => {
                !(s.children && s.children.length > 0) && e.onItemClick && e.onItemClick({ data: s });
              }
            }, [
              l(d).icon || s.icon ? (i(), o("div", {
                key: 0,
                class: a([l(t).b("icon")])
              }, [
                m(c.$slots, "icon", { info: s }, () => [
                  j(l(A), null, {
                    default: q(() => [
                      (i(), w(x(s.icon)))
                    ]),
                    _: 2
                  }, 1024)
                ])
              ], 2)) : n("", !0),
              p("div", {
                class: a([l(t).b("content"), (k = e.classNames) == null ? void 0 : k.itemContent]),
                style: r({ ...(N = e.styles) == null ? void 0 : N.itemContent })
              }, [
                l(d).label || s.label ? (i(), o("h6", {
                  key: 0,
                  class: a([l(t).b("label")])
                }, [
                  m(c.$slots, "label", { info: s }, () => [
                    b(u(s.label), 1)
                  ])
                ], 2)) : n("", !0),
                p("p", {
                  class: a([l(t).b("desc")])
                }, [
                  m(c.$slots, "description", { info: s }, () => [
                    b(u(s.description), 1)
                  ])
                ], 2),
                s.children && s.children.length > 0 ? (i(), w($, {
                  key: 1,
                  class: a([l(t).b("nested")]),
                  "class-names": {
                    list: (v = e.classNames) == null ? void 0 : v.subList,
                    item: (g = e.classNames) == null ? void 0 : g.subItem
                  },
                  items: s.children,
                  "on-item-click": c.onItemClick,
                  styles: {
                    list: (I = e.styles) == null ? void 0 : I.subList,
                    item: (_ = e.styles) == null ? void 0 : _.subItem
                  },
                  vertical: ""
                }, null, 8, ["class", "class-names", "items", "on-item-click", "styles"])) : n("", !0)
              ], 6)
            ], 14, H);
          }), 128))
        ], 6)
      ], 6);
    };
  }
});
export {
  Q as default
};