listpage-next 0.0.210 → 0.0.212

package/dist/components/Menu/index.js

@@ -30,7 +30,8 @@ const Menu_Menu = (props)=>{
         ] : [],
         onSelect: (info)=>{
             setActiveKey(info.key);
-            onSelect?.(info);
+            const path = info.keyPath.reverse().join('/');
+            onSelect?.(path);
         }
     });
 };

package/dist/components/Menu/types.d.ts

@@ -11,8 +11,6 @@ export interface MenuProps {
     menus: MenuItem[];
     theme?: 'light' | 'dark';
     style?: CSSProperties;
-    onSelect?: (info: {
-        key: string;
-    }) => void;
+    onSelect?: (path: string) => void;
     defaultActiveKey?: string;
 }

package/dist/components/PageLayout/components/PageModal/index.d.ts

@@ -0,0 +1,13 @@
+import { ModalProps } from 'antd';
+import { ReactNode } from 'react';
+export interface PageModalProps extends Omit<ModalProps, 'visible' | 'open' | 'onOk' | 'onCancel' | 'footer' | 'title' | 'children' | 'okText' | 'cancelText' | 'closeIcon' | 'closeable'> {
+    visible: boolean;
+    onOk?: () => void;
+    onCancel?: () => void;
+    okText?: string;
+    cancelText?: string;
+    title: string;
+    children?: ReactNode;
+    footerExtra?: ReactNode;
+}
+export declare const PageModal: (props: PageModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageModal/index.js

@@ -0,0 +1,78 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Modal } from "antd";
+import styled_components from "styled-components";
+import { AsyncButton } from "../../../AsyncButton/index.js";
+const PageModal = (props)=>{
+    const { visible, onCancel, onOk, okText, cancelText, title, children, footerExtra, ...modalProps } = props;
+    const footer = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(FooterExtraContainer, {
+                children: footerExtra
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "text",
+                        onClick: onCancel,
+                        children: cancelText || '取消'
+                    }),
+                    /*#__PURE__*/ jsx(AsyncButton, {
+                        style: {
+                            marginLeft: '0.65rem'
+                        },
+                        type: "primary",
+                        onClick: onOk,
+                        children: okText || '确定'
+                    })
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsx(ModalStyled, {
+        ...modalProps,
+        open: visible,
+        title: title,
+        closeIcon: null,
+        closable: true,
+        footer: footer,
+        onCancel: onCancel,
+        onOk: onOk,
+        children: children
+    });
+};
+const ModalStyled = styled_components(Modal)`
+  .ant-modal-content {
+    padding: 0;
+  }
+  .ant-modal-close {
+    top: 10px;
+  }
+  .ant-modal-footer {
+    padding: 14px 21px;
+
+    background-color: rgb(249 250 251 / 1);
+    border-top: 1px solid rgb(243 244 246 / 1);
+    justify-content: space-between;
+    align-items: center;
+    display: flex;
+    margin-top: 0;
+
+    border-radius: 0 0 0.5rem 0.5rem;
+  }
+
+  .ant-modal-header {
+    margin: 0;
+    padding: 14px 21px;
+    background-color: rgb(249 250 251 / 1);
+    border-bottom: 1px solid rgb(243 244 246 / 1);
+  }
+  .ant-modal-body {
+    padding: 21px;
+  }
+`;
+const FooterExtraContainer = styled_components.div`
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+`;
+export { PageModal };

package/dist/components/PageLayout/index.d.ts

@@ -1,3 +1,4 @@
+export { PageModal } from './components/PageModal';
 export { PageLoading } from './components/PageLoading';
 export { PageLayout } from './components/PageLayout';
 export { LayoutContent, type LayoutContentProps, } from './components/LayoutContent';

package/dist/components/PageLayout/index.js

@@ -1,5 +1,6 @@
+import { PageModal } from "./components/PageModal/index.js";
 import { PageLoading } from "./components/PageLoading/index.js";
 import { PageLayout } from "./components/PageLayout/index.js";
 import { LayoutContent } from "./components/LayoutContent/index.js";
 import { PageContext, usePageContext } from "./components/PageProvider/index.js";
-export { LayoutContent, PageContext, PageLayout, PageLoading, usePageContext };
+export { LayoutContent, PageContext, PageLayout, PageLoading, PageModal, usePageContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.210",
+  "version": "0.0.212",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",