hs-admin-ui 4.1.2 → 4.1.4

package/dist/vertical-BmaGLl-7.mjs

@@ -99,3 +99,4 @@ const U = g({
 export {
   Z as default
 };
+//# sourceMappingURL=vertical-BmaGLl-7.mjs.map

package/dist/vertical-BmaGLl-7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-BmaGLl-7.mjs","sources":["../src/layout/navMenu/vertical.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: \"navMenuVertical\",\n  \n})\n</script>\n<template>\r\n\t<el-menu\r\n\t\trouter\r\n\t\t:default-active=\"state.defaultActive\"\r\n\t\tbackground-color=\"transparent\"\r\n\t\t:collapse=\"state.isCollapse\"\r\n\t\t:unique-opened=\"getThemeConfig.isUniqueOpened\"\r\n\t\t:collapse-transition=\"false\"\r\n\t>\r\n\t\t<template v-for=\"val in menuLists\">\r\n\t\t\t<el-sub-menu :index=\"val.path\" v-if=\"val.children && val.children.length > 0\" :key=\"val.path\">\r\n\t\t\t\t<template #title>\r\n\t\t\t\t\t<SvgIcon :name=\"val.meta.icon\" />\r\n\t\t\t\t\t<span>{{ val.meta.title }}</span>\r\n\t\t\t\t</template>\r\n\t\t\t\t<SubItem :chil=\"val.children\" />\r\n\t\t\t</el-sub-menu>\r\n\t\t\t<template v-else>\r\n\t\t\t\t<el-menu-item :index=\"val.path\" :key=\"val.path\">\r\n\t\t\t\t\t<SvgIcon :name=\"val.meta.icon\" />\r\n\t\t\t\t\t<template #title v-if=\"!val.meta.isLink || (val.meta.isLink && val.meta.isIframe)\">\r\n\t\t\t\t\t\t<span>{{ val.meta.title }}</span>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t\t<template #title v-else>\r\n\t\t\t\t\t\t<a class=\"w100\" @click.prevent=\"onALinkClick(val)\">{{ val.meta.title }}</a>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t</el-menu-item>\r\n\t\t\t</template>\r\n\t\t</template>\r\n\t</el-menu>\r\n</template>\r\n\r\n<script setup lang=\"ts\" name=\"navMenuVertical\">\r\nimport { defineAsyncComponent, reactive, computed, onMounted, watch } from 'vue';\r\nimport { useRoute, onBeforeRouteUpdate, RouteRecordRaw } from 'vue-router';\r\nimport { storeToRefs } from 'pinia';\r\nimport { useThemeConfig } from '/@/stores/themeConfig';\r\nimport { other } from '/@/utils/other';\r\n\r\n// 引入组件\r\nconst SubItem = defineAsyncComponent(() => import('/@/layout/navMenu/subItem.vue'));\r\n\r\n// 定义父组件传过来的值\r\nconst props = defineProps({\r\n\t// 菜单列表\r\n\tmenuList: {\r\n\t\ttype: Array<RouteRecordRaw>,\r\n\t\tdefault: () => [],\r\n\t},\r\n});\r\n\r\n// 定义变量内容\r\nconst storesThemeConfig = useThemeConfig();\r\nconst { themeConfig } = storeToRefs(storesThemeConfig);\r\nconst route = useRoute();\r\nconst state = reactive({\r\n\tdefaultActive: route.meta.isDynamic ? route.meta.isDynamicPath : route.path,\r\n\tisCollapse: false,\r\n});\r\n\r\n// 获取父级菜单数据\r\nconst menuLists = computed(() => {\r\n\treturn <RouteItems>props.menuList;\r\n});\r\n// 获取布局配置信息\r\nconst getThemeConfig = computed(() => {\r\n\treturn themeConfig.value;\r\n});\r\n// 菜单高亮（详情时，父级高亮）\r\nconst setParentHighlight = (currentRoute: RouteToFrom) => {\r\n\tconst { path, meta } = currentRoute;\r\n\tconst pathSplit = meta?.isDynamic ? meta.isDynamicPath!.split('/') : path!.split('/');\r\n\tif (pathSplit.length >= 4 && meta?.isHide) return pathSplit.splice(0, 3).join('/');\r\n\telse return path;\r\n};\r\n// 打开外部链接\r\nconst onALinkClick = (val: RouteItem) => {\r\n\tother.handleOpenLink(val);\r\n};\r\n// 页面加载时\r\nonMounted(() => {\r\n\tstate.defaultActive = setParentHighlight(route);\r\n});\r\n// 路由更新时\r\nonBeforeRouteUpdate((to) => {\r\n\tstate.defaultActive = setParentHighlight(to);\r\n\tconst clientWidth = document.body.clientWidth;\r\n\tif (clientWidth < 1000) themeConfig.value.isCollapse = false;\r\n});\r\n// 设置菜单的收起/展开\r\nwatch(\r\n\t() => themeConfig.value.isCollapse,\r\n\t(isCollapse) => {\r\n\t\tdocument.body.clientWidth <= 1000 ? (state.isCollapse = false) : (state.isCollapse = isCollapse);\r\n\t},\r\n\t{\r\n\t\timmediate: true,\r\n\t}\r\n);\r\n</script>\r\n"],"names":["__default__","defineComponent","SubItem","defineAsyncComponent","props","__props","storesThemeConfig","useThemeConfig","themeConfig","storeToRefs","route","useRoute","state","reactive","menuLists","computed","getThemeConfig","setParentHighlight","currentRoute","path","meta","pathSplit","onALinkClick","val","other","onMounted","onBeforeRouteUpdate","to","watch","isCollapse"],"mappings":";;AAEA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAER,CAAC;;;;;;;;;;AA0CD,UAAMC,IAAUC,EAAqB,MAAM,OAAO,wBAA+B,CAAC,GAG5EC,IAAQC,GASRC,IAAoBC,KACpB,EAAE,aAAAC,EAAA,IAAgBC,EAAYH,CAAiB,GAC/CI,IAAQC,KACRC,IAAQC,EAAS;AAAA,MACtB,eAAeH,EAAM,KAAK,YAAYA,EAAM,KAAK,gBAAgBA,EAAM;AAAA,MACvE,YAAY;AAAA,IAAA,CACZ,GAGKI,IAAYC,EAAS,MACPX,EAAM,QACzB,GAEKY,IAAiBD,EAAS,MACxBP,EAAY,KACnB,GAEKS,IAAqB,CAACC,MAA8B;AACnD,YAAA,EAAE,MAAAC,GAAM,MAAAC,EAAS,IAAAF,GACjBG,IAAYD,KAAA,QAAAA,EAAM,YAAYA,EAAK,cAAe,MAAM,GAAG,IAAID,EAAM,MAAM,GAAG;AAChF,aAAAE,EAAU,UAAU,MAAKD,KAAA,QAAAA,EAAM,UAAeC,EAAU,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,IACrEF;AAAA,IAAA,GAGPG,IAAe,CAACC,MAAmB;AACxC,MAAAC,EAAM,eAAeD,CAAG;AAAA,IAAA;AAGzB,WAAAE,EAAU,MAAM;AACT,MAAAb,EAAA,gBAAgBK,EAAmBP,CAAK;AAAA,IAAA,CAC9C,GAEDgB,EAAoB,CAACC,MAAO;AACrB,MAAAf,EAAA,gBAAgBK,EAAmBU,CAAE,GACvB,SAAS,KAAK,cAChB,QAAMnB,EAAY,MAAM,aAAa;AAAA,IAAA,CACvD,GAEDoB;AAAA,MACC,MAAMpB,EAAY,MAAM;AAAA,MACxB,CAACqB,MAAe;AACf,iBAAS,KAAK,eAAe,MAAQjB,EAAM,aAAa,KAAUA,EAAM,aAAaiB;AAAA,MACtF;AAAA,MACA;AAAA,QACC,WAAW;AAAA,MACZ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vertical-DddbvLcE.js

@@ -1 +1,2 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-DdDdKbUS.js"),y=e.defineComponent({name:"navMenuVertical"}),x=e.defineComponent({...y,props:{menuList:{type:Array,default:()=>[]}},setup(m){const p=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./subItem-Bx6nrs-W.js"))),d=m,h=l.useThemeConfig(),{themeConfig:r}=l.storeToRefs(h),c=l.useRoute(),i=e.reactive({defaultActive:c.meta.isDynamic?c.meta.isDynamicPath:c.path,isCollapse:!1}),f=e.computed(()=>d.menuList),C=e.computed(()=>r.value),u=o=>{const{path:s,meta:n}=o,a=n!=null&&n.isDynamic?n.isDynamicPath.split("/"):s.split("/");return a.length>=4&&(n!=null&&n.isHide)?a.splice(0,3).join("/"):s},_=o=>{l.other.handleOpenLink(o)};return e.onMounted(()=>{i.defaultActive=u(c)}),l.onBeforeRouteUpdate(o=>{i.defaultActive=u(o),document.body.clientWidth<1e3&&(r.value.isCollapse=!1)}),e.watch(()=>r.value.isCollapse,o=>{document.body.clientWidth<=1e3?i.isCollapse=!1:i.isCollapse=o},{immediate:!0}),(o,s)=>{const n=e.resolveComponent("SvgIcon"),a=e.resolveComponent("el-sub-menu"),k=e.resolveComponent("el-menu-item"),g=e.resolveComponent("el-menu");return e.openBlock(),e.createBlock(g,{router:"","default-active":i.defaultActive,"background-color":"transparent",collapse:i.isCollapse,"unique-opened":C.value.isUniqueOpened,"collapse-transition":!1},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,t=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.children&&t.children.length>0?(e.openBlock(),e.createBlock(a,{index:t.path,key:t.path},{title:e.withCtx(()=>[e.createVNode(n,{name:t.meta.icon},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(t.meta.title),1)]),default:e.withCtx(()=>[e.createVNode(e.unref(p),{chil:t.children},null,8,["chil"])]),_:2},1032,["index"])):(e.openBlock(),e.createBlock(k,{index:t.path,key:t.path},e.createSlots({default:e.withCtx(()=>[e.createVNode(n,{name:t.meta.icon},null,8,["name"])]),_:2},[!t.meta.isLink||t.meta.isLink&&t.meta.isIframe?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.meta.title),1)]),key:"0"}:{name:"title",fn:e.withCtx(()=>[e.createElementVNode("a",{class:"w100",onClick:e.withModifiers(B=>_(t),["prevent"])},e.toDisplayString(t.meta.title),9,["onClick"])]),key:"1"}]),1032,["index"]))],64))),256))]),_:1},8,["default-active","collapse","unique-opened"])}}});exports.default=x;
+//# sourceMappingURL=vertical-DddbvLcE.js.map

package/dist/vertical-DddbvLcE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-DddbvLcE.js","sources":["../src/layout/navMenu/vertical.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: \"navMenuVertical\",\n  \n})\n</script>\n<template>\r\n\t<el-menu\r\n\t\trouter\r\n\t\t:default-active=\"state.defaultActive\"\r\n\t\tbackground-color=\"transparent\"\r\n\t\t:collapse=\"state.isCollapse\"\r\n\t\t:unique-opened=\"getThemeConfig.isUniqueOpened\"\r\n\t\t:collapse-transition=\"false\"\r\n\t>\r\n\t\t<template v-for=\"val in menuLists\">\r\n\t\t\t<el-sub-menu :index=\"val.path\" v-if=\"val.children && val.children.length > 0\" :key=\"val.path\">\r\n\t\t\t\t<template #title>\r\n\t\t\t\t\t<SvgIcon :name=\"val.meta.icon\" />\r\n\t\t\t\t\t<span>{{ val.meta.title }}</span>\r\n\t\t\t\t</template>\r\n\t\t\t\t<SubItem :chil=\"val.children\" />\r\n\t\t\t</el-sub-menu>\r\n\t\t\t<template v-else>\r\n\t\t\t\t<el-menu-item :index=\"val.path\" :key=\"val.path\">\r\n\t\t\t\t\t<SvgIcon :name=\"val.meta.icon\" />\r\n\t\t\t\t\t<template #title v-if=\"!val.meta.isLink || (val.meta.isLink && val.meta.isIframe)\">\r\n\t\t\t\t\t\t<span>{{ val.meta.title }}</span>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t\t<template #title v-else>\r\n\t\t\t\t\t\t<a class=\"w100\" @click.prevent=\"onALinkClick(val)\">{{ val.meta.title }}</a>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t</el-menu-item>\r\n\t\t\t</template>\r\n\t\t</template>\r\n\t</el-menu>\r\n</template>\r\n\r\n<script setup lang=\"ts\" name=\"navMenuVertical\">\r\nimport { defineAsyncComponent, reactive, computed, onMounted, watch } from 'vue';\r\nimport { useRoute, onBeforeRouteUpdate, RouteRecordRaw } from 'vue-router';\r\nimport { storeToRefs } from 'pinia';\r\nimport { useThemeConfig } from '/@/stores/themeConfig';\r\nimport { other } from '/@/utils/other';\r\n\r\n// 引入组件\r\nconst SubItem = defineAsyncComponent(() => import('/@/layout/navMenu/subItem.vue'));\r\n\r\n// 定义父组件传过来的值\r\nconst props = defineProps({\r\n\t// 菜单列表\r\n\tmenuList: {\r\n\t\ttype: Array<RouteRecordRaw>,\r\n\t\tdefault: () => [],\r\n\t},\r\n});\r\n\r\n// 定义变量内容\r\nconst storesThemeConfig = useThemeConfig();\r\nconst { themeConfig } = storeToRefs(storesThemeConfig);\r\nconst route = useRoute();\r\nconst state = reactive({\r\n\tdefaultActive: route.meta.isDynamic ? route.meta.isDynamicPath : route.path,\r\n\tisCollapse: false,\r\n});\r\n\r\n// 获取父级菜单数据\r\nconst menuLists = computed(() => {\r\n\treturn <RouteItems>props.menuList;\r\n});\r\n// 获取布局配置信息\r\nconst getThemeConfig = computed(() => {\r\n\treturn themeConfig.value;\r\n});\r\n// 菜单高亮（详情时，父级高亮）\r\nconst setParentHighlight = (currentRoute: RouteToFrom) => {\r\n\tconst { path, meta } = currentRoute;\r\n\tconst pathSplit = meta?.isDynamic ? meta.isDynamicPath!.split('/') : path!.split('/');\r\n\tif (pathSplit.length >= 4 && meta?.isHide) return pathSplit.splice(0, 3).join('/');\r\n\telse return path;\r\n};\r\n// 打开外部链接\r\nconst onALinkClick = (val: RouteItem) => {\r\n\tother.handleOpenLink(val);\r\n};\r\n// 页面加载时\r\nonMounted(() => {\r\n\tstate.defaultActive = setParentHighlight(route);\r\n});\r\n// 路由更新时\r\nonBeforeRouteUpdate((to) => {\r\n\tstate.defaultActive = setParentHighlight(to);\r\n\tconst clientWidth = document.body.clientWidth;\r\n\tif (clientWidth < 1000) themeConfig.value.isCollapse = false;\r\n});\r\n// 设置菜单的收起/展开\r\nwatch(\r\n\t() => themeConfig.value.isCollapse,\r\n\t(isCollapse) => {\r\n\t\tdocument.body.clientWidth <= 1000 ? (state.isCollapse = false) : (state.isCollapse = isCollapse);\r\n\t},\r\n\t{\r\n\t\timmediate: true,\r\n\t}\r\n);\r\n</script>\r\n"],"names":["__default__","defineComponent","SubItem","defineAsyncComponent","props","__props","storesThemeConfig","useThemeConfig","themeConfig","storeToRefs","route","useRoute","state","reactive","menuLists","computed","getThemeConfig","setParentHighlight","currentRoute","path","meta","pathSplit","onALinkClick","val","other","onMounted","onBeforeRouteUpdate","to","watch","isCollapse"],"mappings":"wIAEAA,EAAeC,EAAAA,gBAAgB,CAC7B,KAAM,iBAER,CAAC,kFA0CD,MAAMC,EAAUC,EAAA,qBAAqB,IAAM,QAAO,QAAA,EAAA,KAAA,IAAA,QAAA,uBAA+B,CAAC,CAAA,EAG5EC,EAAQC,EASRC,EAAoBC,EAAAA,iBACpB,CAAE,YAAAC,CAAA,EAAgBC,EAAA,YAAYH,CAAiB,EAC/CI,EAAQC,EAAAA,WACRC,EAAQC,EAAAA,SAAS,CACtB,cAAeH,EAAM,KAAK,UAAYA,EAAM,KAAK,cAAgBA,EAAM,KACvE,WAAY,EAAA,CACZ,EAGKI,EAAYC,EAAAA,SAAS,IACPX,EAAM,QACzB,EAEKY,EAAiBD,EAAAA,SAAS,IACxBP,EAAY,KACnB,EAEKS,EAAsBC,GAA8B,CACnD,KAAA,CAAE,KAAAC,EAAM,KAAAC,CAAS,EAAAF,EACjBG,EAAYD,GAAA,MAAAA,EAAM,UAAYA,EAAK,cAAe,MAAM,GAAG,EAAID,EAAM,MAAM,GAAG,EAChF,OAAAE,EAAU,QAAU,IAAKD,GAAA,MAAAA,EAAM,QAAeC,EAAU,OAAO,EAAG,CAAC,EAAE,KAAK,GAAG,EACrEF,CAAA,EAGPG,EAAgBC,GAAmB,CACxCC,QAAM,eAAeD,CAAG,CAAA,EAGzBE,OAAAA,EAAAA,UAAU,IAAM,CACTb,EAAA,cAAgBK,EAAmBP,CAAK,CAAA,CAC9C,EAEDgB,EAAA,oBAAqBC,GAAO,CACrBf,EAAA,cAAgBK,EAAmBU,CAAE,EACvB,SAAS,KAAK,YAChB,MAAMnB,EAAY,MAAM,WAAa,GAAA,CACvD,EAEDoB,EAAA,MACC,IAAMpB,EAAY,MAAM,WACvBqB,GAAe,CACf,SAAS,KAAK,aAAe,IAAQjB,EAAM,WAAa,GAAUA,EAAM,WAAaiB,CACtF,EACA,CACC,UAAW,EACZ,CAAA"}

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "hs-admin-ui",
-  "version": "4.1.2",
+  "version": "4.1.4",
   "description": "vue3 + typescript5 + vite5 的框架",
   "author": "wgd",
   "private": false,
-  "main": "./dist/hsadminui.cjs.js",
-  "module": "./dist/hsadminui.es.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "require": "./dist/hsadminui.cjs.js",
-      "import": "./dist/hsadminui.es.js",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
       "types": "./dist/types/index.d.ts"
     },
     "./style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
-    }
+      "require": "./dist/style.css",
+      "import": "./dist/style.css"
+    },
+    "./*": "./*"
   },
   "scripts": {
     "dev": "vite --force",