lw-cdp-ui 1.0.0

package/dist/index-B3YO2bMX.js

@@ -0,0 +1,475 @@
+import F from "./sideM-OQXV4LfA.js";
+import V from "./aside-D4gRKrXk.js";
+import q from "./topbar-Bm8ZEc4i.js";
+import x from "./tags-CSqKlWtu.js";
+import B from "./NavMenu-5q5cwgxa.js";
+import Q from "./userbar--TC_Vip3.js";
+import K from "./setting-CdKTzN9K.js";
+import W from "./iframeView-BgLGyeZi.js";
+import { resolveComponent as d, openBlock as e, createElementBlock as m, Fragment as f, createElementVNode as i, toDisplayString as h, renderList as L, normalizeClass as y, createVNode as l, withCtx as r, createBlock as o, resolveDynamicComponent as v, createCommentVNode as a, KeepAlive as N } from "vue";
+import { _ as P } from "./logo-BdF7DdEi.js";
+import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const H = {
+  name: "index",
+  components: {
+    Aside: V,
+    SideM: F,
+    Topbar: q,
+    Tags: x,
+    NavMenu: B,
+    userbar: Q,
+    setting: K,
+    iframeView: W
+  },
+  data() {
+    return {
+      settingDialog: !1,
+      menu: [],
+      nextMenu: [],
+      pmenu: {},
+      active: ""
+    };
+  },
+  computed: {
+    ismobile() {
+      return this.$store.state.global.ismobile;
+    },
+    layout() {
+      return this.$store.state.global.layout;
+    },
+    layoutTags() {
+      return this.$store.state.global.layoutTags;
+    },
+    menuIsCollapse() {
+      return this.$store.state.global.menuIsCollapse;
+    }
+  },
+  created() {
+    this.onLayoutResize(), window.addEventListener("resize", this.onLayoutResize);
+    var s = this.$router.sc_getMenu();
+    this.menu = this.filterUrl(s), this.showThis(), this.$store.commit("LOAD_USER_FROM_LOCAL_STORAGE");
+  },
+  watch: {
+    $route() {
+      this.showThis();
+      var s = this.$router.sc_getMenu();
+      this.menu = this.filterUrl(s);
+    },
+    "$i18n.locale"() {
+      var s = this.$router.sc_getMenu();
+      this.menu = this.filterUrl(s), location.reload();
+    },
+    layout: {
+      handler(s) {
+        document.body.setAttribute("data-layout", s);
+      },
+      immediate: !0
+    }
+  },
+  methods: {
+    openSetting() {
+      this.settingDialog = !0;
+    },
+    onLayoutResize() {
+      this.$store.commit("SET_ismobile", document.body.clientWidth < 992);
+    },
+    //路由监听高亮
+    showThis() {
+      this.pmenu = this.$route.meta.breadcrumb ? this.$route.meta.breadcrumb[0] : {}, this.nextMenu = this.filterUrl(this.pmenu.children), this.$nextTick(() => {
+        this.active = this.$route.meta.active || this.$route.fullPath;
+      });
+    },
+    //点击显示
+    showMenu(s) {
+      this.pmenu = s, this.nextMenu = this.filterUrl(s.children), (!s.children || s.children.length == 0) && s.component && this.$router.push({ path: s.path });
+    },
+    //转换外部链接的路由
+    filterUrl(s) {
+      var c = [];
+      return s && s.forEach((_) => {
+        if (_.meta = _.meta ? _.meta : {}, _.meta.hidden || _.meta.type == "button")
+          return !1;
+        _.meta.type == "iframe" && (_.path = `/i/${_.name}`), _.children && _.children.length > 0 && (_.children = this.filterUrl(_.children)), c.push(_);
+      }), c;
+    },
+    //退出最大化
+    exitMaximize() {
+      document.getElementById("app").classList.remove("main-maximize");
+    }
+  }
+}, J = { class: "adminui-header" }, X = { class: "adminui-header-left" }, Y = { class: "logo-bar" }, Z = /* @__PURE__ */ i("img", {
+  class: "logo",
+  src: P
+}, null, -1), $ = {
+  key: 0,
+  class: "nav"
+}, ee = ["onClick"], ie = { class: "adminui-header-right" }, te = { class: "aminui-wrapper" }, se = {
+  key: 0,
+  class: "adminui-side-top"
+}, le = { class: "adminui-side-scroll" }, ne = { class: "aminui-body el-container" }, oe = {
+  class: "adminui-main",
+  id: "adminui-main"
+}, ae = {
+  key: 1,
+  class: "aminui-body-menu"
+}, ue = { class: "aminui-side-split-left" }, re = { class: "aminui-wrapper" }, de = { class: "adminui-side-scroll" }, me = { class: "title-name" }, ce = { class: "aminui-body el-container" }, _e = { class: "aminui-body-menu-top" }, he = { class: "top-bar-title" }, pe = { class: "title" }, ve = {
+  class: "adminui-main",
+  id: "adminui-main"
+}, fe = { class: "adminui-header" }, ye = { class: "adminui-header-left" }, ke = { class: "logo-bar" }, be = /* @__PURE__ */ i("img", {
+  class: "logo",
+  src: P
+}, null, -1), ge = { class: "adminui-header-right" }, Ce = {
+  key: 0,
+  class: "adminui-header-menu"
+}, Me = { class: "aminui-wrapper" }, Ie = { class: "aminui-body el-container" }, Ee = {
+  class: "adminui-main",
+  id: "adminui-main"
+}, we = {
+  key: 3,
+  class: "aminui-wrapper"
+}, Ne = {
+  key: 0,
+  class: "aminui-side-split"
+}, Ae = { class: "aminui-side-split-top" }, Te = { class: "adminui-side-split-scroll" }, Ue = ["onClick"], Oe = {
+  key: 0,
+  class: "adminui-side-top"
+}, Le = { class: "adminui-side-scroll" }, Pe = { class: "aminui-body el-container" }, Ge = {
+  class: "adminui-main",
+  id: "adminui-main"
+};
+function Se(s, c, _, ze, u, t) {
+  const p = d("el-icon"), k = d("userbar"), b = d("NavMenu"), g = d("el-menu"), C = d("el-scrollbar"), A = d("el-icon-expand"), T = d("el-icon-fold"), M = d("Side-m"), U = d("Topbar"), I = d("Tags"), E = d("router-view"), w = d("iframe-view"), O = d("Aside"), G = d("el-icon-close"), S = d("el-icon-brush-filled"), z = d("setting"), D = d("el-drawer");
+  return e(), m(f, null, [
+    t.layout == "header" ? (e(), m(f, { key: 0 }, [
+      i("header", J, [
+        i("div", X, [
+          i("div", Y, [
+            Z,
+            i("span", null, h(s.$CONFIG.APP_NAME), 1)
+          ]),
+          t.ismobile ? a("", !0) : (e(), m("ul", $, [
+            (e(!0), m(f, null, L(u.menu, (n) => (e(), m("li", {
+              key: n,
+              class: y(u.pmenu.path == n.path ? "active" : ""),
+              onClick: (R) => t.showMenu(n)
+            }, [
+              l(p, null, {
+                default: r(() => [
+                  (e(), o(v(n.meta.icon || "el-icon-menu")))
+                ]),
+                _: 2
+              }, 1024),
+              i("span", null, h(n.meta.title), 1)
+            ], 10, ee))), 128))
+          ]))
+        ]),
+        i("div", ie, [
+          l(k)
+        ])
+      ]),
+      i("section", te, [
+        !t.ismobile && u.nextMenu.length > 0 || !u.pmenu.component ? (e(), m("div", {
+          key: 0,
+          class: y(t.menuIsCollapse ? "aminui-side isCollapse" : "aminui-side")
+        }, [
+          t.menuIsCollapse ? a("", !0) : (e(), m("div", se, [
+            i("h2", null, h(u.pmenu.meta.title), 1)
+          ])),
+          i("div", le, [
+            l(C, null, {
+              default: r(() => [
+                l(g, {
+                  "default-active": u.active,
+                  router: "",
+                  collapse: t.menuIsCollapse,
+                  "unique-opened": s.$CONFIG.MENU_UNIQUE_OPENED
+                }, {
+                  default: r(() => [
+                    l(b, { navMenus: u.nextMenu }, null, 8, ["navMenus"])
+                  ]),
+                  _: 1
+                }, 8, ["default-active", "collapse", "unique-opened"])
+              ]),
+              _: 1
+            })
+          ]),
+          i("div", {
+            class: "adminui-side-bottom",
+            onClick: c[0] || (c[0] = (n) => s.$store.commit("TOGGLE_menuIsCollapse"))
+          }, [
+            l(p, null, {
+              default: r(() => [
+                t.menuIsCollapse ? (e(), o(A, { key: 0 })) : (e(), o(T, { key: 1 }))
+              ]),
+              _: 1
+            })
+          ])
+        ], 2)) : a("", !0),
+        t.ismobile ? (e(), o(M, { key: 1 })) : a("", !0),
+        i("div", ne, [
+          t.ismobile ? a("", !0) : (e(), o(U, { key: 0 })),
+          !t.ismobile && t.layoutTags ? (e(), o(I, { key: 1 })) : a("", !0),
+          i("div", oe, [
+            l(E, null, {
+              default: r(({ Component: n }) => [
+                (e(), o(N, {
+                  include: this.$store.state.keepAlive.keepLiveRoute
+                }, [
+                  s.$store.state.keepAlive.routeShow ? (e(), o(v(n), {
+                    key: s.$route.fullPath
+                  })) : a("", !0)
+                ], 1032, ["include"]))
+              ]),
+              _: 1
+            }),
+            l(w)
+          ])
+        ])
+      ])
+    ], 64)) : t.layout == "menu" ? (e(), m("section", ae, [
+      i("div", ue, [
+        l(O)
+      ]),
+      i("section", re, [
+        t.ismobile ? a("", !0) : (e(), m("div", {
+          key: 0,
+          class: y(t.menuIsCollapse ? "aminui-side isCollapse" : "aminui-side")
+        }, [
+          i("div", de, [
+            l(C, null, {
+              default: r(() => [
+                i("div", me, h(t.menuIsCollapse ? s.$CONFIG.APP_NAME.charAt(0) : s.$CONFIG.APP_NAME), 1),
+                l(g, {
+                  "default-active": u.active,
+                  router: "",
+                  collapse: t.menuIsCollapse,
+                  "unique-opened": s.$CONFIG.MENU_UNIQUE_OPENED
+                }, {
+                  default: r(() => [
+                    l(b, { navMenus: u.menu }, null, 8, ["navMenus"])
+                  ]),
+                  _: 1
+                }, 8, ["default-active", "collapse", "unique-opened"])
+              ]),
+              _: 1
+            })
+          ]),
+          i("div", {
+            class: "adminui-side-bottom",
+            onClick: c[1] || (c[1] = (n) => s.$store.commit("TOGGLE_menuIsCollapse"))
+          }, [
+            l(p, null, {
+              default: r(() => [
+                t.menuIsCollapse ? (e(), o(A, { key: 0 })) : (e(), o(T, { key: 1 }))
+              ]),
+              _: 1
+            })
+          ])
+        ], 2)),
+        t.ismobile ? (e(), o(M, { key: 1 })) : a("", !0),
+        i("div", ce, [
+          i("div", _e, [
+            i("div", he, [
+              i("span", pe, h(s.$t("layout.topbar")) + "：", 1),
+              t.ismobile ? a("", !0) : (e(), o(U, { key: 0 }))
+            ]),
+            l(k)
+          ]),
+          !t.ismobile && t.layoutTags ? (e(), o(I, { key: 0 })) : a("", !0),
+          i("div", ve, [
+            l(E, null, {
+              default: r(({ Component: n }) => [
+                (e(), o(N, {
+                  include: this.$store.state.keepAlive.keepLiveRoute
+                }, [
+                  s.$store.state.keepAlive.routeShow ? (e(), o(v(n), {
+                    key: s.$route.fullPath
+                  })) : a("", !0)
+                ], 1032, ["include"]))
+              ]),
+              _: 1
+            }),
+            l(w)
+          ])
+        ])
+      ])
+    ])) : t.layout == "dock" ? (e(), m(f, { key: 2 }, [
+      i("header", fe, [
+        i("div", ye, [
+          i("div", ke, [
+            be,
+            i("span", null, h(s.$CONFIG.APP_NAME), 1)
+          ])
+        ]),
+        i("div", ge, [
+          t.ismobile ? a("", !0) : (e(), m("div", Ce, [
+            l(g, {
+              mode: "horizontal",
+              "default-active": u.active,
+              router: "",
+              "background-color": "#222b45",
+              "text-color": "#fff",
+              "active-text-color": "var(--el-color-primary)"
+            }, {
+              default: r(() => [
+                l(b, { navMenus: u.menu }, null, 8, ["navMenus"])
+              ]),
+              _: 1
+            }, 8, ["default-active"])
+          ])),
+          t.ismobile ? (e(), o(M, { key: 1 })) : a("", !0),
+          l(k)
+        ])
+      ]),
+      i("section", Me, [
+        i("div", Ie, [
+          !t.ismobile && t.layoutTags ? (e(), o(I, { key: 0 })) : a("", !0),
+          i("div", Ee, [
+            l(E, null, {
+              default: r(({ Component: n }) => [
+                (e(), o(N, {
+                  include: this.$store.state.keepAlive.keepLiveRoute
+                }, [
+                  s.$store.state.keepAlive.routeShow ? (e(), o(v(n), {
+                    key: s.$route.fullPath
+                  })) : a("", !0)
+                ], 1032, ["include"]))
+              ]),
+              _: 1
+            }),
+            l(w)
+          ])
+        ])
+      ])
+    ], 64)) : (e(), m("section", we, [
+      t.ismobile ? a("", !0) : (e(), m("div", Ne, [
+        i("div", Ae, [
+          l(O)
+        ]),
+        i("div", Te, [
+          l(C, null, {
+            default: r(() => [
+              i("ul", null, [
+                (e(!0), m(f, null, L(u.menu, (n) => (e(), m("li", {
+                  key: n,
+                  class: y(u.pmenu.path == n.path ? "active" : ""),
+                  onClick: (R) => t.showMenu(n)
+                }, [
+                  l(p, null, {
+                    default: r(() => [
+                      (e(), o(v(n.meta.icon || s.el - s.icon - u.menu)))
+                    ]),
+                    _: 2
+                  }, 1024),
+                  i("p", null, h(n.meta.title), 1)
+                ], 10, Ue))), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ])),
+      !t.ismobile && u.nextMenu.length > 0 || !u.pmenu.component ? (e(), m("div", {
+        key: 1,
+        class: y(t.menuIsCollapse ? "aminui-side isCollapse" : "aminui-side")
+      }, [
+        t.menuIsCollapse ? a("", !0) : (e(), m("div", Oe, [
+          i("h2", null, h(u.pmenu.meta.title), 1)
+        ])),
+        i("div", Le, [
+          l(C, null, {
+            default: r(() => [
+              l(g, {
+                "default-active": u.active,
+                router: "",
+                collapse: t.menuIsCollapse,
+                "unique-opened": s.$CONFIG.MENU_UNIQUE_OPENED
+              }, {
+                default: r(() => [
+                  l(b, { navMenus: u.nextMenu }, null, 8, ["navMenus"])
+                ]),
+                _: 1
+              }, 8, ["default-active", "collapse", "unique-opened"])
+            ]),
+            _: 1
+          })
+        ]),
+        i("div", {
+          class: "adminui-side-bottom",
+          onClick: c[2] || (c[2] = (n) => s.$store.commit("TOGGLE_menuIsCollapse"))
+        }, [
+          l(p, null, {
+            default: r(() => [
+              t.menuIsCollapse ? (e(), o(A, { key: 0 })) : (e(), o(T, { key: 1 }))
+            ]),
+            _: 1
+          })
+        ])
+      ], 2)) : a("", !0),
+      t.ismobile ? (e(), o(M, { key: 2 })) : a("", !0),
+      i("div", Pe, [
+        l(U, null, {
+          default: r(() => [
+            l(k)
+          ]),
+          _: 1
+        }),
+        !t.ismobile && t.layoutTags ? (e(), o(I, { key: 0 })) : a("", !0),
+        i("div", Ge, [
+          l(E, null, {
+            default: r(({ Component: n }) => [
+              (e(), o(N, {
+                include: s.$store.state.keepAlive.keepLiveRoute
+              }, [
+                s.$store.state.keepAlive.routeShow ? (e(), o(v(n), {
+                  key: s.$route.fullPath
+                })) : a("", !0)
+              ], 1032, ["include"]))
+            ]),
+            _: 1
+          }),
+          l(w)
+        ])
+      ])
+    ])),
+    i("div", {
+      class: "main-maximize-exit",
+      onClick: c[3] || (c[3] = (...n) => t.exitMaximize && t.exitMaximize(...n))
+    }, [
+      l(p, null, {
+        default: r(() => [
+          l(G)
+        ]),
+        _: 1
+      })
+    ]),
+    i("div", {
+      class: "layout-setting",
+      onClick: c[4] || (c[4] = (...n) => t.openSetting && t.openSetting(...n))
+    }, [
+      l(p, null, {
+        default: r(() => [
+          l(S)
+        ]),
+        _: 1
+      })
+    ]),
+    l(D, {
+      title: "布局实时演示",
+      modelValue: u.settingDialog,
+      "onUpdate:modelValue": c[5] || (c[5] = (n) => u.settingDialog = n),
+      size: 400,
+      "append-to-body": "",
+      "destroy-on-close": ""
+    }, {
+      default: r(() => [
+        l(z)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 64);
+}
+const He = /* @__PURE__ */ j(H, [["render", Se]]);
+export {
+  He as default
+};