bmp-layout 0.0.4 → 0.0.5

package/{index-bZn8AhgB.mjs → index-C6FIBBXC.mjs}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock } from "vue";
-import { a as _export_sfc } from "./index-CG8YK0iL.mjs";
+import { a as _export_sfc } from "./index-mesAqlQk.mjs";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", null, "Home");

package/index-NAf_EX7O.mjs

@@ -0,0 +1,77 @@
+import { a as _export_sfc, u as useI18n, b as useDesign, c as _sfc_main$2 } from "./index-mesAqlQk.mjs";
+import { ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, createCommentVNode, toDisplayString, renderSlot, createBlock } from "vue";
+import { useRoute } from "vue-router";
+const _hoisted_1 = { class: "flex items-center" };
+const _sfc_main$1 = /* @__PURE__ */ Object.assign({ name: "ContentHeader" }, {
+  __name: "ContentHeader",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    backAble: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["back"],
+  setup(__props, { emit: __emit }) {
+    const route = useRoute();
+    const { t } = useI18n();
+    const { getPrefixCls } = useDesign();
+    const prefixCls = getPrefixCls("content-header");
+    const emit = __emit;
+    const handleClick = () => {
+      emit("back");
+    };
+    ref(60);
+    return (_ctx, _cache) => {
+      const _component_Icon = _sfc_main$2;
+      return openBlock(), createElementBlock("div", {
+        ref: "contentHeader",
+        class: normalizeClass([`${unref(prefixCls)}`])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([`${unref(prefixCls)}-sticky`, "h-[var(--top-tool-height)] flex items-center justify-between bg-white pl-20px pr-20px"])
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([`${unref(prefixCls)}-sticky__left`, "flex items-center text-16px font-500 c-[var(--text-color)]"])
+          }, [
+            __props.backAble ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([`${unref(prefixCls)}-sticky__back`, "flex items-center text-14px font-normal"])
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass([`${unref(prefixCls)}-sticky__back-btn`, "flex items-center"]),
+                onClick: handleClick
+              }, [
+                createVNode(_component_Icon, {
+                  icon: "ant-design:left-outlined",
+                  size: 12
+                }),
+                _cache[0] || (_cache[0] = createElementVNode("span", { class: "ml-2px" }, "返回", -1))
+              ], 2),
+              _cache[1] || (_cache[1] = createElementVNode("div", { class: "flex items-center ml-4px mr-4px" }, "/", -1))
+            ], 2)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_1, toDisplayString(__props.title || unref(t)(unref(route).meta.title)), 1)
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass([`${unref(prefixCls)}-sticky__right`])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-556dca00"]]);
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  const _component_ContentHeader = __unplugin_components_0;
+  return openBlock(), createBlock(_component_ContentHeader);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/{index-CG8YK0iL.mjs → index-mesAqlQk.mjs}

@@ -1149,7 +1149,7 @@ const remainingRouter = [
   },
   {
     path: "/403",
-    component: () => import("./403-BAKBAIzR.mjs"),
+    component: () => import("./403-DUIWwX1L.mjs"),
     name: "NoAccess",
     meta: {
       hidden: true,
@@ -1159,7 +1159,7 @@ const remainingRouter = [
   },
   {
     path: "/404",
-    component: () => import("./404-BaDerCfe.mjs"),
+    component: () => import("./404-CYEErLzh.mjs"),
     name: "NoFound",
     meta: {
       hidden: true,
@@ -1169,7 +1169,7 @@ const remainingRouter = [
   },
   {
     path: "/500",
-    component: () => import("./500-B5gautsl.mjs"),
+    component: () => import("./500-BWqJrsOS.mjs"),
     name: "Error",
     meta: {
       hidden: true,
@@ -1179,7 +1179,7 @@ const remainingRouter = [
   },
   {
     path: "/:pathMatch(.*)*",
-    component: () => import("./404-BaDerCfe.mjs"),
+    component: () => import("./404-CYEErLzh.mjs"),
     name: "",
     meta: {
       title: "404",
@@ -3343,7 +3343,7 @@ var lib = {
   stringify: stringify2
 };
 const qs = /* @__PURE__ */ getDefaultExportFromCjs(lib);
-const modules = /* @__PURE__ */ Object.assign({ "../views/Error/403.vue": () => import("./403-BAKBAIzR.mjs"), "../views/Error/404.vue": () => import("./404-BaDerCfe.mjs"), "../views/Error/500.vue": () => import("./500-B5gautsl.mjs"), "../views/Home/index.vue": () => import("./index-bZn8AhgB.mjs"), "../views/Login/Login.vue": () => Promise.resolve().then(() => Login$1), "../views/Login/components/ForgetPasswordForm.vue": () => Promise.resolve().then(() => ForgetPasswordForm$1), "../views/Login/components/LoginForm.vue": () => Promise.resolve().then(() => LoginForm$1), "../views/Login/components/LoginFormTitle.vue": () => Promise.resolve().then(() => LoginFormTitle), "../views/Login/components/MobileForm.vue": () => Promise.resolve().then(() => MobileForm$1), "../views/Login/components/RegisterForm.vue": () => Promise.resolve().then(() => RegisterForm$1), "../views/Redirect/Redirect.vue": () => import("./Redirect-CRTyBnlH.mjs") });
+const modules = /* @__PURE__ */ Object.assign({ "../views/Error/403.vue": () => import("./403-DUIWwX1L.mjs"), "../views/Error/404.vue": () => import("./404-CYEErLzh.mjs"), "../views/Error/500.vue": () => import("./500-BWqJrsOS.mjs"), "../views/Home/index.vue": () => import("./index-C6FIBBXC.mjs"), "../views/Login/Login.vue": () => Promise.resolve().then(() => Login$1), "../views/Login/components/ForgetPasswordForm.vue": () => Promise.resolve().then(() => ForgetPasswordForm$1), "../views/Login/components/LoginForm.vue": () => Promise.resolve().then(() => LoginForm$1), "../views/Login/components/LoginFormTitle.vue": () => Promise.resolve().then(() => LoginFormTitle), "../views/Login/components/MobileForm.vue": () => Promise.resolve().then(() => MobileForm$1), "../views/Login/components/RegisterForm.vue": () => Promise.resolve().then(() => RegisterForm$1), "../views/Redirect/Redirect.vue": () => import("./Redirect-CRTyBnlH.mjs"), "../views/system/tenant/index.vue": () => import("./index-NAf_EX7O.mjs") });
 const Layout$2 = () => Promise.resolve().then(() => Layout$1);
 const getRawRoute = (route) => {
   if (!route)
@@ -3553,7 +3553,7 @@ const usePermissionStore = defineStore("permission", {
           {
             path: "/:path(.*)*",
             // redirect: '/404',
-            component: () => import("./404-BaDerCfe.mjs"),
+            component: () => import("./404-CYEErLzh.mjs"),
             name: "404Page",
             meta: {
               hidden: true,
@@ -24930,7 +24930,7 @@ const useRenderLayout = () => {
   });
   const zIndexClass = computed(() => {
     return {
-      "z-10": theme.value === "whiteLight"
+      "z-100": theme.value === "whiteLight"
     };
   });
   const renderLeft = () => {
@@ -39282,12 +39282,15 @@ export {
   Layout as L,
   _sfc_main$c as _,
   _export_sfc as a,
-  Login as b,
-  _sfc_main as c,
-  useAppStoreWithOut as d,
-  useUserStore as e,
-  useUserStoreWithOut as f,
-  useLayout as g,
+  useDesign as b,
+  _sfc_main$A as c,
+  Login as d,
+  _sfc_main as e,
+  useAppStore as f,
+  useAppStoreWithOut as g,
+  useUserStore as h,
+  useUserStoreWithOut as i,
+  useLayout as j,
   setI18n as s,
-  useAppStore as u
+  useI18n as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bmp-layout",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "基于 Vue3、Element Plus 的后台管理布局组件库",
   "main": "./bmp-layout.umd.js",
   "module": "./bmp-layout.es.js",