@pisell/materials 1.0.624 → 1.0.625

package/es/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -18,5 +18,7 @@ export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
     item: TreeItemType;
     renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
     __designMode?: string;
+    renderItem?(item: TreeItemType): React.ReactNode;
+    isBlocked?: boolean;
 }
 export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/es/components/pisellDraggable/components/TreeItem/TreeItem.js

@@ -1,5 +1,5 @@
 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 = ["childCount", "clone", "depth", "disableSelection", "disableInteraction", "ghost", "handleProps", "indentationWidth", "indicator", "collapsed", "onCollapse", "onRemove", "style", "wrapperRef", "item", "renderItem", "__designMode"];
+var _excluded = ["childCount", "clone", "depth", "disableSelection", "disableInteraction", "ghost", "handleProps", "indentationWidth", "indicator", "collapsed", "onCollapse", "onRemove", "style", "wrapperRef", "item", "renderItem", "__designMode", "isBlocked"];
 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; }
@@ -30,6 +30,7 @@ export var TreeItem = /*#__PURE__*/forwardRef(function (props, ref) {
     item = props.item,
     renderItem = props.renderItem,
     __designMode = props.__designMode,
+    isBlocked = props.isBlocked,
     otherProps = _objectWithoutProperties(props, _excluded);
   if (renderItem) {
     return renderItem(props, ref);

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

@@ -3,8 +3,8 @@
  * 基于@dnd-kit库实现，支持拖拽排序、展开折叠、删除等功能
  */
 import React from 'react';
-import type { TreeItem, TreeItems } from './types';
 import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
+import type { TreeItem, TreeItems } from './types';
 interface Props {
     /** 是否支持折叠功能 */
     collapsible?: boolean;
@@ -24,7 +24,9 @@ interface Props {
     onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
     /** 设计模式 */
     __designMode?: string;
+    /** 最大层级 */
+    maxLevel?: number;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, }: Props): React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, }: Props): React.JSX.Element;
 declare const Demo: (props: Props) => React.JSX.Element;
 export default Demo;

package/es/components/pisellDraggable/index.js

@@ -50,7 +50,8 @@ var initialItems = [{
     children: []
   }, {
     id: 'Winter',
-    children: []
+    children: [],
+    disabledDrop: true
   }]
 }, {
   id: 'About Us',
@@ -121,7 +122,9 @@ export function SortableTree(_ref3) {
     renderItem = _ref3.renderItem,
     onChange = _ref3.onChange,
     onRemoveBefore = _ref3.onRemoveBefore,
-    __designMode = _ref3.__designMode;
+    __designMode = _ref3.__designMode,
+    _ref3$maxLevel = _ref3.maxLevel,
+    maxLevel = _ref3$maxLevel === void 0 ? 3 : _ref3$maxLevel;
   // 状态管理
   /** 当前树形数据 */
   var _useState = useState([]),
@@ -147,6 +150,9 @@ export function SortableTree(_ref3) {
     console.log('初始化', value);
     setItems(value);
   }, [value]);
+  var flattenTreeData = useMemo(function () {
+    return flattenTree(items);
+  }, [items]);
 
   /**
    * 扁平化处理树形数据
@@ -155,17 +161,16 @@ export function SortableTree(_ref3) {
    * 3. 移除被折叠节点的子节点
    */
   var flattenedItems = useMemo(function () {
-    var flattenedTree = flattenTree(items);
-    var collapsedItems = flattenedTree.reduce(function (acc, _ref4) {
+    var collapsedItems = flattenTreeData.reduce(function (acc, _ref4) {
       var _ref4$children = _ref4.children,
         children = _ref4$children === void 0 ? [] : _ref4$children,
         collapsed = _ref4.collapsed,
         id = _ref4.id;
-      return collapsed && children !== null && children !== void 0 && children.length ? [].concat(_toConsumableArray(acc), [id]) : acc;
+      return collapsed && children.length ? [].concat(_toConsumableArray(acc), [id]) : acc;
     }, []);
-    return removeChildrenOf(flattenedTree, activeId != null ? [activeId].concat(_toConsumableArray(collapsedItems)) : collapsedItems);
-  }, [activeId, items]);
-
+    return removeChildrenOf(flattenTreeData, activeId != null ? [activeId].concat(_toConsumableArray(collapsedItems)) : collapsedItems);
+  }, [activeId, flattenTreeData]);
+  console.log('flattenedItems', flattenedItems);
   /**
    * 计算拖拽投影
    * 根据当前拖拽状态计算目标位置和深度
@@ -200,6 +205,39 @@ export function SortableTree(_ref3) {
   useEffect(function () {
     document.body.id = 'body';
   }, []);
+
+  /**
+   * 检查子树是否超过最大深度限制
+   * @param items 当前项目列表
+   * @param itemId 要检查的项目ID
+   * @param baseDepth 基础深度
+   * @returns 是否超过限制
+   */
+  function checkSubtreeDepth(items, itemId, baseDepth) {
+    var item = items.find(function (i) {
+      return i.id === itemId;
+    });
+    if (!item) return false;
+
+    // 首先检查目标位置的深度
+    if (baseDepth >= maxLevel) return true;
+
+    // 获取所有子节点
+    var children = items.filter(function (i) {
+      return i.parentId === itemId;
+    });
+
+    // 如果当前节点已经是最大深度，且尝试添加子节点，则返回 true
+    if (baseDepth >= maxLevel - 1 && children.length > 0) return true;
+
+    // 递归检查所有子节点
+    return children.some(function (child) {
+      // 计算子节点在新位置的深度
+      var childNewDepth = baseDepth + 1;
+      // 如果子节点深度超过限制，或者子节点的子树超过限制，则返回 true
+      return childNewDepth >= maxLevel || checkSubtreeDepth(items, child.id, childNewDepth);
+    });
+  }
   return /*#__PURE__*/React.createElement(DndContext, {
     sensors: sensors,
     collisionDetection: closestCenter,
@@ -267,9 +305,32 @@ export function SortableTree(_ref3) {
     setOffsetLeft(delta.x);
   }
   function handleDragOver(_ref9) {
-    var _over$id;
     var over = _ref9.over;
-    setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : null);
+    if (!projected || !over) {
+      var _over$id;
+      setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : null);
+      return;
+    }
+
+    // 检查目标父节点是否禁止拖入
+    var targetParent = projected.parentId ? flattenedItems.find(function (item) {
+      return item.id === projected.parentId;
+    }) : null;
+    if (targetParent !== null && targetParent !== void 0 && targetParent.disabledDrop) {
+      return;
+    }
+
+    // 检查目标深度是否超过最大层级限制
+    if (projected.depth >= maxLevel) {
+      return;
+    }
+
+    // 检查整个子树的深度是否会超过限制
+    var willExceedLimit = checkSubtreeDepth(flattenTreeData, activeId, projected.depth);
+    if (willExceedLimit) {
+      return;
+    }
+    setOverId(over.id);
   }
 
   /**
@@ -285,6 +346,25 @@ export function SortableTree(_ref3) {
     if (projected && over) {
       var depth = projected.depth,
         parentId = projected.parentId;
+
+      // 检查目标父节点是否禁止拖入
+      var targetParent = parentId ? flattenedItems.find(function (item) {
+        return item.id === parentId;
+      }) : null;
+      if (targetParent !== null && targetParent !== void 0 && targetParent.disabledDrop) {
+        return;
+      }
+
+      // 检查是否超过最大层级限制
+      if (depth >= maxLevel) {
+        return;
+      }
+
+      // 检查整个子树的深度是否会超过限制
+      var willExceedLimit = checkSubtreeDepth(flattenTreeData, active.id, depth);
+      if (willExceedLimit) {
+        return;
+      }
       var clonedItems = JSON.parse(JSON.stringify(flattenTree(items)));
       var overIndex = clonedItems.findIndex(function (_ref11) {
         var id = _ref11.id;

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

@@ -5,6 +5,7 @@ export interface TreeItem {
     children: TreeItem[];
     collapsed?: boolean;
     [key: string]: any;
+    disabledDrop?: boolean;
 }
 export declare type TreeItems = TreeItem[];
 export interface FlattenedItem extends TreeItem {

package/es/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -1,12 +1,9 @@
 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 = ["id", "children"];
 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 React, { useCallback, useMemo } from 'react';
 import PisellDropSort from "../pisellDropSort";
 import PisellTags from "../pisellTags";
@@ -15,6 +12,7 @@ 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,
@@ -42,19 +40,6 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     onDelete = _ref.onDelete,
     __designMode = _ref.__designMode,
     title = _ref.title;
-  // 将NavigationMenuItem转换为DropSortItem
-  var convertToDropSortItems = function convertToDropSortItems(items) {
-    return items.map(function (item) {
-      var id = item.id,
-        children = item.children,
-        rest = _objectWithoutProperties(item, _excluded);
-      return _objectSpread({
-        id: id,
-        children: children ? convertToDropSortItems(children) : []
-      }, rest);
-    });
-  };
-
   // 将DropSortItem转换回NavigationMenuItem
   var convertToNavigationItems = function convertToNavigationItems(items) {
     return items.map(function (item) {
@@ -174,8 +159,15 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       }
     }, 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]);
   return /*#__PURE__*/React.createElement(PisellDropSort, {
-    value: convertToDropSortItems(value),
+    value: formatValue,
     allowDrag: allowDrag,
     allowDelete: allowDelete,
     allowAddChild: allowAddChild,

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/lib/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -18,5 +18,7 @@ export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
     item: TreeItemType;
     renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
     __designMode?: string;
+    renderItem?(item: TreeItemType): React.ReactNode;
+    isBlocked?: boolean;
 }
 export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/lib/components/pisellDraggable/components/TreeItem/TreeItem.js

@@ -55,6 +55,7 @@ var TreeItem = (0, import_react.forwardRef)((props, ref) => {
     item,
     renderItem,
     __designMode,
+    isBlocked,
     ...otherProps
   } = props;
   if (renderItem) {
@@ -77,12 +78,7 @@ var TreeItem = (0, import_react.forwardRef)((props, ref) => {
       },
       ...otherProps
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "TreeItem", ref, style }, /* @__PURE__ */ import_react.default.createElement(
-      import_components.Handle,
-      {
-        ...__designMode === "design" ? {} : { ...handleProps }
-      }
-    ), onCollapse && /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "TreeItem", ref, style }, /* @__PURE__ */ import_react.default.createElement(import_components.Handle, { ...__designMode === "design" ? {} : { ...handleProps } }), onCollapse && /* @__PURE__ */ import_react.default.createElement(
       import_components.Action,
       {
         onClick: onCollapse,

package/lib/components/pisellDraggable/index.d.ts

@@ -3,8 +3,8 @@
  * 基于@dnd-kit库实现，支持拖拽排序、展开折叠、删除等功能
  */
 import React from 'react';
-import type { TreeItem, TreeItems } from './types';
 import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
+import type { TreeItem, TreeItems } from './types';
 interface Props {
     /** 是否支持折叠功能 */
     collapsible?: boolean;
@@ -24,7 +24,9 @@ interface Props {
     onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
     /** 设计模式 */
     __designMode?: string;
+    /** 最大层级 */
+    maxLevel?: number;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, }: Props): React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, }: Props): React.JSX.Element;
 declare const Demo: (props: Props) => React.JSX.Element;
 export default Demo;

package/lib/components/pisellDraggable/index.js

@@ -51,7 +51,7 @@ var initialItems = [
       { id: "Spring", children: [] },
       { id: "Summer", children: [] },
       { id: "Fall", children: [] },
-      { id: "Winter", children: [] }
+      { id: "Winter", children: [], disabledDrop: true }
     ]
   },
   {
@@ -102,7 +102,8 @@ function SortableTree({
   renderItem,
   onChange,
   onRemoveBefore,
-  __designMode
+  __designMode,
+  maxLevel = 3
 }) {
   const [items, setItems] = (0, import_react.useState)([]);
   const [activeId, setActiveId] = (0, import_react.useState)(null);
@@ -112,17 +113,20 @@ function SortableTree({
     console.log("初始化", value);
     setItems(value);
   }, [value]);
+  const flattenTreeData = (0, import_react.useMemo)(() => {
+    return (0, import_utilities2.flattenTree)(items);
+  }, [items]);
   const flattenedItems = (0, import_react.useMemo)(() => {
-    const flattenedTree = (0, import_utilities2.flattenTree)(items);
-    const collapsedItems = flattenedTree.reduce(
-      (acc, { children = [], collapsed, id }) => collapsed && (children == null ? void 0 : children.length) ? [...acc, id] : acc,
+    const collapsedItems = flattenTreeData.reduce(
+      (acc, { children = [], collapsed, id }) => collapsed && children.length ? [...acc, id] : acc,
       []
     );
     return (0, import_utilities2.removeChildrenOf)(
-      flattenedTree,
+      flattenTreeData,
       activeId != null ? [activeId, ...collapsedItems] : collapsedItems
     );
-  }, [activeId, items]);
+  }, [activeId, flattenTreeData]);
+  console.log("flattenedItems", flattenedItems);
   const projected = activeId && overId ? (0, import_utilities2.getProjection)(
     flattenedItems,
     activeId,
@@ -149,6 +153,20 @@ function SortableTree({
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
+  function checkSubtreeDepth(items2, itemId, baseDepth) {
+    const item = items2.find((i) => i.id === itemId);
+    if (!item)
+      return false;
+    if (baseDepth >= maxLevel)
+      return true;
+    const children = items2.filter((i) => i.parentId === itemId);
+    if (baseDepth >= maxLevel - 1 && children.length > 0)
+      return true;
+    return children.some((child) => {
+      const childNewDepth = baseDepth + 1;
+      return childNewDepth >= maxLevel || checkSubtreeDepth(items2, child.id, childNewDepth);
+    });
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     import_core.DndContext,
     {
@@ -211,12 +229,46 @@ function SortableTree({
     setOffsetLeft(delta.x);
   }
   function handleDragOver({ over }) {
-    setOverId((over == null ? void 0 : over.id) ?? null);
+    if (!projected || !over) {
+      setOverId((over == null ? void 0 : over.id) ?? null);
+      return;
+    }
+    const targetParent = projected.parentId ? flattenedItems.find((item) => item.id === projected.parentId) : null;
+    if (targetParent == null ? void 0 : targetParent.disabledDrop) {
+      return;
+    }
+    if (projected.depth >= maxLevel) {
+      return;
+    }
+    const willExceedLimit = checkSubtreeDepth(
+      flattenTreeData,
+      activeId,
+      projected.depth
+    );
+    if (willExceedLimit) {
+      return;
+    }
+    setOverId(over.id);
   }
   function handleDragEnd({ active, over }) {
     resetState();
     if (projected && over) {
       const { depth, parentId } = projected;
+      const targetParent = parentId ? flattenedItems.find((item) => item.id === parentId) : null;
+      if (targetParent == null ? void 0 : targetParent.disabledDrop) {
+        return;
+      }
+      if (depth >= maxLevel) {
+        return;
+      }
+      const willExceedLimit = checkSubtreeDepth(
+        flattenTreeData,
+        active.id,
+        depth
+      );
+      if (willExceedLimit) {
+        return;
+      }
       const clonedItems = JSON.parse(
         JSON.stringify((0, import_utilities2.flattenTree)(items))
       );

package/lib/components/pisellDraggable/types.d.ts

@@ -5,6 +5,7 @@ export interface TreeItem {
     children: TreeItem[];
     collapsed?: boolean;
     [key: string]: any;
+    disabledDrop?: boolean;
 }
 export declare type TreeItems = TreeItem[];
 export interface FlattenedItem extends TreeItem {

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -40,6 +40,7 @@ var import_button = __toESM(require("../button"));
 var import_locales = require("../../locales");
 var import_antd = require("antd");
 var import_pisellEmpty = __toESM(require("../pisellEmpty"));
+var import_utils = require("./utils");
 var import_PisellNavigationMenu = require("./PisellNavigationMenu.less");
 var PisellNavigationMenu = ({
   value = [],
@@ -60,16 +61,6 @@ var PisellNavigationMenu = ({
   __designMode,
   title
 }) => {
-  const convertToDropSortItems = (items2) => {
-    return items2.map((item) => {
-      const { id, children, ...rest } = item;
-      return {
-        id,
-        children: children ? convertToDropSortItems(children) : [],
-        ...rest
-      };
-    });
-  };
   const convertToNavigationItems = (items2) => {
     return items2.map((item) => ({
       id: String(item.id),
@@ -183,10 +174,16 @@ var PisellNavigationMenu = ({
       (0, import_locales.getText)("pisell-lowcode-navigation-menu-add-page")
     ));
   }, [title]);
+  const formatValue = (0, import_react.useMemo)(() => {
+    return (0, import_utils.formatTree)(value, (item) => ({
+      ...item,
+      disabledDrop: !item.isGroup
+    }));
+  }, [value]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_pisellDropSort.default,
     {
-      value: convertToDropSortItems(value),
+      value: formatValue,
       allowDrag,
       allowDelete,
       allowAddChild,

package/lib/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/lib/components/pisellNavigationMenu/utils.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellNavigationMenu/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatTree: () => formatTree
+});
+module.exports = __toCommonJS(utils_exports);
+function formatTree(tree, formatter, childrenField = "children") {
+  const format = (nodes, level = 0, parent = null) => {
+    return nodes.map((node) => {
+      const 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);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatTree
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.624",
+  "version": "1.0.625",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",