@fmdevui/fm-dev 1.0.15 → 1.0.17

package/lib/packages/core/layout/navBars/topBar/breadcrumb.vue2.js

@@ -0,0 +1,176 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+require('../../../utils/index.js');
+var index$1 = require('../../../utils/other/index.js');
+var pinia = require('pinia');
+require('../../../stores/index.js');
+var routesList = require('../../../stores/routesList.js');
+var themeConfig = require('../../../stores/themeConfig.js');
+var index = require('../../../utils/storage/index.js');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "layout-navbars-breadcrumb"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "layout-navbars-breadcrumb-span"
+};
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "breadcrumb",
+  setup(__props) {
+    const stores = routesList.useRoutesList();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const { routesList: routesList$1 } = pinia.storeToRefs(stores);
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const state = vue.reactive({
+      breadcrumbList: [],
+      routeSplit: [],
+      routeSplitFirst: "",
+      routeSplitIndex: 1
+    });
+    const isShowBreadcrumb = vue.computed(() => {
+      initRouteSplit(route);
+      const { layout, isBreadcrumb } = themeConfig$1.value;
+      if (layout === "classic" || layout === "transverse") return false;
+      else return isBreadcrumb ? true : false;
+    });
+    const onBreadcrumbClick = (v) => {
+      const {
+        redirect
+        /*,path*/
+      } = v;
+      if (redirect) router.push(redirect);
+    };
+    const onThemeConfigChange = () => {
+      themeConfig$1.value.isCollapse = !themeConfig$1.value.isCollapse;
+      setLocalThemeConfig();
+    };
+    const setLocalThemeConfig = () => {
+      index.Local.remove("themeConfig");
+      index.Local.set("themeConfig", themeConfig$1.value);
+    };
+    const getBreadcrumbList = (arr) => {
+      arr.forEach((item) => {
+        state.routeSplit.forEach((v, k, arrs) => {
+          if (state.routeSplitFirst === item.path) {
+            state.routeSplitFirst += `/${arrs[state.routeSplitIndex]}`;
+            !state.breadcrumbList.find((a) => a.path === item.path) && state.breadcrumbList.push(item);
+            state.routeSplitIndex++;
+            if (item.children) getBreadcrumbList(item.children);
+          }
+        });
+      });
+    };
+    const initRouteSplit = (toRoute) => {
+      if (!themeConfig$1.value.isBreadcrumb) return false;
+      state.breadcrumbList = [];
+      state.routeSplit = toRoute.path.split("/");
+      state.routeSplit.shift();
+      state.routeSplitFirst = `/${state.routeSplit[0]}`;
+      state.routeSplitIndex = 1;
+      getBreadcrumbList(routesList$1.value);
+      if (toRoute.name === "home" || toRoute.name === "notFound" && state.breadcrumbList.length > 1) state.breadcrumbList.shift();
+      if (state.breadcrumbList.length > 0) state.breadcrumbList[state.breadcrumbList.length - 1].meta.tagsViewName = index$1.default.setTagsViewNameI18n(route);
+    };
+    vue.onMounted(() => {
+      initRouteSplit(route);
+    });
+    vueRouter.onBeforeRouteUpdate((to) => {
+      initRouteSplit(to);
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = vue.resolveComponent("SvgIcon");
+      const _component_el_breadcrumb_item = vue.resolveComponent("el-breadcrumb-item");
+      const _component_el_breadcrumb = vue.resolveComponent("el-breadcrumb");
+      return isShowBreadcrumb.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_SvgIcon, {
+          class: "layout-navbars-breadcrumb-icon",
+          name: vue.unref(themeConfig$1).isCollapse ? "ele-Expand" : "ele-Fold",
+          size: 16,
+          onClick: onThemeConfigChange
+        }, null, 8, ["name"]),
+        vue.createVNode(_component_el_breadcrumb, { class: "layout-navbars-breadcrumb-hide" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.TransitionGroup, { name: "breadcrumb" }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(state.breadcrumbList, (v, k) => {
+                    return vue.openBlock(), vue.createBlock(
+                      _component_el_breadcrumb_item,
+                      {
+                        key: v.path
+                      },
+                      {
+                        default: vue.withCtx(() => [
+                          k === state.breadcrumbList.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
+                            vue.unref(themeConfig$1).isBreadcrumbIcon ? (vue.openBlock(), vue.createBlock(_component_SvgIcon, {
+                              key: 0,
+                              name: v.meta.icon,
+                              class: "layout-navbars-breadcrumb-iconfont"
+                            }, null, 8, ["name"])) : vue.createCommentVNode("v-if", true),
+                            v.meta.title ? (vue.openBlock(), vue.createElementBlock(
+                              "div",
+                              _hoisted_3,
+                              vue.toDisplayString(_ctx.$t(`message.menu.${v.meta.title}`)),
+                              1
+                              /* TEXT */
+                            )) : (vue.openBlock(), vue.createElementBlock(
+                              "div",
+                              _hoisted_4,
+                              vue.toDisplayString(v.meta.tagsViewName),
+                              1
+                              /* TEXT */
+                            ))
+                          ])) : (vue.openBlock(), vue.createElementBlock("a", {
+                            key: 1,
+                            onClick: vue.withModifiers(($event) => onBreadcrumbClick(v), ["prevent"]),
+                            style: { "display": "flex" }
+                          }, [
+                            vue.unref(themeConfig$1).isBreadcrumbIcon ? (vue.openBlock(), vue.createBlock(_component_SvgIcon, {
+                              key: 0,
+                              name: v.meta.icon,
+                              class: "layout-navbars-breadcrumb-iconfont"
+                            }, null, 8, ["name"])) : vue.createCommentVNode("v-if", true),
+                            vue.createTextVNode(
+                              vue.toDisplayString(_ctx.$t(`message.menu.${v.meta.title}`)),
+                              1
+                              /* TEXT */
+                            )
+                          ], 8, _hoisted_5))
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/navBars/topBar/breadcrumb.vue3.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var undefined$1 = undefined;
+
+exports.default = undefined$1;

package/lib/packages/core/layout/navBars/topBar/changePassword.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var changePassword_vue_vue_type_script_setup_true_lang = require('./changePassword.vue2.js');
+
+
+
+exports.default = changePassword_vue_vue_type_script_setup_true_lang.default;

package/lib/packages/core/layout/navBars/topBar/changePassword.vue2.js

@@ -0,0 +1,268 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var smCryptoV2 = require('sm-crypto-v2');
+require('../../../api/index.js');
+var vueI18n = require('vue-i18n');
+var index = require('../../../api/sys/index.js');
+var request = require('../../../api/utils/request.js');
+
+const _hoisted_1 = { class: "changePassword-container" };
+const _hoisted_2 = { style: { "color": "#fff" } };
+const _hoisted_3 = { style: { "color": "red", "padding": "10px 10px", "background": "#faecd8", "margin-bottom": "30px" } };
+const _hoisted_4 = { class: "dialog-footer" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "changePassword",
+  setup(__props, { expose: __expose }) {
+    const { t } = vueI18n.useI18n();
+    const ruleFormRef = vue.ref();
+    const state = vue.reactive({
+      isShowDialog: false,
+      ruleForm: {},
+      passwordNew2: ""
+    });
+    const openDialog = () => {
+      state.isShowDialog = true;
+      ruleFormRef.value?.resetFields();
+    };
+    const submit = () => {
+      ruleFormRef.value?.validate(async (valid) => {
+        if (!valid) return;
+        var cpwd = { passwordOld: "", passwordNew: "" };
+        var publicKey = window.__env__.VITE_SM_PUBLIC_KEY;
+        if (publicKey == "") {
+          var res = await index.useSysApi().getSmPublicKey();
+          publicKey = window.__env__.VITE_SM_PUBLIC_KEY = res.data.result ?? "";
+        }
+        cpwd.passwordOld = smCryptoV2.sm2.doEncrypt(state.ruleForm.passwordOld, publicKey, 1);
+        cpwd.passwordNew = smCryptoV2.sm2.doEncrypt(state.ruleForm.passwordNew, publicKey, 1);
+        await index.useSysApi().changePwd(cpwd);
+        elementPlus.ElMessage.success(t("message.list.passwordChangedNeedRelogin"));
+        state.isShowDialog = false;
+        request.clearAccessTokens();
+      });
+    };
+    const validatePassword = (_rule, value, callback) => {
+      if (state.passwordNew2 != state.ruleForm.passwordNew) {
+        callback(new Error(t("message.list.passwordNotMatch")));
+      } else {
+        callback();
+      }
+    };
+    const logout = () => {
+      request.clearAccessTokens();
+    };
+    __expose({ openDialog });
+    return (_ctx, _cache) => {
+      const _component_ele_View = vue.resolveComponent("ele-View");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_ele_Bell = vue.resolveComponent("ele-Bell");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_dialog, {
+          modelValue: state.isShowDialog,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => state.isShowDialog = $event),
+          draggable: "",
+          "close-on-click-modal": false,
+          "close-on-press-escape": false,
+          width: "700px",
+          "show-close": false
+        }, {
+          header: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(_component_el_icon, {
+                size: "16",
+                style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_ele_View)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createElementVNode(
+                "span",
+                null,
+                vue.toDisplayString(vue.unref(t)("message.list.changePassword")),
+                1
+                /* TEXT */
+              )
+            ])
+          ]),
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("span", _hoisted_4, [
+              vue.createVNode(_component_el_button, {
+                type: "danger",
+                plain: "",
+                onClick: logout
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(vue.unref(t)("message.list.cancelButtonText")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                icon: "ele-CircleCheckFilled",
+                onClick: submit
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(vue.unref(t)("message.list.confirmButtonText")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(_component_el_icon, { style: { "transform": "translateY(2px)" } }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_ele_Bell)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createElementVNode(
+                "span",
+                null,
+                vue.toDisplayString(vue.unref(t)("message.list.passwordPolicy")),
+                1
+                /* TEXT */
+              )
+            ]),
+            vue.createVNode(_component_el_form, {
+              model: state.ruleForm,
+              ref_key: "ruleFormRef",
+              ref: ruleFormRef,
+              "label-width": "auto"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_row, { gutter: 10 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_col, {
+                      xs: 24,
+                      sm: 24,
+                      md: 24,
+                      lg: 24,
+                      xl: 24,
+                      class: "mb20"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_form_item, {
+                          label: vue.unref(t)("message.list.currentPassword"),
+                          prop: "passwordOld",
+                          rules: [{ required: true, message: vue.unref(t)("message.list.currentPasswordRequired"), trigger: "blur" }]
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_input, {
+                              modelValue: state.ruleForm.passwordOld,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.ruleForm.passwordOld = $event),
+                              type: "password",
+                              autocomplete: "off",
+                              "show-password": ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["label", "rules"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    vue.createVNode(_component_el_col, {
+                      xs: 24,
+                      sm: 24,
+                      md: 24,
+                      lg: 24,
+                      xl: 24,
+                      class: "mb20"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_form_item, {
+                          label: vue.unref(t)("message.list.newPassword"),
+                          prop: "passwordNew",
+                          rules: [{ required: true, message: vue.unref(t)("message.list.newPasswordRequired"), trigger: "blur" }]
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_input, {
+                              modelValue: state.ruleForm.passwordNew,
+                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.ruleForm.passwordNew = $event),
+                              type: "password",
+                              autocomplete: "off",
+                              "show-password": ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["label", "rules"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    vue.createVNode(_component_el_col, {
+                      xs: 24,
+                      sm: 24,
+                      md: 24,
+                      lg: 24,
+                      xl: 24,
+                      class: "mb20"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_form_item, {
+                          label: vue.unref(t)("message.list.confirmPassword"),
+                          prop: "passwordNew2",
+                          rules: [{ validator: validatePassword, required: true, trigger: "blur" }]
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_input, {
+                              modelValue: state.passwordNew2,
+                              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.passwordNew2 = $event),
+                              type: "password",
+                              autocomplete: "off",
+                              "show-password": ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["label", "rules"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["model"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/navBars/topBar/closeFull.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var closeFull_vue_vue_type_script_setup_true_name_layoutCloseFull_lang = require('./closeFull.vue2.js');
+
+
+
+exports.default = closeFull_vue_vue_type_script_setup_true_name_layoutCloseFull_lang.default;

package/lib/packages/core/layout/navBars/topBar/closeFull.vue2.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pinia = require('pinia');
+require('../../../stores/index.js');
+var tagsViewRoutes = require('../../../stores/tagsViewRoutes.js');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "layout-navbars-close-full"
+};
+const _hoisted_2 = { class: "layout-navbars-close-full-icon" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "closeFull",
+  setup(__props) {
+    const stores = tagsViewRoutes.useTagsViewRoutes();
+    const { isTagsViewCurrenFull } = pinia.storeToRefs(stores);
+    const onCloseFullscreen = () => {
+      stores.setCurrenFullscreen(false);
+    };
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = vue.resolveComponent("SvgIcon");
+      return vue.unref(isTagsViewCurrenFull) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(_component_SvgIcon, {
+            name: "ele-Close",
+            title: _ctx.$t("message.tagsView.closeFullscreen"),
+            onClick: onCloseFullscreen
+          }, null, 8, ["title"])
+        ])
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/navBars/topBar/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_name_layoutBreadcrumbIndex_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_name_layoutBreadcrumbIndex_lang.default;

package/lib/packages/core/layout/navBars/topBar/index.vue2.js

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var pinia = require('pinia');
+require('../../../stores/index.js');
+var index = require('../../../utils/emit/index.js');
+var breadcrumb = require('./breadcrumb.vue.js');
+require('./user.vue.js');
+require('../../logo/index.vue.js');
+require('../../navMenu/horizontal.vue.js');
+var user_vue_vue_type_script_setup_true_name_layoutBreadcrumbUser_lang = require('./user.vue2.js');
+var index_vue_vue_type_script_setup_true_name_layoutLogo_lang = require('../../logo/index.vue2.js');
+var horizontal_vue_vue_type_script_setup_true_name_navMenuHorizontal_lang = require('../../navMenu/horizontal.vue2.js');
+var routesList = require('../../../stores/routesList.js');
+var themeConfig = require('../../../stores/themeConfig.js');
+
+const _hoisted_1 = { class: "layout-navbars-breadcrumb-index" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const Breadcrumb = breadcrumb.default;
+    const User = user_vue_vue_type_script_setup_true_name_layoutBreadcrumbUser_lang.default;
+    const Logo = index_vue_vue_type_script_setup_true_name_layoutLogo_lang.default;
+    const Horizontal = horizontal_vue_vue_type_script_setup_true_name_navMenuHorizontal_lang.default;
+    const stores = routesList.useRoutesList();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const { routesList: routesList$1 } = pinia.storeToRefs(stores);
+    const route = vueRouter.useRoute();
+    const state = vue.reactive({
+      menuList: []
+    });
+    const setIsShowLogo = vue.computed(() => {
+      let { isShowLogo, layout } = themeConfig$1.value;
+      return isShowLogo && layout === "classic" || isShowLogo && layout === "transverse";
+    });
+    const isLayoutTransverse = vue.computed(() => {
+      let { layout, isClassicSplitMenu } = themeConfig$1.value;
+      return layout === "transverse" || isClassicSplitMenu && layout === "classic";
+    });
+    const setFilterRoutes = () => {
+      let { layout, isClassicSplitMenu } = themeConfig$1.value;
+      if (layout === "classic" && isClassicSplitMenu) {
+        state.menuList = delClassicChildren(filterRoutesFun(routesList$1.value));
+        const resData = setSendClassicChildren(route.path);
+        index.default.emit("setSendClassicChildren", resData);
+      } else {
+        state.menuList = filterRoutesFun(routesList$1.value);
+      }
+    };
+    const delClassicChildren = (arr) => {
+      arr.map((v) => {
+        if (v.children) delete v.children;
+      });
+      return arr;
+    };
+    const filterRoutesFun = (arr) => {
+      return arr.filter((item) => !item.meta?.isHide).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children) item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const setSendClassicChildren = (path) => {
+      const currentPathSplit = path.split("/");
+      const currentData = { children: [], item: void 0 };
+      const matched = filterRoutesFun(routesList$1.value).find((v, k) => {
+        if (v.path === `/${currentPathSplit[1]}`) {
+          v.k = k;
+          return true;
+        }
+        return false;
+      });
+      if (matched) {
+        currentData.item = { ...matched };
+        currentData.children = matched.children ? [...matched.children] : [{ ...matched }];
+      }
+      return currentData;
+    };
+    vue.onMounted(() => {
+      setFilterRoutes();
+      index.default.on("getBreadcrumbIndexSetFilterRoutes", () => {
+        setFilterRoutes();
+      });
+    });
+    vue.onUnmounted(() => {
+      index.default.off("getBreadcrumbIndexSetFilterRoutes", () => {
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        setIsShowLogo.value ? (vue.openBlock(), vue.createBlock(vue.unref(Logo), { key: 0 })) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(vue.unref(Breadcrumb)),
+        isLayoutTransverse.value ? (vue.openBlock(), vue.createBlock(vue.unref(Horizontal), {
+          key: 1,
+          menuList: state.menuList
+        }, null, 8, ["menuList"])) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(vue.unref(User))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/navBars/topBar/onlineuser.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var onlineuser_vue_vue_type_script_setup_true_lang = require('./onlineuser.vue2.js');
+require('./onlineuser.vue3.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var onlineusercom = /* @__PURE__ */ _pluginVue_exportHelper.default(onlineuser_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-2056b616"]]);
+
+exports.default = onlineusercom;