jky-component-lib 0.0.147 → 0.0.149

package/dist/es/amap/AMapPicker/AMapPicker.vue.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, useModel, ref, openBlock, createElementBlock, renderSlot, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, mergeModels } from "vue";
+import { defineComponent, useModel, ref, openBlock, createElementBlock, renderSlot, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, createBlock, createCommentVNode, mergeModels } from "vue";
 import { ElButton } from "element-plus";
 import _sfc_main$1 from "../../modal/Modal.vue.js";
 /* empty css                     */
@@ -26,7 +26,7 @@ import _sfc_main$2 from "../AMap.vue.js";
 import _sfc_main$3 from "../AMarker.vue.js";
 /* empty css              */
 const _hoisted_1 = { class: "inline-block jky-amap-picker" };
-const _hoisted_2 = { class: "relative overflow-hidden jky-amap-picker__map-wrapper" };
+const _hoisted_2 = { class: "relative overflow-hidden w-full h-full jky-amap-picker__map-wrapper" };
 const _hoisted_3 = {
   key: 0,
   class: "absolute left-4 top-2 p-2 bg-white/90 shadow-blueGray flex items-center gap-x-2 jky-amap-picker__coordinate-info"
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     mode: { default: "dialog" },
     size: { default: "800px" },
     zoom: { default: 11 },
-    center: { default: () => [116.397428, 39.90923] },
+    center: { default: () => [120.15507, 30.27408] },
     disabled: { type: Boolean, default: false }
   }, {
     "modelValue": {},
@@ -54,6 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const emit = __emit;
     const modelValue = useModel(__props, "modelValue");
     const modalVisible = ref(false);
+    const fullscreen = ref(false);
     const selectedCoordinate = ref(null);
     function openModal() {
       if (props.disabled)
@@ -96,6 +97,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         createVNode(_sfc_main$1, {
           modelValue: modalVisible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modalVisible.value = $event),
+          fullscreen: fullscreen.value,
+          "onUpdate:fullscreen": _cache[1] || (_cache[1] = ($event) => fullscreen.value = $event),
           title: __props.title,
           mode: __props.mode,
           size: __props.size,
@@ -108,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 token: __props.token,
                 zoom: __props.zoom,
                 center: __props.center,
-                class: "w-full h-80",
+                class: normalizeClass(["w-full", [fullscreen.value ? "h-[calc(100vh-100px)]" : "h-80"]]),
                 onClick: handleMapClick
               }, {
                 default: withCtx(() => {
@@ -124,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   ];
                 }),
                 _: 1
-              }, 8, ["token", "zoom", "center"]),
+              }, 8, ["token", "zoom", "center", "class"]),
               selectedCoordinate.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
                 createElementVNode("span", null, "经度: " + toDisplayString(selectedCoordinate.value.lng.toFixed(6)), 1),
                 createElementVNode("span", null, "纬度: " + toDisplayString(selectedCoordinate.value.lat.toFixed(6)), 1)
@@ -132,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             ])
           ]),
           _: 1
-        }, 8, ["modelValue", "title", "mode", "size"])
+        }, 8, ["modelValue", "fullscreen", "title", "mode", "size"])
       ]);
     };
   }

package/dist/es/amap/style.css

@@ -1,14 +1,7 @@
-/* AMap 高德地图组件样式 */
-.jky-amap-container {
-  /* 地图容器样式 */
-  position: relative;
-  overflow: hidden;
 
-  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
-.amap-logo {
-    display: none !important;
-}
-.amap-copyright {
-    display: none !important;
-}
+/* JkyAMarker 组件样式 - 参考高德官方示例 */
+.amap-icon img,
+.amap-marker-content img {
+  width: 25px;
+  height: 34px;
 }

package/dist/es/amap/style2.css

@@ -1,7 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
 }

package/dist/es/menu/Menu.vue.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, useAttrs, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, toDisplayString, renderSlot } from "vue";
+import { defineComponent, useAttrs, resolveComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, toDisplayString, renderSlot } from "vue";
 import { ElMenu, ElSubMenu, ElMenuItem } from "element-plus";
 import _sfc_main$1 from "./MenuItem.vue.js";
 const _hoisted_1 = {
@@ -62,6 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const props = __props;
     const attrs = useAttrs();
     return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
       return openBlock(), createBlock(unref(ElMenu), mergeProps({ class: "jky-menu" }, __spreadValues(__spreadValues({}, unref(attrs)), props)), {
         default: withCtx(() => [
           props.menuData && props.menuData.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.menuData, (item) => {
@@ -78,10 +79,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   "popper-offset": item.popperOffset
                 }, {
                   title: withCtx(() => [
-                    item.icon ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
-                    }, null, 2)) : createCommentVNode("", true),
+                    item.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+                      default: withCtx(() => [
+                        item.icon ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                        }, null, 2)) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true),
                     item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.title), 1)) : createCommentVNode("", true)
                   ]),
                   default: withCtx(() => [
@@ -102,10 +108,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   route: item.route
                 }, {
                   default: withCtx(() => [
-                    item.icon ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
-                    }, null, 2)) : createCommentVNode("", true),
+                    item.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+                      default: withCtx(() => [
+                        item.icon ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                        }, null, 2)) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true),
                     item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.title), 1)) : createCommentVNode("", true)
                   ]),
                   _: 2

package/dist/es/menu/MenuItem.vue.js

@@ -18,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       var _a, _b;
+      const _component_el_icon = resolveComponent("el-icon");
       const _component_MenuItem = resolveComponent("MenuItem", true);
       return !props.item.hideMenu ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         props.item.children && props.item.children.length > 0 ? (openBlock(), createBlock(unref(ElSubMenu), {
@@ -28,10 +29,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "popper-offset": props.item.popperOffset
         }, {
           title: withCtx(() => [
-            props.item.icon ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass([props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
-            }, null, 2)) : createCommentVNode("", true),
+            __props.item.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+              default: withCtx(() => [
+                __props.item.icon ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass([__props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                }, null, 2)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
             props.item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
           ]),
           default: withCtx(() => [
@@ -52,10 +58,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           route: props.item.route
         }, {
           default: withCtx(() => [
-            props.item.icon ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass([props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
-            }, null, 2)) : createCommentVNode("", true),
+            __props.item.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+              default: withCtx(() => [
+                __props.item.icon ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass([__props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                }, null, 2)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
             props.item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
           ]),
           _: 1

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.147";
+const version = "0.0.149";
 export {
   version
 };

package/dist/es/page-layout/PageLayout.vue.d.ts

@@ -1,5 +1,11 @@
 import { PageLayoutProps } from './types';
-declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    menuOpen: () => any;
+    menuClose: () => any;
+}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{
+    onMenuOpen?: (() => any) | undefined;
+    onMenuClose?: (() => any) | undefined;
+}>, {
     cachable: boolean;
     roundTabs: boolean;
     showTopMenu: boolean;

package/dist/es/page-layout/PageLayout.vue.js

@@ -29,7 +29,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, useAttrs, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, resolveDynamicComponent, Transition, KeepAlive } from "vue";
+import { defineComponent, useAttrs, computed, ref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, resolveDynamicComponent, Transition, KeepAlive } from "vue";
+import { useWindowSize } from "@vueuse/core";
 import { ElCard, ElAside, ElScrollbar } from "element-plus";
 import { cloneDeep } from "lodash-es";
 import { useRouter, useRoute, RouterView } from "vue-router";
@@ -67,9 +68,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     topMenuSingleLevel: { type: Boolean, default: true },
     sideMenuWithParent: { type: Boolean, default: true }
   },
-  setup(__props) {
+  emits: ["menuOpen", "menuClose"],
+  setup(__props, { emit: __emit }) {
     var _a, _b;
     const props = __props;
+    const emit = __emit;
     const router = useRouter();
     const route = useRoute();
     const attrs = useAttrs();
@@ -77,6 +80,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       enableCache: (_b = (_a = props.cachable) != null ? _a : attrs.cachable) != null ? _b : true
     });
     const tabsStore = useTabsStore();
+    const { width: vw } = useWindowSize();
+    const isCollapse = computed(() => {
+      return vw.value < 768;
+    });
+    function handleOpenMenu() {
+      emit("menuOpen");
+    }
+    function handleCloseMenu() {
+      emit("menuClose");
+    }
     const activeTopMenu = ref("");
     const activeSideMenu = ref("");
     const routes = router.getRoutes();
@@ -169,6 +182,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     });
     const computedAsideWidth = computed(() => {
       if (showSideMenu.value && displayedSideMenu.value.length > 0) {
+        if (isCollapse.value) {
+          return "64px";
+        }
         return props.asideWidth;
       }
       return "0";
@@ -227,7 +243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         })) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2, [
           createVNode(unref(ElAside), {
-            class: "shrink-0 overflow-hidden h-full",
+            class: "shrink-0 overflow-hidden h-full transition-all",
             style: normalizeStyle({ "--el-aside-width": computedAsideWidth.value })
           }, {
             default: withCtx(() => [
@@ -244,8 +260,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                         "default-active": activeSideMenu.value,
                         "menu-data": displayedSideMenu.value,
                         class: "jky-page-layout__side-menu",
-                        onSelect: handleMenuSelect
-                      }, null, 8, ["default-active", "menu-data"])
+                        collapse: isCollapse.value,
+                        onSelect: handleMenuSelect,
+                        onOpen: handleOpenMenu,
+                        onClose: handleCloseMenu
+                      }, null, 8, ["default-active", "menu-data", "collapse"])
                     ]),
                     _: 1
                   })) : (openBlock(), createBlock(_sfc_main$1, {
@@ -254,8 +273,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                     "default-active": activeSideMenu.value,
                     "menu-data": displayedSideMenu.value,
                     class: "jky-page-layout__side-menu",
-                    onSelect: handleMenuSelect
-                  }, null, 8, ["default-active", "menu-data"]))
+                    collapse: isCollapse.value,
+                    onSelect: handleMenuSelect,
+                    onOpen: handleOpenMenu,
+                    onClose: handleCloseMenu
+                  }, null, 8, ["default-active", "menu-data", "collapse"]))
                 ]),
                 _: 1
               }, 8, ["style"])) : createCommentVNode("", true)

package/dist/es/style.css

@@ -1843,6 +1843,10 @@
     height: calc(var(--spacing) * 80);
   }
 
+  .h-\[calc\(100vh-100px\)\] {
+    height: calc(100vh - 100px);
+  }
+
   .h-fit\! {
     height: fit-content !important;
   }

package/dist/lib/amap/AMapPicker/AMapPicker.vue.js

@@ -28,7 +28,7 @@ const AMap_vue_vue_type_script_setup_true_lang = require("../AMap.vue.js");
 const AMarker_vue_vue_type_script_setup_true_lang = require("../AMarker.vue.js");
 ;/* empty css               */
 const _hoisted_1 = { class: "inline-block jky-amap-picker" };
-const _hoisted_2 = { class: "relative overflow-hidden jky-amap-picker__map-wrapper" };
+const _hoisted_2 = { class: "relative overflow-hidden w-full h-full jky-amap-picker__map-wrapper" };
 const _hoisted_3 = {
   key: 0,
   class: "absolute left-4 top-2 p-2 bg-white/90 shadow-blueGray flex items-center gap-x-2 jky-amap-picker__coordinate-info"
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     mode: { default: "dialog" },
     size: { default: "800px" },
     zoom: { default: 11 },
-    center: { default: () => [116.397428, 39.90923] },
+    center: { default: () => [120.15507, 30.27408] },
     disabled: { type: Boolean, default: false }
   }, {
     "modelValue": {},
@@ -56,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     const emit = __emit;
     const modelValue = vue.useModel(__props, "modelValue");
     const modalVisible = vue.ref(false);
+    const fullscreen = vue.ref(false);
     const selectedCoordinate = vue.ref(null);
     function openModal() {
       if (props.disabled)
@@ -98,6 +99,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         vue.createVNode(Modal_vue_vue_type_script_setup_true_lang.default, {
           modelValue: modalVisible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modalVisible.value = $event),
+          fullscreen: fullscreen.value,
+          "onUpdate:fullscreen": _cache[1] || (_cache[1] = ($event) => fullscreen.value = $event),
           title: __props.title,
           mode: __props.mode,
           size: __props.size,
@@ -110,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 token: __props.token,
                 zoom: __props.zoom,
                 center: __props.center,
-                class: "w-full h-80",
+                class: vue.normalizeClass(["w-full", [fullscreen.value ? "h-[calc(100vh-100px)]" : "h-80"]]),
                 onClick: handleMapClick
               }, {
                 default: vue.withCtx(() => {
@@ -126,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                   ];
                 }),
                 _: 1
-              }, 8, ["token", "zoom", "center"]),
+              }, 8, ["token", "zoom", "center", "class"]),
               selectedCoordinate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                 vue.createElementVNode("span", null, "经度: " + vue.toDisplayString(selectedCoordinate.value.lng.toFixed(6)), 1),
                 vue.createElementVNode("span", null, "纬度: " + vue.toDisplayString(selectedCoordinate.value.lat.toFixed(6)), 1)
@@ -134,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             ])
           ]),
           _: 1
-        }, 8, ["modelValue", "title", "mode", "size"])
+        }, 8, ["modelValue", "fullscreen", "title", "mode", "size"])
       ]);
     };
   }

package/dist/lib/amap/style.css

@@ -1,14 +1,7 @@
-/* AMap 高德地图组件样式 */
-.jky-amap-container {
-  /* 地图容器样式 */
-  position: relative;
-  overflow: hidden;
 
-  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
-.amap-logo {
-    display: none !important;
-}
-.amap-copyright {
-    display: none !important;
-}
+/* JkyAMarker 组件样式 - 参考高德官方示例 */
+.amap-icon img,
+.amap-marker-content img {
+  width: 25px;
+  height: 34px;
 }

package/dist/lib/amap/style2.css

@@ -1,7 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
 }

package/dist/lib/menu/Menu.vue.js

@@ -64,6 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     const props = __props;
     const attrs = vue.useAttrs();
     return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
       return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElMenu), vue.mergeProps({ class: "jky-menu" }, __spreadValues(__spreadValues({}, vue.unref(attrs)), props)), {
         default: vue.withCtx(() => [
           props.menuData && props.menuData.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.menuData, (item) => {
@@ -80,10 +81,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                   "popper-offset": item.popperOffset
                 }, {
                   title: vue.withCtx(() => [
-                    item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
-                    }, null, 2)) : vue.createCommentVNode("", true),
+                    item.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          class: vue.normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                        }, null, 2)) : vue.createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)) : vue.createCommentVNode("", true),
                     item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
                   ]),
                   default: vue.withCtx(() => [
@@ -104,10 +110,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                   route: item.route
                 }, {
                   default: vue.withCtx(() => [
-                    item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
-                    }, null, 2)) : vue.createCommentVNode("", true),
+                    item.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          class: vue.normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                        }, null, 2)) : vue.createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)) : vue.createCommentVNode("", true),
                     item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
                   ]),
                   _: 2

package/dist/lib/menu/MenuItem.vue.js

@@ -20,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       var _a, _b;
+      const _component_el_icon = vue.resolveComponent("el-icon");
       const _component_MenuItem = vue.resolveComponent("MenuItem", true);
       return !props.item.hideMenu ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         props.item.children && props.item.children.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElSubMenu), {
@@ -30,10 +31,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "popper-offset": props.item.popperOffset
         }, {
           title: vue.withCtx(() => [
-            props.item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 0,
-              class: vue.normalizeClass([props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
-            }, null, 2)) : vue.createCommentVNode("", true),
+            __props.item.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+              default: vue.withCtx(() => [
+                __props.item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  class: vue.normalizeClass([__props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                }, null, 2)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true),
             props.item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(props.item.title), 1)) : vue.createCommentVNode("", true)
           ]),
           default: vue.withCtx(() => [
@@ -54,10 +60,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           route: props.item.route
         }, {
           default: vue.withCtx(() => [
-            props.item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 0,
-              class: vue.normalizeClass([props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
-            }, null, 2)) : vue.createCommentVNode("", true),
+            __props.item.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+              default: vue.withCtx(() => [
+                __props.item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  class: vue.normalizeClass([__props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
+                }, null, 2)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true),
             props.item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(props.item.title), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.147";
+const version = "0.0.149";
 exports.version = version;

package/dist/lib/page-layout/PageLayout.vue.d.ts

@@ -1,5 +1,11 @@
 import { PageLayoutProps } from './types';
-declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    menuOpen: () => any;
+    menuClose: () => any;
+}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{
+    onMenuOpen?: (() => any) | undefined;
+    onMenuClose?: (() => any) | undefined;
+}>, {
     cachable: boolean;
     roundTabs: boolean;
     showTopMenu: boolean;

package/dist/lib/page-layout/PageLayout.vue.js

@@ -32,6 +32,7 @@ var __objRest = (source, exclude) => {
 };
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+const core = require("@vueuse/core");
 const ElementPlus = require("element-plus");
 const lodashEs = require("lodash-es");
 const vueRouter = require("vue-router");
@@ -69,9 +70,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     topMenuSingleLevel: { type: Boolean, default: true },
     sideMenuWithParent: { type: Boolean, default: true }
   },
-  setup(__props) {
+  emits: ["menuOpen", "menuClose"],
+  setup(__props, { emit: __emit }) {
     var _a, _b;
     const props = __props;
+    const emit = __emit;
     const router = vueRouter.useRouter();
     const route = vueRouter.useRoute();
     const attrs = vue.useAttrs();
@@ -79,6 +82,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       enableCache: (_b = (_a = props.cachable) != null ? _a : attrs.cachable) != null ? _b : true
     });
     const tabsStore = useTabsStore$1();
+    const { width: vw } = core.useWindowSize();
+    const isCollapse = vue.computed(() => {
+      return vw.value < 768;
+    });
+    function handleOpenMenu() {
+      emit("menuOpen");
+    }
+    function handleCloseMenu() {
+      emit("menuClose");
+    }
     const activeTopMenu = vue.ref("");
     const activeSideMenu = vue.ref("");
     const routes = router.getRoutes();
@@ -171,6 +184,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     });
     const computedAsideWidth = vue.computed(() => {
       if (showSideMenu.value && displayedSideMenu.value.length > 0) {
+        if (isCollapse.value) {
+          return "64px";
+        }
         return props.asideWidth;
       }
       return "0";
@@ -229,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         })) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_2, [
           vue.createVNode(vue.unref(ElementPlus.ElAside), {
-            class: "shrink-0 overflow-hidden h-full",
+            class: "shrink-0 overflow-hidden h-full transition-all",
             style: vue.normalizeStyle({ "--el-aside-width": computedAsideWidth.value })
           }, {
             default: vue.withCtx(() => [
@@ -246,8 +262,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                         "default-active": activeSideMenu.value,
                         "menu-data": displayedSideMenu.value,
                         class: "jky-page-layout__side-menu",
-                        onSelect: handleMenuSelect
-                      }, null, 8, ["default-active", "menu-data"])
+                        collapse: isCollapse.value,
+                        onSelect: handleMenuSelect,
+                        onOpen: handleOpenMenu,
+                        onClose: handleCloseMenu
+                      }, null, 8, ["default-active", "menu-data", "collapse"])
                     ]),
                     _: 1
                   })) : (vue.openBlock(), vue.createBlock(Menu_vue_vue_type_script_setup_true_lang.default, {
@@ -256,8 +275,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                     "default-active": activeSideMenu.value,
                     "menu-data": displayedSideMenu.value,
                     class: "jky-page-layout__side-menu",
-                    onSelect: handleMenuSelect
-                  }, null, 8, ["default-active", "menu-data"]))
+                    collapse: isCollapse.value,
+                    onSelect: handleMenuSelect,
+                    onOpen: handleOpenMenu,
+                    onClose: handleCloseMenu
+                  }, null, 8, ["default-active", "menu-data", "collapse"]))
                 ]),
                 _: 1
               }, 8, ["style"])) : vue.createCommentVNode("", true)

package/dist/lib/style.css

@@ -1843,6 +1843,10 @@
     height: calc(var(--spacing) * 80);
   }
 
+  .h-\[calc\(100vh-100px\)\] {
+    height: calc(100vh - 100px);
+  }
+
   .h-fit\! {
     height: fit-content !important;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jky-component-lib",
   "type": "module",
-  "version": "0.0.147",
+  "version": "0.0.149",
   "publishConfig": {
     "access": "public"
   },