ding-react-admin 2.5.1 → 2.5.2

package/dist/src/layouts/AdminLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AdminLayout.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,gBAAgB,EAA+B,MAAM,UAAU,CAAC;AAC9E,OAAO,2BAA2B,CAAC;AAuKnC,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAe,EACf,cAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,SAAoB,EACpB,wBAA4C,EAC5C,SAAgB,EAChB,OAAO,EACP,SAAiB,GAClB,EAAE,gBAAgB,2CAmWlB"}
+{"version":3,"file":"AdminLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AdminLayout.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,gBAAgB,EAA+B,MAAM,UAAU,CAAC;AAC9E,OAAO,2BAA2B,CAAC;AAuKnC,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAe,EACf,cAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,SAAoB,EACpB,wBAA4C,EAC5C,SAAgB,EAChB,OAAO,EACP,SAAiB,GAClB,EAAE,gBAAgB,2CAmWlB"}

package/dist/src/layouts/navFilter.d.ts

@@ -13,5 +13,7 @@ export declare function flattenNavLeaves(items: NavItem[], options?: {
     group?: string;
 }): FlatNavItem[];
 export declare function filterFlatNavItems(items: FlatNavItem[], query: string): FlatNavItem[];
+/** Menu key for a parent row so it never collides with a child that shares `path`. */
+export declare function navSubmenuKey(path: string): string;
 export declare function collectSubmenuKeys(items: NavItem[]): string[];
 //# sourceMappingURL=navFilter.d.ts.map

package/dist/src/layouts/navFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navFilter.d.ts","sourceRoot":"","sources":["../../../src/layouts/navFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,MAAM,CAKpE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,CAyBzE;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,OAAO,EAAE,EAChB,OAAO,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3B,WAAW,EAAE,CAqBf;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,MAAM,GACZ,WAAW,EAAE,CASf;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,CAY7D"}
+{"version":3,"file":"navFilter.d.ts","sourceRoot":"","sources":["../../../src/layouts/navFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,MAAM,CAKpE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,CAyBzE;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,OAAO,EAAE,EAChB,OAAO,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3B,WAAW,EAAE,CAqBf;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,MAAM,GACZ,WAAW,EAAE,CASf;AAED,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,CAY7D"}

package/dist/src/types.d.ts

@@ -5,7 +5,7 @@ export type ThemeDensity = "comfortable" | "compact";
 /**
  * Sidebar / app-hub navigation row. Maps to Ant Design `Menu` items.
  *
- * - **`children`** — nested submenu; parent rows should use a `path` that you **do not** navigate to as a leaf (for example `/catalog`), unless you define that route.
+ * - **`children`** — nested submenu. The menu key is `${path}__submenu` so it does not collide with a child that reuses `path`.
  * - **`label`** — string or any React node (badges, extra markup).
  * - **`Icon`** — optional; omit on group-only rows if you prefer text-only labels.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ding-react-admin",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "type": "module",
   "license": "MIT",
   "description": "Composable admin shell (Ant Design + React Router): quick-start AdminApp or build your own layout.",

package/src/crud/fields/FileField.tsx

@@ -38,7 +38,7 @@ function FileFieldInput({
   const showClear = clearable && hasUploadValue(value);
 
   return (
-    <Space direction="vertical" size="middle" style={{ width: "100%" }}>
+    <Space orientation="vertical" size="middle" style={{ width: "100%" }}>
       {fileName ? (
         <Space>
           <PaperClipOutlined />

package/src/crud/fields/ImageField.tsx

@@ -38,7 +38,7 @@ function ImageFieldInput({
   const showClear = clearable && hasUploadValue(value);
 
   return (
-    <Space direction="vertical" size="middle" style={{ width: "100%" }}>
+    <Space orientation="vertical" size="middle" style={{ width: "100%" }}>
       {previewUrl ? (
         <Image
           src={previewUrl}

package/src/crud/fields/ReferenceField.tsx

@@ -153,7 +153,7 @@ function ReferenceFieldSelect({
       showSearch={search}
       filterOption={search ? false : undefined}
       onSearch={search ? setSearchText : undefined}
-      onDropdownVisibleChange={(open) => {
+      onOpenChange={(open) => {
         setDropdownOpen(open);
         if (!open) setSearchText(undefined);
       }}

package/src/crud/fields/ReferenceManyField.tsx

@@ -113,7 +113,7 @@ function ReferenceManyFieldSelect({
       showSearch={search}
       filterOption={search ? false : undefined}
       onSearch={search ? setSearchText : undefined}
-      onDropdownVisibleChange={(open) => {
+      onOpenChange={(open) => {
         setDropdownOpen(open);
         if (!open) setSearchText(undefined);
       }}

package/src/crud/filters/ReferenceFilter.tsx

@@ -139,7 +139,7 @@ function ReferenceFilterInput({
       showSearch={search}
       filterOption={search ? false : undefined}
       onSearch={search ? setSearchText : undefined}
-      onDropdownVisibleChange={(open) => {
+      onOpenChange={(open) => {
         setDropdownOpen(open);
         if (!open) setSearchText(undefined);
       }}

package/src/layouts/AdminLayout.tsx

@@ -26,6 +26,7 @@ import { useThemeMode } from "../context/AppThemeProvider";
 import {
   collectSubmenuKeys,
   filterNavItems,
+  navSubmenuKey,
 } from "./navFilter";
 import { navItemsToAntdItems } from "./navMenuItems";
 import { filterNavByPermission } from "../permissions/resourcePermissions";
@@ -70,7 +71,7 @@ function ancestorKeysForActivePath(
     for (const node of nodes) {
       if (node.children?.length) {
         const sub = dfs(node.children);
-        if (sub !== null) return [node.path, ...sub];
+        if (sub !== null) return [navSubmenuKey(node.path), ...sub];
       } else if (node.path === pathname) {
         return [];
       }

package/src/layouts/navFilter.ts

@@ -83,12 +83,17 @@ export function filterFlatNavItems(
   });
 }
 
+/** Menu key for a parent row so it never collides with a child that shares `path`. */
+export function navSubmenuKey(path: string): string {
+  return `${path}__submenu`;
+}
+
 export function collectSubmenuKeys(items: NavItem[]): string[] {
   const keys: string[] = [];
   function walk(nodes: NavItem[]) {
     for (const node of nodes) {
       if (node.children?.length) {
-        keys.push(node.path);
+        keys.push(navSubmenuKey(node.path));
         walk(node.children);
       }
     }

package/src/layouts/navMenuItems.tsx

@@ -1,7 +1,7 @@
 import type { MenuProps } from "antd";
 import { NavMenuLabel } from "../components/NavMenuLabel";
 import type { NavItem } from "../types";
-import { getNavItemLabel } from "./navFilter";
+import { getNavItemLabel, navSubmenuKey } from "./navFilter";
 
 export function navItemsToAntdItems(
   items: NavItem[],
@@ -36,7 +36,7 @@ export function navItemsToAntdItems(
 
     if (item.children?.length) {
       return {
-        key: item.path,
+        key: navSubmenuKey(item.path),
         icon,
         label,
         ...itemTitle,

package/src/types.ts

@@ -8,7 +8,7 @@ export type ThemeDensity = "comfortable" | "compact";
 /**
  * Sidebar / app-hub navigation row. Maps to Ant Design `Menu` items.
  *
- * - **`children`** — nested submenu; parent rows should use a `path` that you **do not** navigate to as a leaf (for example `/catalog`), unless you define that route.
+ * - **`children`** — nested submenu. The menu key is `${path}__submenu` so it does not collide with a child that reuses `path`.
  * - **`label`** — string or any React node (badges, extra markup).
  * - **`Icon`** — optional; omit on group-only rows if you prefer text-only labels.
  */