@pisell/materials 6.0.13 → 6.0.15

package/es/components/pisellLayout/content.js

@@ -1,15 +1,25 @@
-var _excluded = ["children"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "height", "scroll"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Layout } from 'antd';
+import classNames from 'classnames';
 import React, { useMemo } from 'react';
 import useEngineContext from "../../hooks/useEngineContext";
 var Content = Layout.Content;
 var PisellContent = function PisellContent(props) {
   var children = props.children,
+    className = props.className,
+    height = props.height,
+    scroll = props.scroll,
     rest = _objectWithoutProperties(props, _excluded);
   var lowCodeProps = useEngineContext();
-
   /**
    * @title: 内容
    * @description: 该组件的children默认注入页面内容
@@ -18,12 +28,24 @@ var PisellContent = function PisellContent(props) {
    * @Author: zhiwei.Wang
    */
   var pageContent = useMemo(function () {
+    var _lowCodeProps$engine, _lowCodeProps$engine$;
     // 引擎模式下没有页面内容, 只展示提示
     if (props.__designMode === 'design') {
       return 'Page content';
     }
-    return lowCodeProps.children;
+    return lowCodeProps === null || lowCodeProps === void 0 ? void 0 : (_lowCodeProps$engine = lowCodeProps.engine) === null || _lowCodeProps$engine === void 0 ? void 0 : (_lowCodeProps$engine$ = _lowCodeProps$engine.props) === null || _lowCodeProps$engine$ === void 0 ? void 0 : _lowCodeProps$engine$.children;
   }, [props.__designMode]);
-  return /*#__PURE__*/React.createElement(Content, rest, children, pageContent);
+  var contentStyle = useMemo(function () {
+    return _objectSpread({
+      height: height
+    }, rest.style);
+  }, [height, rest.style]);
+  var contentClassName = classNames('pisell-layout-content', className, {
+    'pisell-layout-content-scroll': scroll
+  });
+  return /*#__PURE__*/React.createElement(Content, _extends({}, rest, {
+    style: contentStyle,
+    className: contentClassName
+  }), children, pageContent);
 };
 export default PisellContent;

package/es/components/pisellLayout/footer.d.ts

@@ -2,6 +2,7 @@ import type { LayoutProps } from 'antd';
 import React from 'react';
 export interface PisellFooterProps extends Omit<LayoutProps, 'prefixCls'> {
     children?: React.ReactNode;
+    height?: number;
 }
 declare const PisellFooter: React.FC<PisellFooterProps>;
 export default PisellFooter;

package/es/components/pisellLayout/footer.js

@@ -1,12 +1,27 @@
-var _excluded = ["children"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "height"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Layout } from 'antd';
-import React from 'react';
+import React, { useMemo } from 'react';
 var Footer = Layout.Footer;
 var PisellFooter = function PisellFooter(props) {
   var children = props.children,
+    height = props.height,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Footer, rest, children);
+  var footerStyle = useMemo(function () {
+    return _objectSpread({
+      height: height
+    }, rest.style);
+  }, [height, rest.style]);
+  return /*#__PURE__*/React.createElement(Footer, _extends({}, rest, {
+    style: footerStyle
+  }), children);
 };
 export default PisellFooter;

package/es/components/pisellLayout/header.d.ts

@@ -1,7 +1,10 @@
 import type { LayoutProps } from 'antd';
 import React from 'react';
+import './index.less';
 export interface PisellHeaderProps extends Omit<LayoutProps, 'prefixCls'> {
     children?: React.ReactNode;
+    height?: number;
+    fixed?: boolean;
 }
 declare const PisellHeader: React.FC<PisellHeaderProps>;
 export default PisellHeader;

package/es/components/pisellLayout/header.js

@@ -1,12 +1,35 @@
-var _excluded = ["children"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "height", "fixed"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Layout } from 'antd';
-import React from 'react';
+import classNames from 'classnames';
+import React, { useMemo } from 'react';
+import "./index.less";
 var Header = Layout.Header;
 var PisellHeader = function PisellHeader(props) {
   var children = props.children,
+    className = props.className,
+    height = props.height,
+    fixed = props.fixed,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Header, rest, children);
+  var headerStyle = useMemo(function () {
+    return _objectSpread({
+      height: height
+    }, rest.style);
+  }, [height, rest.style]);
+  var headerClassName = classNames('pisell-layout-header', className, {
+    // 'pisell-layout-header-fixed': fixed,
+  });
+  return /*#__PURE__*/React.createElement(Header, _extends({}, rest, {
+    style: headerStyle,
+    className: headerClassName
+  }), children);
 };
 export default PisellHeader;

package/es/components/pisellLayout/index.js

@@ -2,10 +2,13 @@ var _excluded = ["children"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Layout } from 'antd';
-import React from 'react';
+import React, { useEffect } from 'react';
 var PisellLayout = function PisellLayout(props) {
   var children = props.children,
     rest = _objectWithoutProperties(props, _excluded);
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
   return /*#__PURE__*/React.createElement(Layout, rest, children);
 };
 PisellLayout.Header = Layout.Header;

package/es/components/pisellLayout/index.less

@@ -0,0 +1,23 @@
+.pisell-layout {
+  position: relative;
+}
+
+.pisell-layout-header {}
+
+.pisell-layout-header-fixed {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+
+.pisell-layout-content {}
+
+.pisell-layout-content-scroll {
+  overflow-y: auto;
+}
+
+.pisell-layout-sider {}
+
+.pisell-lowcode-layout-sider-trigger {
+  position: unset;
+}

package/es/components/pisellLayout/sider.d.ts

@@ -1,5 +1,6 @@
 import type { SiderProps } from 'antd/es/layout/Sider';
 import React from 'react';
+import './index.less';
 export interface PisellSiderProps extends SiderProps {
     children?: React.ReactNode;
 }

package/es/components/pisellLayout/sider.js

@@ -1,12 +1,47 @@
-var _excluded = ["children"];
+var _excluded = ["children", "collapsible", "collapsed", "onCollapse"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Layout } from 'antd';
-import React from 'react';
+import classNames from 'classnames';
+import React, { useEffect, useState } from 'react';
+import "./index.less";
 var Sider = Layout.Sider;
 var PisellSider = function PisellSider(props) {
   var children = props.children,
+    collapsible = props.collapsible,
+    collapsed = props.collapsed,
+    onCollapse = props.onCollapse,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Sider, rest, children);
+  var _useState = useState(collapsed),
+    _useState2 = _slicedToArray(_useState, 2),
+    collapsedState = _useState2[0],
+    setCollapsedState = _useState2[1];
+  var className = classNames('pisell-layout-sider', props.className);
+  var _onCollapse = function _onCollapse(val, type) {
+    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(val, type);
+    setCollapsedState(val);
+  };
+  useEffect(function () {
+    setCollapsedState(collapsed);
+  }, [collapsed]);
+  return /*#__PURE__*/React.createElement(Sider, _extends({}, rest, {
+    collapsible: collapsible,
+    collapsed: collapsedState,
+    onCollapse: _onCollapse,
+    className: className
+  }), /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-layout-sider-content',
+    style: {
+      overflowY: 'auto',
+      height: '100%'
+    }
+  }, children));
 };
 export default PisellSider;

package/es/components/pisellMenu/PisellMenu.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 import './PisellMenu.less';
 import type { PisellMenuProps } from './types';
-declare const PisellMenu: React.FC<PisellMenuProps>;
+declare const PisellMenu: {
+    ({ className, style, mode, theme, defaultOpenKeys, defaultSelectedKeys, inlineCollapsed, openKeys, selectedKeys, onOpenChange, onSelect, dataSource, __designMode, children, other, ...restProps }: PisellMenuProps): React.JSX.Element;
+    Item: Omit<React.FunctionComponent<import("antd").MenuItemProps>, ""> & (<T extends import("antd").MenuItemProps>(props: T extends infer U extends import("antd").MenuItemProps ? unknown extends U ? import("antd").MenuItemProps : U : import("antd").MenuItemProps, context?: any) => React.ReactElement<any, any> | null);
+    SubMenu: React.FC<import("antd").SubMenuProps>;
+};
 export default PisellMenu;

package/es/components/pisellMenu/PisellMenu.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "style", "mode", "theme", "defaultOpenKeys", "defaultSelectedKeys", "inlineCollapsed", "openKeys", "selectedKeys", "onOpenChange", "onSelect", "dataSource", "__designMode"];
+var _excluded = ["className", "style", "mode", "theme", "defaultOpenKeys", "defaultSelectedKeys", "inlineCollapsed", "openKeys", "selectedKeys", "onOpenChange", "onSelect", "dataSource", "__designMode", "children", "other"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -21,6 +21,8 @@ var PisellMenu = function PisellMenu(_ref) {
     onSelect = _ref.onSelect,
     dataSource = _ref.dataSource,
     __designMode = _ref.__designMode,
+    children = _ref.children,
+    other = _ref.other,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _dataSource = useMemo(function () {
     if (Array.isArray(dataSource)) {
@@ -29,10 +31,12 @@ var PisellMenu = function PisellMenu(_ref) {
     if (__designMode === 'design') {
       return [{
         label: '菜单项1',
-        key: 'item-1'
+        key: 'item-1',
+        path: '/item-1'
       }, {
         label: '菜单项2',
-        key: 'item-2'
+        key: 'item-2',
+        path: '/item-2'
       }];
     }
     return [];
@@ -50,6 +54,8 @@ var PisellMenu = function PisellMenu(_ref) {
     selectedKeys: selectedKeys,
     onOpenChange: onOpenChange,
     onSelect: onSelect
-  }, restProps));
+  }, restProps, other), children);
 };
+PisellMenu.Item = AntdMenu.Item;
+PisellMenu.SubMenu = AntdMenu.SubMenu;
 export default PisellMenu;

package/es/components/pisellMenu/types.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { MenuProps } from 'antd';
-import type { ReactNode } from 'react';
 export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
     className?: string;
     style?: React.CSSProperties;
@@ -11,20 +11,16 @@ export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
     openKeys?: string[];
     selectedKeys?: string[];
     onOpenChange?: (openKeys: string[]) => void;
-    onSelect?: (info: {
-        key: string;
-        keyPath: string[];
-        item: ReactNode;
-        domEvent: Event;
-        selectedKeys: string[];
-    }) => void;
     dataSource?: any;
     __designMode?: string;
+    other?: PisellMenuProps;
 }
 export interface MenuItemType {
-    label: ReactNode;
     key: string;
-    icon?: ReactNode;
+    label: string;
+    path: string;
     children?: MenuItemType[];
+    icon?: string | React.ReactNode;
+    hide?: boolean;
     type?: 'group' | 'divider';
 }

package/es/components/pisellModal/components/Information/index.js

@@ -14,7 +14,6 @@ var Information = function Information(props) {
     mobileModalHeight: "auto",
     headerDivider: false,
     footerDivider: footerDivider,
-    size: "small",
     transitionName: "pisell-move-down"
   }), /*#__PURE__*/React.createElement("div", {
     className: "pisell-modal-information-title"

package/es/components/pisellModal/components/MobileModal/index.js

@@ -3,13 +3,52 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import PcModal from "../PcModal";
 import "./index.less";
+var modalCount = 0;
 var MobileModal = function MobileModal(props) {
   var wrapClassName = props.wrapClassName,
     mobileModalHeight = props.mobileModalHeight;
+  var ref = React.useRef(null);
+  var prevOpenRef = useRef(props.open);
+  var isFirstRender = useRef(true);
+
+  // 处理初始化时的open状态
+  useEffect(function () {
+    if (isFirstRender.current && props.open) {
+      modalCount++;
+      document.body.style.overflow = 'hidden';
+    }
+    isFirstRender.current = false;
+  }, []);
+  useEffect(function () {
+    if (!isFirstRender.current && props.open !== prevOpenRef.current) {
+      if (props.open) {
+        modalCount++;
+        document.body.style.overflow = 'hidden';
+      } else {
+        modalCount--;
+        if (modalCount <= 0) {
+          modalCount = 0;
+          document.body.style.overflow = '';
+        }
+      }
+      prevOpenRef.current = props.open;
+    }
+  }, [props.open]);
+  useEffect(function () {
+    return function () {
+      if (prevOpenRef.current) {
+        modalCount--;
+        if (modalCount <= 0) {
+          modalCount = 0;
+          document.body.style.overflow = '';
+        }
+      }
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(PcModal, _extends({}, props, {
     transitionName: "pisell-move-down",
     width: "100%",
@@ -19,7 +58,8 @@ var MobileModal = function MobileModal(props) {
         className: classNames(_defineProperty({}, 'pisell-mobile-modal-render', mobileModalHeight)),
         style: {
           height: mobileModalHeight || '100%'
-        }
+        },
+        ref: ref
       }, node);
     }
   }));

package/es/components/pisellNavigationMenu/PisellNavigationMenu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PisellNavigationMenuProps } from './types';
+import './PisellNavigationMenu.less';
+declare const PisellNavigationMenu: React.FC<PisellNavigationMenuProps>;
+export default PisellNavigationMenu;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -0,0 +1,218 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { useCallback, useMemo } from 'react';
+import PisellDropSort from "../pisellDropSort";
+import PisellTags from "../pisellTags";
+import Icon from "../icon";
+import Button from "../button";
+import { getText } from "../../locales";
+import { Dropdown } from 'antd';
+import PisellEmpty from "../pisellEmpty";
+import { formatTree } from "./utils";
+import "./PisellNavigationMenu.less";
+var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$allowDrag = _ref.allowDrag,
+    allowDrag = _ref$allowDrag === void 0 ? true : _ref$allowDrag,
+    _ref$allowDelete = _ref.allowDelete,
+    allowDelete = _ref$allowDelete === void 0 ? true : _ref$allowDelete,
+    _ref$allowAddChild = _ref.allowAddChild,
+    allowAddChild = _ref$allowAddChild === void 0 ? true : _ref$allowAddChild,
+    _ref$allowAddRoot = _ref.allowAddRoot,
+    allowAddRoot = _ref$allowAddRoot === void 0 ? true : _ref$allowAddRoot,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 8 : _ref$spacing,
+    _ref$maxLevel = _ref.maxLevel,
+    maxLevel = _ref$maxLevel === void 0 ? 3 : _ref$maxLevel,
+    style = _ref.style,
+    className = _ref.className,
+    onChange = _ref.onChange,
+    onAddSubMenu = _ref.onAddSubMenu,
+    onAddPage = _ref.onAddPage,
+    onEdit = _ref.onEdit,
+    onDelete = _ref.onDelete,
+    __designMode = _ref.__designMode,
+    title = _ref.title;
+  // 将DropSortItem转换回NavigationMenuItem
+  var convertToNavigationItems = function convertToNavigationItems(items) {
+    return items.map(function (item) {
+      return {
+        id: String(item.id),
+        title: String(item.title || ''),
+        path: String(item.path || '/'),
+        children: item.children ? convertToNavigationItems(item.children) : []
+      };
+    });
+  };
+  var items = useMemo(function () {
+    return [{
+      label: getText('pisell-lowcode-navigation-menu-add-sub-menu'),
+      key: 'add-child'
+    }, {
+      label: getText('pisell-lowcode-navigation-menu-add-page'),
+      key: 'add-page'
+    }];
+  }, []);
+  var handleClick = useCallback(function (key, item) {
+    if (key === 'add-child') {
+      onAddSubMenu === null || onAddSubMenu === void 0 ? void 0 : onAddSubMenu(item);
+    } else if (key === 'add-page') {
+      onAddPage === null || onAddPage === void 0 ? void 0 : onAddPage(item);
+    }
+  }, []);
+
+  // 自定义渲染菜单项
+  var renderMenuItem = useCallback(function (itemProps) {
+    var item = itemProps.item;
+    var _item$allowEdit = item.allowEdit,
+      allowEdit = _item$allowEdit === void 0 ? true : _item$allowEdit,
+      _item$allowDelete = item.allowDelete,
+      allowDelete = _item$allowDelete === void 0 ? true : _item$allowDelete,
+      _item$allowAddChild = item.allowAddChild,
+      allowAddChild = _item$allowAddChild === void 0 ? true : _item$allowAddChild,
+      _item$allowAddSubmenu = item.allowAddSubmenu,
+      allowAddSubmenu = _item$allowAddSubmenu === void 0 ? true : _item$allowAddSubmenu,
+      _item$allowAddPage = item.allowAddPage,
+      allowAddPage = _item$allowAddPage === void 0 ? true : _item$allowAddPage;
+    var isShowAddButton = item.isGroup && allowAddChild && (allowAddSubmenu || allowAddPage);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-content-icon"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: item.icon
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-content-text"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-title"
+    }, item.title), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-description"
+    }, item.description, !item.isGroup && item.version && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: "success"
+    }, item.version)))), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-action-wrap"
+    }, allowEdit && /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      onClick: function onClick() {
+        return onEdit === null || onEdit === void 0 ? void 0 : onEdit(item);
+      },
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-edit-05",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    }), isShowAddButton && /*#__PURE__*/React.createElement(Dropdown, {
+      menu: {
+        items: [allowAddSubmenu && {
+          key: 'add-child',
+          label: getText('pisell-lowcode-navigation-menu-add-sub-menu'),
+          onClick: function onClick() {
+            return handleClick('add-child', item);
+          }
+        }, allowAddPage && {
+          key: 'add-page',
+          label: getText('pisell-lowcode-navigation-menu-add-page'),
+          onClick: function onClick() {
+            return handleClick('add-page', item);
+          }
+        }].filter(Boolean)
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-plus",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    })), allowDelete && /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      onClick: function onClick() {
+        return onDelete === null || onDelete === void 0 ? void 0 : onDelete(item);
+      },
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-trash-01",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    })));
+  }, [value, onChange]);
+
+  // 处理数据变化
+  var handleChange = useCallback(function (items) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(convertToNavigationItems(items));
+  }, [onChange]);
+  var leftContent = useMemo(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-left-content"
+    }, title);
+  }, [title]);
+  var rightContent = useMemo(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-right-content"
+    }, /*#__PURE__*/React.createElement(Button, {
+      size: "large",
+      type: "primary",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-plus"
+      }),
+      onClick: function onClick() {
+        return onAddSubMenu === null || onAddSubMenu === void 0 ? void 0 : onAddSubMenu();
+      }
+    }, getText('pisell-lowcode-navigation-menu-add-sub-menu')), /*#__PURE__*/React.createElement(Button, {
+      size: "large",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-plus"
+      }),
+      onClick: function onClick() {
+        return onAddPage === null || onAddPage === void 0 ? void 0 : onAddPage();
+      }
+    }, getText('pisell-lowcode-navigation-menu-add-page')));
+  }, [title]);
+  var formatValue = useMemo(function () {
+    return formatTree(value, function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        disabledDrop: !item.isGroup
+      });
+    });
+  }, [value]);
+  var getItemStyle = useCallback(function (itemProps) {
+    var item = itemProps.item;
+    return {
+      backgroundColor: item.isGroup ? '#fff' : 'var(--Gray-50, #F9FAFB)'
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(PisellDropSort, {
+    value: formatValue,
+    allowDrag: allowDrag,
+    allowDelete: allowDelete,
+    allowAddChild: allowAddChild,
+    allowAddRoot: allowAddRoot,
+    disabled: disabled,
+    spacing: spacing,
+    maxLevel: maxLevel,
+    style: style,
+    className: className,
+    onChange: handleChange,
+    renderItem: renderMenuItem,
+    isCustomAction: true,
+    __designMode: __designMode,
+    leftContent: leftContent,
+    rightContent: rightContent,
+    getItemStyle: getItemStyle,
+    emptyContent: /*#__PURE__*/React.createElement(PisellEmpty, {
+      maxWidth: 400,
+      description: getText('pisell-lowcode-navigation-menu-add-page-tip')
+    })
+  });
+};
+export default PisellNavigationMenu;