@pisell/materials 6.0.14 → 6.0.16

package/es/components/pisellDropSort/index.d.ts

@@ -0,0 +1,3 @@
+import PisellDropSort from './PisellDropSort';
+export default PisellDropSort;
+export type { PisellDropSortProps, DropSortItem } from './types';

package/es/components/pisellDropSort/index.js

@@ -0,0 +1,2 @@
+import PisellDropSort from "./PisellDropSort";
+export default PisellDropSort;

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

@@ -0,0 +1,52 @@
+import { CSSProperties } from 'react';
+import type { Props as TreeItem } from '../pisellDraggable/components/TreeItem/TreeItem';
+import type { TreeItem as TreeItemType } from '../pisellDraggable/types';
+export interface DropSortItem extends TreeItemType {
+    [key: string]: any;
+}
+export interface PisellDropSortProps {
+    /** value */
+    value: DropSortItem[];
+    /** 允许拖拽 */
+    allowDrag?: boolean;
+    /** 允许删除 */
+    allowDelete?: boolean;
+    /** 允许添加子节点 */
+    allowAddChild?: boolean;
+    /** 允许添加根节点 */
+    allowAddRoot?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 节点间距 */
+    spacing?: number;
+    /** 最大层级数 */
+    maxLevel?: number;
+    /** 是否显示边框 */
+    showBorder?: boolean;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 类名 */
+    className?: string;
+    /** 数据源变化回调 */
+    onChange?: (items: DropSortItem[]) => void;
+    /** 删除节点回调 */
+    onDelete?: (itemProps: TreeItem) => void;
+    /** 添加节点回调 */
+    onAdd?: (itemProps: TreeItem) => void;
+    /** 自定义渲染节点 */
+    renderItem?: (itemProps: TreeItem) => React.ReactNode;
+    /** 添加根节点回调 */
+    onAddRoot?: () => void;
+    /** 左侧自定义内容 */
+    leftContent?: React.ReactNode;
+    /** 右侧自定义内容 */
+    rightContent?: React.ReactNode;
+    /** 空状态自定义内容 */
+    emptyContent?: React.ReactNode;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 是否自定义操作 */
+    isCustomAction?: boolean;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+}

package/es/components/pisellDropSort/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/pisellEmpty/index.d.ts

@@ -11,6 +11,8 @@ export interface PisellEmptyProps extends EmptyProps {
     icon?: React.ReactNode;
     /** 自定义底部额外操作区域 */
     footer?: React.ReactNode;
+    /** 最大宽度 */
+    maxWidth?: number;
 }
 declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
 export default PisellEmpty;

package/es/components/pisellEmpty/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["description", "extraDescription", "icon", "footer", "className"];
+var _excluded = ["description", "extraDescription", "icon", "footer", "className", "maxWidth"];
 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; }
@@ -16,6 +16,7 @@ var PisellEmpty = function PisellEmpty(props) {
     icon = props.icon,
     footer = props.footer,
     className = props.className,
+    maxWidth = props.maxWidth,
     others = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(Empty, _extends({}, others, {
     className: classNames('pisell-empty-wrap', className),
@@ -27,7 +28,10 @@ var PisellEmpty = function PisellEmpty(props) {
       }
     })),
     description: /*#__PURE__*/React.createElement("div", {
-      className: "pisell-empty-wrap-description-wrap"
+      className: "pisell-empty-wrap-description-wrap",
+      style: {
+        maxWidth: maxWidth || 300
+      }
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-empty-wrap-description"
     }, description), /*#__PURE__*/React.createElement("div", {

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;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.less

@@ -0,0 +1,65 @@
+.pisell-lowcode-navigation-menu-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .pisell-lowcode-navigation-menu-item-content {
+    flex: 1;
+    display: flex;
+    gap: 10px;
+    height: 100%;
+    align-items: center;
+    .pisell-lowcode-navigation-menu-item-content-icon {
+      height: 36px;
+      width: 36px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+    }
+    .pisell-lowcode-navigation-menu-item-content-text {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+    .pisell-lowcode-navigation-menu-item-title {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 20px; /* 142.857% */
+    }
+    .pisell-lowcode-navigation-menu-item-description {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 8px;
+      align-items: center;
+    }
+  }
+  .pisell-lowcode-navigation-menu-item-action-wrap {
+    display: flex;
+    gap: 8px;
+    .pisell-lowcode-navigation-menu-item-action-button {
+      &:hover {
+        background: var(--Gray-300, #D0D5DD);
+      }
+    }
+    .pisell-lowcode-navigation-menu-item-action-button-icon {
+      font-size: 20px;
+      color: #101828;
+    }
+  }
+}
+
+.pisell-lowcode-navigation-menu-left-content {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px; /* 150% */
+}
+
+.pisell-lowcode-navigation-menu-right-content {
+  display: flex;
+  gap: 8px;
+}

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

@@ -0,0 +1,3 @@
+import PisellNavigationMenu from './PisellNavigationMenu';
+export default PisellNavigationMenu;
+export type { PisellNavigationMenuProps, NavigationMenuItem } from './types';

package/es/components/pisellNavigationMenu/index.js

@@ -0,0 +1,2 @@
+import PisellNavigationMenu from "./PisellNavigationMenu";
+export default PisellNavigationMenu;

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

@@ -0,0 +1,64 @@
+import { CSSProperties } from 'react';
+export interface NavigationMenuItem {
+    id: string;
+    /** 标题 */
+    title: string;
+    /** 图标 */
+    icon?: string;
+    /** 描述 */
+    description?: string;
+    /** 子菜单 */
+    children?: NavigationMenuItem[];
+    /** 版本 */
+    version?: string;
+    /** 是否是分组 */
+    isGroup?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddChild?: boolean;
+    /** 是否允许删除 */
+    allowDelete?: boolean;
+    /** 是否允许编辑 */
+    allowEdit?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddSubmenu?: boolean;
+    /** 是否允许添加页面 */
+    allowAddPage?: boolean;
+    /** 其他属性 */
+    [key: string]: any;
+}
+export interface PisellNavigationMenuProps {
+    /** 导航菜单数据 */
+    value: NavigationMenuItem[];
+    /** 是否允许拖拽排序 */
+    allowDrag?: boolean;
+    /** 是否允许删除菜单项 */
+    allowDelete?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddChild?: boolean;
+    /** 是否允许添加根菜单 */
+    allowAddRoot?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 菜单项间距 */
+    spacing?: number;
+    /** 最大层级数 */
+    maxLevel?: number;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 类名 */
+    className?: string;
+    /** 数据变化回调 */
+    onChange?: (items: NavigationMenuItem[]) => void;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 标题 */
+    title?: string;
+    /** 添加子菜单回调 */
+    onAddSubMenu?: (item?: NavigationMenuItem) => void;
+    /** 添加页面回调 */
+    onAddPage?: (item?: NavigationMenuItem) => void;
+    /** 编辑回调 */
+    onEdit?: (item: NavigationMenuItem) => void;
+    /** 删除回调 */
+    onDelete?: (item: NavigationMenuItem) => void;
+}

package/es/components/pisellNavigationMenu/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,15 @@
+/**
+ * 树节点的基本接口
+ */
+export interface TreeNode {
+    [key: string]: any;
+    children?: TreeNode[];
+}
+/**
+ * 格式化树结构数据
+ * @param tree 要格式化的树结构数据
+ * @param formatter 格式化函数，用于处理每个节点
+ * @param childrenField 子节点字段名，默认为 'children'
+ * @returns 格式化后的树结构
+ */
+export declare function formatTree<T extends TreeNode, R = T>(tree: T[], formatter: (node: T, level: number, parent: T | null) => R, childrenField?: string): R[];

package/es/components/pisellNavigationMenu/utils.js

@@ -0,0 +1,29 @@
+/**
+ * 树节点的基本接口
+ */
+
+/**
+ * 格式化树结构数据
+ * @param tree 要格式化的树结构数据
+ * @param formatter 格式化函数，用于处理每个节点
+ * @param childrenField 子节点字段名，默认为 'children'
+ * @returns 格式化后的树结构
+ */
+export function formatTree(tree, formatter) {
+  var childrenField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+  var format = function format(nodes) {
+    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    return nodes.map(function (node) {
+      // 格式化当前节点
+      var formattedNode = formatter(node, level, parent);
+
+      // 如果有子节点，递归处理
+      if (node[childrenField] && Array.isArray(node[childrenField])) {
+        formattedNode[childrenField] = format(node[childrenField], level + 1, node);
+      }
+      return formattedNode;
+    });
+  };
+  return format(tree);
+}

package/es/components/versionModal/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Version } from '../versionSelect';
 import './index.less';
 interface PublishVersionModalProps {
     visible: boolean;
@@ -6,10 +7,17 @@ interface PublishVersionModalProps {
     onCancel: () => void;
     onConfirm: (data: VersionData) => void;
     isShowNote?: boolean;
+    confirmLoading?: boolean;
+    versions?: Version[];
+    isShowBasedOn?: boolean;
+    isShowCurrentVersion?: boolean;
+    isValidateVersion?: boolean;
 }
 interface VersionData {
     version: string;
     note: string;
+    baseVersion?: string;
+    versionType?: string;
 }
 declare const PublishVersionModal: React.FC<PublishVersionModalProps>;
 export default PublishVersionModal;