gepic
Version:
基于vue3的设计器,可视化开发页面表单
42 lines (41 loc) • 1.8 kB
JavaScript
import { defineComponent as u, inject as _, createElementBlock as o, openBlock as n, Fragment as f, renderList as h, unref as e, createCommentVNode as a, createBlock as g, createElementVNode as k, withModifiers as m, toDisplayString as y } from "vue";
import v from "../../../../icon/src/icon.vue.js";
import { pluginManager as C } from "../../../../../../utils/manager/pluginManager.js";
import "@vueuse/core";
import "../../../../../../hooks/store/index.js";
const b = { class: "epic-breadcrumb pl-4 py-2 truncate h-40px flex items-center" }, M = {
key: 0,
class: "flex items-center"
}, N = { key: 0 }, B = ["onClick", "onMouseenter"], V = /* @__PURE__ */ u({
__name: "breadcrumb",
setup($) {
const t = _("designer");
function d(c) {
t.setCheckedNode(c);
}
return (c, l) => (n(), o("div", b, [
(n(!0), o(f, null, h(e(t).state.matched, (r, s) => {
var i;
return n(), o("span", { key: s }, [
s > e(t).state.matched.length - 4 ? (n(), o("span", M, [
e(t).state.matched.length > 3 && s === e(t).state.matched.length - 3 ? (n(), o("span", N, "...")) : a("", !0),
s !== 0 ? (n(), g(e(v), {
key: 1,
class: "m-1",
name: "icon--epic--arrow-forward-ios-rounded"
})) : a("", !0),
k("span", {
class: "node-item cursor-pointer",
onClick: (p) => d(r),
onMouseenter: m((p) => e(t).setHoverNode(r), ["stop"]),
onMouseleave: l[0] || (l[0] = m((p) => e(t).setHoverNode(null), ["stop"]))
}, y(r.label ?? ((i = e(C).getComponentConfingByType(r.type)) == null ? void 0 : i.defaultSchema.label)), 41, B)
])) : a("", !0)
]);
}), 128))
]));
}
});
export {
V as default
};