jky-component-lib 0.0.146 → 0.0.148

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,3 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
 
-/* 轨迹回放组件不需要额外样式 */
-/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
+}

package/dist/es/amap/style3.css

@@ -1,7 +1,3 @@
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
-}
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

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.146";
+const version = "0.0.148";
 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/resolver.d.ts

@@ -2,5 +2,7 @@ import { ComponentResolver } from 'unplugin-vue-components';
 export interface JkyComponentLibResolverOptions {
     /** 不自动加载样式的组件白名单（组件名，不带 Jky 前缀） */
     excludeStyleList?: string[];
+    /** 自定义样式映射 */
+    styleMap?: Record<string, string>;
 }
 export declare function JkyComponentLibResolver(options?: JkyComponentLibResolverOptions): ComponentResolver;

package/dist/es/resolver.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 const defaultExcludeStyleList = [
   // AMap 相关子组件，共用 amap 目录的样式
   "AMapPicker",
@@ -11,9 +27,13 @@ const defaultExcludeStyleList = [
   "AMarkerCluster"
   // AClusterMarker 的常见误写
 ];
+const defaultStyleMap = {
+  AnimatedTransition: "animated"
+};
 function JkyComponentLibResolver(options = {}) {
-  const { excludeStyleList = [] } = options;
+  const { excludeStyleList = [], styleMap = {} } = options;
   const excludeStyleSet = /* @__PURE__ */ new Set([...defaultExcludeStyleList, ...excludeStyleList]);
+  const styleMapLib = __spreadValues(__spreadValues({}, defaultStyleMap), styleMap);
   return {
     type: "component",
     resolve: (name) => {
@@ -27,11 +47,12 @@ function JkyComponentLibResolver(options = {}) {
             // 白名单中的组件不自动加载样式
           };
         }
+        const stylePath = styleMapLib[componentName] || kebabName;
         return {
           name,
           from: "jky-component-lib",
           sideEffects: [
-            `jky-component-lib/dist/es/${kebabName}/style.css`
+            `jky-component-lib/dist/es/${stylePath}/style.css`
           ]
         };
       }

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,3 +1,14 @@
+/* AMap 高德地图组件样式 */
+.jky-amap-container {
+  /* 地图容器样式 */
+  position: relative;
+  overflow: hidden;
 
-/* 轨迹回放组件不需要额外样式 */
-/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */
+  /* 隐藏高德地图的 logo 和版权信息（注意：商业使用请遵守高德地图条款） */
+.amap-logo {
+    display: none !important;
+}
+.amap-copyright {
+    display: none !important;
+}
+}

package/dist/lib/amap/style3.css

@@ -1,7 +1,3 @@
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
-}
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

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.146";
+const version = "0.0.148";
 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/resolver.d.ts

@@ -2,5 +2,7 @@ import { ComponentResolver } from 'unplugin-vue-components';
 export interface JkyComponentLibResolverOptions {
     /** 不自动加载样式的组件白名单（组件名，不带 Jky 前缀） */
     excludeStyleList?: string[];
+    /** 自定义样式映射 */
+    styleMap?: Record<string, string>;
 }
 export declare function JkyComponentLibResolver(options?: JkyComponentLibResolverOptions): ComponentResolver;

package/dist/lib/resolver.js

@@ -1,4 +1,20 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const defaultExcludeStyleList = [
   // AMap 相关子组件，共用 amap 目录的样式
@@ -13,9 +29,13 @@ const defaultExcludeStyleList = [
   "AMarkerCluster"
   // AClusterMarker 的常见误写
 ];
+const defaultStyleMap = {
+  AnimatedTransition: "animated"
+};
 function JkyComponentLibResolver(options = {}) {
-  const { excludeStyleList = [] } = options;
+  const { excludeStyleList = [], styleMap = {} } = options;
   const excludeStyleSet = /* @__PURE__ */ new Set([...defaultExcludeStyleList, ...excludeStyleList]);
+  const styleMapLib = __spreadValues(__spreadValues({}, defaultStyleMap), styleMap);
   return {
     type: "component",
     resolve: (name) => {
@@ -29,11 +49,12 @@ function JkyComponentLibResolver(options = {}) {
             // 白名单中的组件不自动加载样式
           };
         }
+        const stylePath = styleMapLib[componentName] || kebabName;
         return {
           name,
           from: "jky-component-lib",
           sideEffects: [
-            `jky-component-lib/dist/es/${kebabName}/style.css`
+            `jky-component-lib/dist/es/${stylePath}/style.css`
           ]
         };
       }

package/package.json

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