vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
43 lines (42 loc) • 1.37 kB
JavaScript
import { defineComponent as f, createElementBlock as a, openBlock as s, unref as e, normalizeClass as k, createElementVNode as m, createCommentVNode as u, createBlock as C, toDisplayString as v, renderSlot as x } from "vue";
import { useContextSub as y } from "./hook/useContextSub.mjs";
import { Icon as B } from "@vuux/icons";
const M = { class: "item-sub-name" }, S = {
key: 0,
class: "sub-slot"
}, I = /* @__PURE__ */ f({
name: "ContextItemSub",
__name: "sub",
props: {
icon: {},
title: {},
disabled: { type: Boolean }
},
setup(c) {
const n = c, { isHover: d, classNames: p, handleClick: l, onMouseEnter: r, onMouseLeave: i } = y(n);
return (b, o) => (s(), a("div", {
class: k(["context-item-sub", e(p)]),
onMouseenter: o[0] || (o[0] = //@ts-ignore
(...t) => e(r) && e(r)(...t)),
onMouseleave: o[1] || (o[1] = //@ts-ignore
(...t) => e(i) && e(i)(...t)),
onClick: o[2] || (o[2] = //@ts-ignore
(...t) => e(l) && e(l)(...t))
}, [
m("div", M, [
n.icon ? (s(), C(e(B), {
key: 0,
name: n.icon,
class: "item-sub-icon"
}, null, 8, ["name"])) : u("", !0),
m("span", null, v(n.title), 1)
]),
e(d) ? (s(), a("div", S, [
x(b.$slots, "default")
])) : u("", !0)
], 34));
}
});
export {
I as default
};