gepic
Version:
基于vue3的设计器,可视化开发页面表单
59 lines (58 loc) • 2.29 kB
JavaScript
import { defineComponent as _, ref as m, computed as g, shallowRef as k, createElementBlock as c, createCommentVNode as C, openBlock as a, createElementVNode as e, createVNode as v, unref as b, normalizeClass as u, Fragment as x, renderList as w, toDisplayString as y, createBlock as B, resolveDynamicComponent as N } from "vue";
import { pluginManager as R } from "../../../../../../utils/manager/pluginManager.js";
import "@vueuse/core";
import "../../../../../../hooks/store/index.js";
import S from "./breadcrumb.vue.js";
import V from "../../../../icon/src/icon.vue.js";
const $ = {
key: 0,
class: "epic-right-sidebar-container relative"
}, z = { class: "w-308px" }, D = { class: "epic-actions-container" }, E = ["title", "onClick"], M = { class: "epic-sidebar-content" }, J = /* @__PURE__ */ _({
__name: "index",
setup(j) {
var p;
const i = m(!1), d = g(() => R.viewsContainers.rightSidebars.value.filter((o) => o.visible)), l = m(0), n = k(null);
n.value = (p = d.value[0]) == null ? void 0 : p.component;
function f() {
i.value = !i.value;
}
function h(o, t) {
if (l.value === t)
return !1;
n.value = o.component, l.value = t;
}
return (o, t) => n.value ? (a(), c("div", $, [
e("div", {
class: "epic-right-sidebar-hide-btn absolute left--18px top-80px cursor-pointer rounded-full flex justify-center items-center w-28px h-28px z-9",
onClick: f
}, [
v(b(V), {
class: u(["transition-all", { "rotate-180": i.value }]),
name: "icon--epic--arrow-forward-ios-rounded"
}, null, 8, ["class"])
]),
t[0] || (t[0] = e("div", { class: "w-10px" }, null, -1)),
e("div", {
class: u(["epic-right-sidebar w-308px", { hide: i.value }])
}, [
e("div", z, [
v(S),
e("ul", D, [
(a(!0), c(x, null, w(d.value, (r, s) => (a(), c("li", {
key: s,
class: u(["epic-action-item", { checked: l.value === s }]),
title: r.title,
onClick: (F) => h(r, s)
}, y(r.title), 11, E))), 128))
]),
e("div", M, [
(a(), B(N(n.value)))
])
])
], 2)
])) : C("", !0);
}
});
export {
J as default
};