@gyyxds/zy-ui 0.0.2 → 0.0.4

package/dist/zy-ui/index.d.ts

@@ -1,31 +1,6 @@
 /**
- * Zy UI 组件库入口：Element Plus 二次封装，注入本站 UI 风格与微动效交互。
- *
- * 用法与 Element Plus 一致 —— 全局、按需、单组件注册三种都行：
- *
- * ```ts
- * // 全局
- * import ZyUi from '@zy/zy-ui'
- * import '@zy/zy-ui/style.css'
- * app.use(ZyUi)
- *
- * // 按需（配合 tree-shaking，只打进来的组件会进包）
- * import { ZyButton } from '@zy/zy-ui'
- * import '@zy/zy-ui/style.css'
- *
- * // 单个组件自己注册（对齐 Element 的做法，组件自带 install）
- * import { ZyButton } from '@zy/zy-ui'
- * app.use(ZyButton)
- * ```
- *
- * 目录约定（同 Element）：每个组件一个目录，入口 `index.ts` 负责导出与 install，
- * 实现是同目录的 `Zy*.vue`；成族的组件（checkbox / radio）共用一个目录，
- * 族内契约（如 radio-context）留在目录里，不进入公共 API。
- *
- * 依赖：组件内部直接使用 element-plus 的 `El*` 组件，所以 element-plus 是 peerDependency，
- * 消费方需要自己装好并引入它的样式（`import 'element-plus/dist/index.css'`）。
- * 组件层设计令牌（`--zy-brand` / `--zy-radius` / `--zy-ease-out` …）随本包发布，
- * 见 `./styles/tokens.css`，可用同名变量覆盖换肤。
+ * Zy UI 入口：Element Plus 二次封装。
+ * 接入方式、目录约定与依赖说明见 README / AGENTS.md，不在此重复维护。
  */
 import type { App } from 'vue';
 import { ZyAlert } from './alert';
@@ -54,6 +29,7 @@ import { ZyTag } from './tag';
 import { ZyTimePicker } from './time-picker';
 import { ZyTree } from './tree';
 export { ZyAlert, ZyBadge, ZyButton, ZyCard, ZyCheckbox, ZyCheckboxGroup, ZyCodeInput, ZyDatePicker, ZyDialog, ZyDivider, ZyIcon, ZyInput, ZyLoading, ZyMegaMenu, ZyPagination, ZyPanel, ZyProgress, ZyRadio, ZyRadioButton, ZyRadioGroup, ZySelect, ZySlideVerify, ZySpace, ZySwitch, ZyTable, ZyTag, ZyTimePicker, ZyTree, };
+export type { ZyTreeNode, ZyTreeProps } from './select';
 /** 全部组件的具名集合（名称即注册名） */
 export declare const components: {
     ZyAlert: import("./utils/withInstall").SFCWithInstall<{
@@ -677,10 +653,14 @@ export declare const components: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             items?: import("./mega-menu").MegaMenuItem[];
             open?: string | null;
+            active?: string | null;
+            activeLink?: string | null;
             label?: string;
             brand?: import("./mega-menu").MegaMenuBrand | null;
         }> & Readonly<{
             "onUpdate:open"?: ((value: string | null) => any) | undefined;
+            "onUpdate:active"?: ((value: string | null) => any) | undefined;
+            "onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
             onNavigate?: ((payload: {
                 item: import("./mega-menu").MegaMenuItem;
                 title: string;
@@ -689,6 +669,8 @@ export declare const components: {
             }) => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:open": (value: string | null) => any;
+            "update:active": (value: string | null) => any;
+            "update:activeLink": (value: string | null) => any;
             navigate: (payload: {
                 item: import("./mega-menu").MegaMenuItem;
                 title: string;
@@ -709,10 +691,14 @@ export declare const components: {
         }, Readonly<{
             items?: import("./mega-menu").MegaMenuItem[];
             open?: string | null;
+            active?: string | null;
+            activeLink?: string | null;
             label?: string;
             brand?: import("./mega-menu").MegaMenuBrand | null;
         }> & Readonly<{
             "onUpdate:open"?: ((value: string | null) => any) | undefined;
+            "onUpdate:active"?: ((value: string | null) => any) | undefined;
+            "onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
             onNavigate?: ((payload: {
                 item: import("./mega-menu").MegaMenuItem;
                 title: string;
@@ -730,10 +716,14 @@ export declare const components: {
     } & import("vue").ComponentOptionsBase<Readonly<{
         items?: import("./mega-menu").MegaMenuItem[];
         open?: string | null;
+        active?: string | null;
+        activeLink?: string | null;
         label?: string;
         brand?: import("./mega-menu").MegaMenuBrand | null;
     }> & Readonly<{
         "onUpdate:open"?: ((value: string | null) => any) | undefined;
+        "onUpdate:active"?: ((value: string | null) => any) | undefined;
+        "onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
         onNavigate?: ((payload: {
             item: import("./mega-menu").MegaMenuItem;
             title: string;
@@ -742,6 +732,8 @@ export declare const components: {
         }) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:open": (value: string | null) => any;
+        "update:active": (value: string | null) => any;
+        "update:activeLink": (value: string | null) => any;
         navigate: (payload: {
             item: import("./mega-menu").MegaMenuItem;
             title: string;
@@ -1018,6 +1010,14 @@ export declare const components: {
             placeholder?: string;
             clearable?: boolean;
             disabled?: boolean;
+            tree?: boolean;
+            data?: import("./select").ZyTreeNode[];
+            treeProps?: import("./select").ZyTreeProps;
+            nodeKey?: string;
+            showCheckbox?: boolean;
+            checkStrictly?: boolean;
+            defaultExpandAll?: boolean;
+            renderAfterExpand?: boolean;
         } & {
             modelValue?: string | number | undefined | Array<string | number>;
         }> & Readonly<{
@@ -1027,10 +1027,18 @@ export declare const components: {
         }, import("vue").PublicProps, {
             size: "large" | "default" | "small";
             effect: "focus" | "underline" | "gradient";
+            data: import("./select").ZyTreeNode[];
             disabled: boolean;
             placeholder: string;
             clearable: boolean;
             raised: boolean;
+            tree: boolean;
+            treeProps: import("./select").ZyTreeProps;
+            nodeKey: string;
+            showCheckbox: boolean;
+            checkStrictly: boolean;
+            defaultExpandAll: boolean;
+            renderAfterExpand: boolean;
         }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1045,6 +1053,14 @@ export declare const components: {
             placeholder?: string;
             clearable?: boolean;
             disabled?: boolean;
+            tree?: boolean;
+            data?: import("./select").ZyTreeNode[];
+            treeProps?: import("./select").ZyTreeProps;
+            nodeKey?: string;
+            showCheckbox?: boolean;
+            checkStrictly?: boolean;
+            defaultExpandAll?: boolean;
+            renderAfterExpand?: boolean;
         } & {
             modelValue?: string | number | undefined | Array<string | number>;
         }> & Readonly<{
@@ -1052,10 +1068,18 @@ export declare const components: {
         }>, {}, {}, {}, {}, {
             size: "large" | "default" | "small";
             effect: "focus" | "underline" | "gradient";
+            data: import("./select").ZyTreeNode[];
             disabled: boolean;
             placeholder: string;
             clearable: boolean;
             raised: boolean;
+            tree: boolean;
+            treeProps: import("./select").ZyTreeProps;
+            nodeKey: string;
+            showCheckbox: boolean;
+            checkStrictly: boolean;
+            defaultExpandAll: boolean;
+            renderAfterExpand: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1067,6 +1091,14 @@ export declare const components: {
         placeholder?: string;
         clearable?: boolean;
         disabled?: boolean;
+        tree?: boolean;
+        data?: import("./select").ZyTreeNode[];
+        treeProps?: import("./select").ZyTreeProps;
+        nodeKey?: string;
+        showCheckbox?: boolean;
+        checkStrictly?: boolean;
+        defaultExpandAll?: boolean;
+        renderAfterExpand?: boolean;
     } & {
         modelValue?: string | number | undefined | Array<string | number>;
     }> & Readonly<{
@@ -1076,13 +1108,23 @@ export declare const components: {
     }, string, {
         size: "large" | "default" | "small";
         effect: "focus" | "underline" | "gradient";
+        data: import("./select").ZyTreeNode[];
         disabled: boolean;
         placeholder: string;
         clearable: boolean;
         raised: boolean;
+        tree: boolean;
+        treeProps: import("./select").ZyTreeProps;
+        nodeKey: string;
+        showCheckbox: boolean;
+        checkStrictly: boolean;
+        defaultExpandAll: boolean;
+        renderAfterExpand: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             [x: string]: ((props: any) => any) | undefined;
+        } & {
+            [x: string]: ((props: any) => any) | undefined;
         } & {
             default?: (props: {}) => any;
         };

package/dist/zy-ui/mega-menu/ZyMegaMenu.vue.d.ts

@@ -4,6 +4,10 @@ type __VLS_Props = {
     items?: MegaMenuItem[];
     /** 受控展开项（v-model:open）；不传则自己管 */
     open?: string | null;
+    /** 当前选中的一级项 key：选中态常亮，不随面板开合消失；不传则点了自己记 */
+    active?: string | null;
+    /** 当前选中的二级链接标题（同一面板内唯一）；不传则点了自己记 */
+    activeLink?: string | null;
     /** 导航区的无障碍名称 */
     label?: string;
     /** 左侧品牌区（也可以整块用 #brand 插槽接管） */
@@ -21,6 +25,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: string | null) => any;
+    "update:active": (value: string | null) => any;
+    "update:activeLink": (value: string | null) => any;
     navigate: (payload: {
         item: MegaMenuItem;
         title: string;
@@ -29,6 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: string | null) => any) | undefined;
+    "onUpdate:active"?: ((value: string | null) => any) | undefined;
+    "onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
     onNavigate?: ((payload: {
         item: MegaMenuItem;
         title: string;

package/dist/zy-ui/mega-menu/index.d.ts

@@ -2,10 +2,14 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
         items?: import("./types").MegaMenuItem[];
         open?: string | null;
+        active?: string | null;
+        activeLink?: string | null;
         label?: string;
         brand?: import("./types").MegaMenuBrand | null;
     }> & Readonly<{
         "onUpdate:open"?: ((value: string | null) => any) | undefined;
+        "onUpdate:active"?: ((value: string | null) => any) | undefined;
+        "onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
         onNavigate?: ((payload: {
             item: import("./types").MegaMenuItem;
             title: string;
@@ -14,6 +18,8 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
         }) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:open": (value: string | null) => any;
+        "update:active": (value: string | null) => any;
+        "update:activeLink": (value: string | null) => any;
         navigate: (payload: {
             item: import("./types").MegaMenuItem;
             title: string;
@@ -34,10 +40,14 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
     }, Readonly<{
         items?: import("./types").MegaMenuItem[];
         open?: string | null;
+        active?: string | null;
+        activeLink?: string | null;
         label?: string;
         brand?: import("./types").MegaMenuBrand | null;
     }> & Readonly<{
         "onUpdate:open"?: ((value: string | null) => any) | undefined;
+        "onUpdate:active"?: ((value: string | null) => any) | undefined;
+        "onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
         onNavigate?: ((payload: {
             item: import("./types").MegaMenuItem;
             title: string;
@@ -55,10 +65,14 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
 } & import("vue").ComponentOptionsBase<Readonly<{
     items?: import("./types").MegaMenuItem[];
     open?: string | null;
+    active?: string | null;
+    activeLink?: string | null;
     label?: string;
     brand?: import("./types").MegaMenuBrand | null;
 }> & Readonly<{
     "onUpdate:open"?: ((value: string | null) => any) | undefined;
+    "onUpdate:active"?: ((value: string | null) => any) | undefined;
+    "onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
     onNavigate?: ((payload: {
         item: import("./types").MegaMenuItem;
         title: string;
@@ -67,6 +81,8 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
     }) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: string | null) => any;
+    "update:active": (value: string | null) => any;
+    "update:activeLink": (value: string | null) => any;
     navigate: (payload: {
         item: import("./types").MegaMenuItem;
         title: string;

package/dist/zy-ui/mega-menu/types.d.ts

@@ -1,7 +1,7 @@
 import type { Component } from 'vue';
 /** 图标：本库图标名（`src/assets/icons` 的文件名）或任意组件 */
 export type MegaMenuIcon = string | Component;
-/** 面板里的一个大块（两列网格 / 单列列表） */
+/** 面板里的一个大块（自适应列网格 / 单列列表） */
 export interface MegaMenuLink {
     title: string;
     desc?: string;
@@ -33,8 +33,8 @@ export interface MegaMenuCard {
 /** 面板：三种布局覆盖常见的大菜单 */
 export interface MegaMenuPanel {
     /**
-     * grid = 两列大块（组件目录那类）· list = 单列大块（场景那类）·
-     * groups = 左引导卡 + 右分组（资源那类）
+     * grid = 按子项数量自动 1 / 2 / 3 列的图文网格（1–4 单列，5–12 双列，≥13 三列；无 links 的自定义插槽保留双列）·
+     * list = 单列大块（场景那类）· groups = 左引导卡 + 右分组（资源那类）
      */
     layout?: 'grid' | 'list' | 'groups';
     links?: MegaMenuLink[];
@@ -48,7 +48,7 @@ export interface MegaMenuPanel {
             href?: string;
         };
     };
-    /** 面板宽度（px），缺省按布局 620 / 380 / 600 */
+    /** 面板宽度（px）；缺省 grid 按列数 360 / 620 / 840，list 380，groups 600 */
     width?: number;
     /** 面板相对触发器的左偏移（px），缺省 groups 为 -150、其余 0 */
     offset?: number;

package/dist/zy-ui/select/ZySelect.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ZyTreeNode, ZyTreeProps } from './types';
 type __VLS_Props = {
     /** 承载的聚焦动效：focus 聚焦光环 / underline 下划线扫过 / gradient 渐变光晕 */
     effect?: 'focus' | 'underline' | 'gradient';
@@ -7,16 +8,34 @@ type __VLS_Props = {
     placeholder?: string;
     clearable?: boolean;
     disabled?: boolean;
+    /** 树形选择：用 data / treeProps / nodeKey 渲染树，multiple 时默认显示复选框 */
+    tree?: boolean;
+    /** 树数据 */
+    data?: ZyTreeNode[];
+    /** 树节点字段映射，默认 { label: 'label', children: 'children' } */
+    treeProps?: ZyTreeProps;
+    /** 节点唯一键字段，缺省 value */
+    nodeKey?: string;
+    /** 多选时是否显示复选框；缺省 multiple 时为 true */
+    showCheckbox?: boolean;
+    /** 父子节点不联动 */
+    checkStrictly?: boolean;
+    /** 默认展开全部节点 */
+    defaultExpandAll?: boolean;
+    /** 展开后再渲染子节点 */
+    renderAfterExpand?: boolean;
 };
 type __VLS_ModelProps = {
     modelValue?: string | number | undefined | Array<string | number>;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_12: string, __VLS_13: any, __VLS_15: {};
+declare var __VLS_12: string, __VLS_13: any, __VLS_26: string, __VLS_27: any, __VLS_29: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_15) => any;
+    [K in NonNullable<typeof __VLS_26>]?: (props: typeof __VLS_27) => any;
+} & {
+    default?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
@@ -25,10 +44,18 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     size: "large" | "default" | "small";
     effect: "focus" | "underline" | "gradient";
+    data: ZyTreeNode[];
     disabled: boolean;
     placeholder: string;
     clearable: boolean;
     raised: boolean;
+    tree: boolean;
+    treeProps: ZyTreeProps;
+    nodeKey: string;
+    showCheckbox: boolean;
+    checkStrictly: boolean;
+    defaultExpandAll: boolean;
+    renderAfterExpand: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/zy-ui/select/index.d.ts

@@ -6,6 +6,14 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
         placeholder?: string;
         clearable?: boolean;
         disabled?: boolean;
+        tree?: boolean;
+        data?: import("./types").ZyTreeNode[];
+        treeProps?: import("./types").ZyTreeProps;
+        nodeKey?: string;
+        showCheckbox?: boolean;
+        checkStrictly?: boolean;
+        defaultExpandAll?: boolean;
+        renderAfterExpand?: boolean;
     } & {
         modelValue?: string | number | undefined | Array<string | number>;
     }> & Readonly<{
@@ -15,10 +23,18 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
     }, import("vue").PublicProps, {
         size: "large" | "default" | "small";
         effect: "focus" | "underline" | "gradient";
+        data: import("./types").ZyTreeNode[];
         disabled: boolean;
         placeholder: string;
         clearable: boolean;
         raised: boolean;
+        tree: boolean;
+        treeProps: import("./types").ZyTreeProps;
+        nodeKey: string;
+        showCheckbox: boolean;
+        checkStrictly: boolean;
+        defaultExpandAll: boolean;
+        renderAfterExpand: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -33,6 +49,14 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
         placeholder?: string;
         clearable?: boolean;
         disabled?: boolean;
+        tree?: boolean;
+        data?: import("./types").ZyTreeNode[];
+        treeProps?: import("./types").ZyTreeProps;
+        nodeKey?: string;
+        showCheckbox?: boolean;
+        checkStrictly?: boolean;
+        defaultExpandAll?: boolean;
+        renderAfterExpand?: boolean;
     } & {
         modelValue?: string | number | undefined | Array<string | number>;
     }> & Readonly<{
@@ -40,10 +64,18 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
     }>, {}, {}, {}, {}, {
         size: "large" | "default" | "small";
         effect: "focus" | "underline" | "gradient";
+        data: import("./types").ZyTreeNode[];
         disabled: boolean;
         placeholder: string;
         clearable: boolean;
         raised: boolean;
+        tree: boolean;
+        treeProps: import("./types").ZyTreeProps;
+        nodeKey: string;
+        showCheckbox: boolean;
+        checkStrictly: boolean;
+        defaultExpandAll: boolean;
+        renderAfterExpand: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55,6 +87,14 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
     placeholder?: string;
     clearable?: boolean;
     disabled?: boolean;
+    tree?: boolean;
+    data?: import("./types").ZyTreeNode[];
+    treeProps?: import("./types").ZyTreeProps;
+    nodeKey?: string;
+    showCheckbox?: boolean;
+    checkStrictly?: boolean;
+    defaultExpandAll?: boolean;
+    renderAfterExpand?: boolean;
 } & {
     modelValue?: string | number | undefined | Array<string | number>;
 }> & Readonly<{
@@ -64,15 +104,26 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
 }, string, {
     size: "large" | "default" | "small";
     effect: "focus" | "underline" | "gradient";
+    data: import("./types").ZyTreeNode[];
     disabled: boolean;
     placeholder: string;
     clearable: boolean;
     raised: boolean;
+    tree: boolean;
+    treeProps: import("./types").ZyTreeProps;
+    nodeKey: string;
+    showCheckbox: boolean;
+    checkStrictly: boolean;
+    defaultExpandAll: boolean;
+    renderAfterExpand: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         [x: string]: ((props: any) => any) | undefined;
+    } & {
+        [x: string]: ((props: any) => any) | undefined;
     } & {
         default?: (props: {}) => any;
     };
 })>;
+export type { ZyTreeNode, ZyTreeProps } from './types';
 export default ZySelect;

package/dist/zy-ui/select/types.d.ts

@@ -0,0 +1,9 @@
+/** 树形选择节点：字段名由 `treeProps` 映射，默认 label / children */
+export type ZyTreeNode = Record<string, any>;
+/** 树节点的字段映射，对应 Element Tree 的 `props` */
+export interface ZyTreeProps {
+    label?: string;
+    children?: string;
+    disabled?: string;
+    isLeaf?: string;
+}

package/dist/zy-ui/themes/basic.css

@@ -484,8 +484,10 @@ html[data-zy-theme='basic'] .zy-mega-menu__plain {
   border-radius: var(--zy-radius-sm) var(--zy-radius-sm) 0 0;
 }
 
+/* 悬停与选中共用同一套底色：选中态常亮，指针离开也留着 */
 html[data-zy-theme='basic'] .zy-mega-menu__trigger:hover,
-html[data-zy-theme='basic'] .zy-mega-menu__plain:hover {
+html[data-zy-theme='basic'] .zy-mega-menu__plain:hover,
+html[data-zy-theme='basic'] .zy-mega-menu__trigger.is-current {
   background: var(--zy-mm-sunken);
 }
 
@@ -501,7 +503,10 @@ html[data-zy-theme='basic'] .zy-mega-menu__panel {
   box-shadow: var(--zy-shadow-float);
 }
 
-html[data-zy-theme='basic'] .zy-mega-menu__glide {
+/* 滑行高亮与二级选中态共用一层皮：选中的那条一直亮着 */
+html[data-zy-theme='basic'] .zy-mega-menu__glide,
+html[data-zy-theme='basic'] .zy-mega-menu__link.is-current,
+html[data-zy-theme='basic'] .zy-mega-menu__group-link.is-current {
   border-radius: var(--zy-radius-sm);
   background: var(--zy-mm-sunken);
   /* 浅灰落在白纸片上也几乎看不见，按图纸语言补一道 1px 发丝边把它交代出来 */

package/dist/zy-ui/themes/material.css

@@ -16,6 +16,10 @@ html[data-zy-theme='solid']
     .zy-pagination .el-pager li,
     .zy-pagination button.btn-prev,
     .zy-pagination button.btn-next,
+    .zy-mega-menu__trigger:hover,
+    .zy-mega-menu__plain:hover,
+    .zy-mega-menu__trigger.is-current,
+    .zy-mega-menu__plain.is-current,
     .zy-mega-menu__trigger.is-open,
     .zy-verify__piece,
     .zy-verify__handle