@wetspace/pro-components
Version:
::: tip 基本介绍
113 lines (112 loc) • 4.09 kB
JavaScript
import { defineComponent as h, computed as C, openBlock as n, createBlock as d, unref as e, normalizeClass as a, withCtx as l, createVNode as o, createElementBlock as f, Fragment as B, renderList as N, createElementVNode as u, resolveDynamicComponent as x, createCommentVNode as z, createTextVNode as _, toDisplayString as k } from "vue";
import { ArrowRight as D, BellFilled as b, Bell as T } from "../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.4.2_/node_modules/@element-plus/icons-vue/dist/index.mjs";
import { useNamespace as F, ElDropdown as I, ElDropdownMenu as M, ElDropdownItem as A, ElText as g, ElIcon as v, ElBadge as H } from "element-plus";
import { wetNoticeMenuProps as L } from "./types.mjs";
import { TextEllipsis as P } from "../../ellipsis/index.mjs";
const J = /* @__PURE__ */ h({
__name: "index",
props: L,
emits: ["click", "update:menus"],
setup(w, { emit: y }) {
const i = F("notice-menu"), r = w, p = y, E = (s, c) => {
const t = [...r.menus || []];
t[c].isVisited = !0, p("click", s, c), p("update:menus", t);
}, V = C(() => {
var c;
const s = (c = r.menus) == null ? void 0 : c.filter((t) => !t.isVisited);
return (s == null ? void 0 : s.length) === 0 || s == null ? void 0 : s.length;
});
return (s, c) => (n(), d(e(I), {
class: a(e(i).b()),
trigger: "click"
}, {
dropdown: l(() => [
o(e(M), {
class: a([e(i).e("listwrap")])
}, {
default: l(() => [
(n(!0), f(B, null, N(r.menus, (t, m) => (n(), d(e(A), {
key: t.id || m,
onClick: () => E(t, m)
}, {
default: l(() => [
u("div", {
class: a([e(i).e("list")])
}, [
t.icon ? (n(), f("div", {
key: 0,
class: a([e(i).e("list-hd")])
}, [
(n(), d(x(t.icon)))
], 2)) : z("", !0),
u("div", {
class: a([e(i).e("list-bd")])
}, [
u("div", null, [
o(e(g), {
type: t.isVisited ? "info" : ""
}, {
default: l(() => [
o(e(P), { rows: 2 }, {
default: l(() => [
_(k(t.content), 1)
]),
_: 2
}, 1024)
]),
_: 2
}, 1032, ["type"])
]),
u("div", null, [
o(e(g), {
size: "small",
type: "info"
}, {
default: l(() => [
_(k(t.updateTime), 1)
]),
_: 2
}, 1024)
])
], 2),
u("div", {
class: a([e(i).e("list-ft")])
}, [
o(e(v), null, {
default: l(() => [
o(e(D))
]),
_: 1
})
], 2)
], 2)
]),
_: 2
}, 1032, ["onClick"]))), 128))
]),
_: 1
}, 8, ["class"])
]),
default: l(() => [
o(e(H), { value: V.value }, {
default: l(() => [
o(e(v), {
size: r.size,
class: a(e(i).e("tigger"))
}, {
default: l(() => [
r.isFilled ? (n(), d(e(b), { key: 0 })) : (n(), d(e(T), { key: 1 }))
]),
_: 1
}, 8, ["size", "class"])
]),
_: 1
}, 8, ["value"])
]),
_: 1
}, 8, ["class"]));
}
});
export {
J as default
};