@pisell/materials 6.0.13 → 6.0.14

package/dist/umd/static/DotsSix.57d66266.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/umd/static/arrow-left.e542294f.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>

package/dist/umd/static/arrow-right.763f03e0.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-5.293-5.293a1 1 0 0 1 0-1.414Z"/></svg>

package/dist/umd/static/filter-lines.04a54ae9.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/help-circle.31c9be40.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ModeType } from '../../type';
 export interface FormSettingContextType {
-    onDataSourceFinish?: (values: any, result: any) => void;
+    onDataSourceFinish?: (values: any, result: any, form: any) => void;
     renderMode?: ModeType;
     groupInfoPosition?: 'top' | 'side';
     children?: React.ReactNode;

package/es/components/dataSourceComponents/dataSourceForm/submitButton/index.js

@@ -155,7 +155,7 @@ var SubmitButton = function SubmitButton(props) {
             result = _context2.sent;
             // 数据源提交成功
             if (onDataSourceFinish) {
-              onDataSourceFinish(formattedValues, result);
+              onDataSourceFinish(formattedValues, result, form);
             }
             if (refreshData) {
               refreshTableData === null || refreshTableData === void 0 ? void 0 : refreshTableData();

package/es/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/es/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -0,0 +1,61 @@
+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); }
+import React, { forwardRef } from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+import BaseMenu from "../../pisellMenu";
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _appHelper$utils, _appHelper$utils$getA2, _appHelper$utils$getA3, _appHelper$utils$getA4;
+  var _useEngineContext = useEngineContext(),
+    appHelper = _useEngineContext.appHelper;
+  var _appHelper$utils$getA = appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 ? void 0 : (_appHelper$utils$getA2 = _appHelper$utils.getApp) === null || _appHelper$utils$getA2 === void 0 ? void 0 : (_appHelper$utils$getA3 = _appHelper$utils$getA2.call(_appHelper$utils)) === null || _appHelper$utils$getA3 === void 0 ? void 0 : (_appHelper$utils$getA4 = _appHelper$utils$getA3.menuManager) === null || _appHelper$utils$getA4 === void 0 ? void 0 : _appHelper$utils$getA4.useMenu(),
+    menuItems = _appHelper$utils$getA.menuItems,
+    selectedKeys = _appHelper$utils$getA.selectedKeys,
+    openKeys = _appHelper$utils$getA.openKeys,
+    setOpenKeys = _appHelper$utils$getA.setOpenKeys,
+    getShowChildren = _appHelper$utils$getA.getShowChildren,
+    handleClick = _appHelper$utils$getA.handleClick;
+  // 递归渲染菜单项
+  var renderMenuItems = function renderMenuItems(items) {
+    return items.map(function (item) {
+      if (item.hide) {
+        return null;
+      }
+      var _children = getShowChildren(item.children || []);
+      if (_children !== null && _children !== void 0 && _children.length) {
+        return /*#__PURE__*/React.createElement(BaseMenu.SubMenu, {
+          key: item.key,
+          title: item.label,
+          icon: item.icon,
+          router: item.path
+        }, renderMenuItems(_children));
+      }
+      return /*#__PURE__*/React.createElement(BaseMenu.Item, {
+        key: item.key,
+        icon: item.icon,
+        router: item.path
+      }, item.label);
+    });
+  };
+  return /*#__PURE__*/React.createElement(BaseMenu, _extends({
+    ref: ref,
+    mode: "inline"
+    // theme="dark"
+    ,
+    selectedKeys: selectedKeys,
+    openKeys: openKeys,
+    onOpenChange: setOpenKeys,
+    onClick: function onClick(_ref) {
+      var _item$props;
+      var item = _ref.item;
+      handleClick((_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router);
+    }
+  }, props, {
+    other: {
+      items: undefined
+    }
+  }), renderMenuItems(menuItems));
+});
+export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceMenu/index.js

@@ -1,19 +1,48 @@
-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); }
-import React, { forwardRef } from 'react';
-import BaseMenu from "../../pisellMenu";
+import React, { useMemo } from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+import PisellMenu from "../../pisellMenu";
 import useVariables from "../hooks/useVariables";
-
+import BaseMenu from "./Basic";
 /**
  * @title: 数据源表单组件
  * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
  */
-var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
+var DataSourceMenu = function DataSourceMenu(props, ref) {
+  var _appHelper$utils, _appHelper$utils$getA, _appHelper$utils$getA2, _appHelper$utils$getA3;
   var dataSource = props.dataSource;
   var _useVariables = useVariables(),
     parseVariable = _useVariables.parseVariable;
-  return /*#__PURE__*/React.createElement(BaseMenu, _extends({}, props, {
-    dataSource: parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(dataSource),
-    ref: ref
-  }));
-});
+  var _useEngineContext = useEngineContext(),
+    appHelper = _useEngineContext.appHelper;
+  var _dataSource = useMemo(function () {
+    if (Array.isArray(dataSource)) {
+      return dataSource;
+    }
+    if (props.__designMode === 'design') {
+      return [{
+        label: '菜单项1',
+        key: 'item-1',
+        path: '/item-1'
+      }, {
+        label: '菜单项2',
+        key: 'item-2',
+        path: '/item-2'
+      }];
+    }
+    if (typeof dataSource === 'string') {
+      return parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(dataSource);
+    }
+    return [];
+  }, [dataSource]);
+
+  // 设计模式下使用PisellMenu, 否则缺少app注入导致报错
+  if (props.__designMode === 'design') {
+    return /*#__PURE__*/React.createElement(PisellMenu, props);
+  }
+  var MenuProvider = appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 ? void 0 : (_appHelper$utils$getA = _appHelper$utils.getApp) === null || _appHelper$utils$getA === void 0 ? void 0 : (_appHelper$utils$getA2 = _appHelper$utils$getA.call(_appHelper$utils)) === null || _appHelper$utils$getA2 === void 0 ? void 0 : (_appHelper$utils$getA3 = _appHelper$utils$getA2.menuManager) === null || _appHelper$utils$getA3 === void 0 ? void 0 : _appHelper$utils$getA3.MenuProvider;
+  console.log('MenuProvider11', appHelper);
+  return /*#__PURE__*/React.createElement(MenuProvider, {
+    menus: _dataSource
+  }, /*#__PURE__*/React.createElement(BaseMenu, props));
+};
 export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useFormat.d.ts

@@ -9,12 +9,16 @@ export declare type UseFormatParams = {
     dataSourceKey: string;
     fields: Field[];
 };
-export declare type FormatListResultParams = {
+export declare type ApiListResult = {
     list: any[];
     count: number;
-    page: number;
     size: number;
+} & ({
+    page: number;
 } | {
+    skip: number;
+});
+export declare type FormatListResultParams = ApiListResult | {
     data: any[];
     meta: {
         count: number;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -122,7 +122,7 @@ var useFormat = function useFormat(_ref4) {
     fields = _ref4.fields;
   // list接口请求 结果格式化
   var formatListResult = useMemoizedFn(function (res) {
-    if (dataSourceKey === 'pisell2-api' && 'list' in res) {
+    if (dataSourceKey === 'pisell2-api' && 'list' in res && 'page' in res) {
       return {
         data: res.list,
         count: res.count,
@@ -130,6 +130,15 @@ var useFormat = function useFormat(_ref4) {
         pageSize: res.size
       };
     }
+    if (dataSourceKey === 'mypisell-api' && 'list' in res && 'skip' in res) {
+      var skip = typeof res.skip === 'number' ? res.skip : 1;
+      return {
+        data: res.list,
+        count: res.count,
+        page: skip - 1 || 1,
+        pageSize: res.size
+      };
+    }
     if ('meta' in res) {
       return {
         data: res.data,
@@ -156,6 +165,12 @@ var useFormat = function useFormat(_ref4) {
         size: (params === null || params === void 0 ? void 0 : params.pageSize) || 10
       }, customApiFormatFilter(params.filter || {}));
     }
+    if (dataSourceKey === 'mypisell-api') {
+      return _objectSpread({
+        skip: (params === null || params === void 0 ? void 0 : params.page) || 1,
+        num: (params === null || params === void 0 ? void 0 : params.pageSize) || 10
+      }, customApiFormatFilter(params.filter || {}));
+    }
     return params;
   });
   var formatCreateUpdateParams = useMemoizedFn(function (params) {

package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+import type { FC } from 'react';
 import { DatePickerProps } from './type';
 import './ReadPretty.less';
-declare const DatePickerReadPretty: (props: DatePickerProps) => React.JSX.Element;
+declare const DatePickerReadPretty: FC<DatePickerProps>;
 export default DatePickerReadPretty;

package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -1,14 +1,51 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
+import usePisellConfig from "../../../pisell-config-provider/hooks/usePisellConfig";
 import "./ReadPretty.less";
-var DatePickerReadPretty = function DatePickerReadPretty(props) {
-  var value = props.value,
-    renderMode = props.renderMode;
+var DEFAULT_FORMAT = 'YYYY-MM-DD HH:mm:ss';
+var DATE_FORMATS = {
+  'zh-CN': {
+    withTime: 'YYYY-MM-DD HH:mm:ss',
+    withoutTime: 'YYYY-MM-DD'
+  },
+  'en-US': {
+    withTime: 'HH:mm:ss YYYY-MM-DD',
+    withoutTime: 'YYYY-MM-DD'
+  }
+};
+var DatePickerReadPretty = function DatePickerReadPretty(_ref) {
+  var value = _ref.value,
+    renderMode = _ref.renderMode,
+    showTime = _ref.showTime;
+  var _usePisellConfig = usePisellConfig(),
+    _usePisellConfig$loca = _usePisellConfig.locale,
+    locale = _usePisellConfig$loca === void 0 ? 'zh-CN' : _usePisellConfig$loca;
+  var dateFormat = useMemo(function () {
+    if (locale in DATE_FORMATS) {
+      var formats = DATE_FORMATS[locale];
+      return showTime ? formats.withTime : formats.withoutTime;
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn("Unsupported locale: ".concat(locale, ", falling back to default format"));
+    }
+    return DEFAULT_FORMAT;
+  }, [locale, showTime]);
+  var formattedDate = useMemo(function () {
+    if (!value) return '';
+    try {
+      return dayjs(value).format(dateFormat);
+    } catch (error) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.error('Error formatting date:', error);
+      }
+      return '';
+    }
+  }, [value, dateFormat]);
   return /*#__PURE__*/React.createElement("span", {
     className: classNames('pisell-date-picker-read-pretty', {
       'pisell-date-picker-read-pretty-table-view': renderMode === 'tableView'
     })
-  }, value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '');
+  }, formattedDate);
 };
 export default DatePickerReadPretty;

package/es/components/dataSourceComponents/fields/DatePicker/WithMode.js

@@ -11,7 +11,7 @@ import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
 var DatePickerWithMode = withMode(DatePickerCpt, ReadPretty, function (props) {
   return _objectSpread(_objectSpread({}, props), {}, {
-    value: isString(props.value) ? dayjs(props.value) : props.value
+    value: isString(props.value) && props.value ? dayjs(props.value) : props.value
   });
 });
 export default DatePickerWithMode;

package/es/components/dataSourceComponents/fields/DatePicker/type.d.ts

@@ -2,4 +2,5 @@ import { DatePickerProps as AntDatePickerProps } from 'antd';
 import { ModeType } from '../../dataSourceForm/type';
 export interface DatePickerProps extends Omit<AntDatePickerProps, 'renderMode'> {
     renderMode: ModeType;
+    showTime?: boolean;
 }

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -116,13 +116,19 @@ var useActions = function useActions() {
             case 2:
               result = _context.sent;
               if (!['pisell2-api', 'mypisell-api'].includes(dataSourceKey)) {
-                _context.next = 5;
+                _context.next = 7;
+                break;
+              }
+              if (!('mypisell-api' === dataSourceKey && designMode === 'design')) {
+                _context.next = 6;
                 break;
               }
-              return _context.abrupt("return", result.data);
-            case 5:
               return _context.abrupt("return", result);
             case 6:
+              return _context.abrupt("return", result.data);
+            case 7:
+              return _context.abrupt("return", result);
+            case 8:
             case "end":
               return _context.stop();
           }

package/es/components/date-picker/datePickerCpt.js

@@ -84,7 +84,8 @@ var DatePickerCpt = function DatePickerCpt(props) {
     setValue(value);
   }, [value]);
   useEffect(function () {
-    setValueStr((_value === null || _value === void 0 ? void 0 : _value.format(format || 'YYYY-MM-DD')) || '');
+    var _value$format;
+    setValueStr((_value === null || _value === void 0 ? void 0 : (_value$format = _value.format) === null || _value$format === void 0 ? void 0 : _value$format.call(_value, format || 'YYYY-MM-DD')) || '');
   }, [_value]);
   var customPresetItems = useMemo(function () {
     var preset = [{
@@ -218,6 +219,7 @@ var DatePickerCpt = function DatePickerCpt(props) {
     });
   };
   var timeInputProps = useMemo(function () {
+    var _value$format2;
     var step = 1;
     var _format = '';
     if ((showTime === null || showTime === void 0 ? void 0 : showTime.format) === 'HH:mm') {
@@ -233,7 +235,7 @@ var DatePickerCpt = function DatePickerCpt(props) {
         var val = e.target.value;
         handleTimeChange(window.dayjs(val, _format));
       },
-      value: _value === null || _value === void 0 ? void 0 : _value.format(_format)
+      value: _value === null || _value === void 0 ? void 0 : (_value$format2 = _value.format) === null || _value$format2 === void 0 ? void 0 : _value$format2.call(_value, _format)
     };
   }, [showTime, _value]);
   if (!picker || picker === 'date') {

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

@@ -17,5 +17,6 @@ export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
     wrapperRef?(node: HTMLLIElement): void;
     item: TreeItemType;
     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,4 +1,4 @@
-var _excluded = ["childCount", "clone", "depth", "disableSelection", "disableInteraction", "ghost", "handleProps", "indentationWidth", "indicator", "collapsed", "onCollapse", "onRemove", "style", "wrapperRef", "item", "renderItem"];
+var _excluded = ["childCount", "clone", "depth", "disableSelection", "disableInteraction", "ghost", "handleProps", "indentationWidth", "indicator", "collapsed", "onCollapse", "onRemove", "style", "wrapperRef", "item", "renderItem", "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 _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; }
@@ -23,6 +23,7 @@ export var TreeItem = /*#__PURE__*/forwardRef(function (props, ref) {
     wrapperRef = props.wrapperRef,
     item = props.item,
     renderItem = props.renderItem,
+    isBlocked = props.isBlocked,
     otherProps = _objectWithoutProperties(props, _excluded);
   if (renderItem) {
     return renderItem(props);

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

@@ -21,7 +21,9 @@ interface Props {
     onChange?: (items: TreeItems) => void;
     /** 删除节点前 */
     onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
+    /** 最大层级 */
+    maxLevel?: number;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, }: Props): React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, maxLevel, }: Props): React.JSX.Element;
 declare const Demo: () => 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',
@@ -120,7 +121,9 @@ export function SortableTree(_ref3) {
     removable = _ref3$removable === void 0 ? true : _ref3$removable,
     renderItem = _ref3.renderItem,
     onChange = _ref3.onChange,
-    onRemoveBefore = _ref3.onRemoveBefore;
+    onRemoveBefore = _ref3.onRemoveBefore,
+    _ref3$maxLevel = _ref3.maxLevel,
+    maxLevel = _ref3$maxLevel === void 0 ? 3 : _ref3$maxLevel;
   // 状态管理
   /** 当前树形数据 */
   var _useState = useState([]),
@@ -146,6 +149,9 @@ export function SortableTree(_ref3) {
     console.log('初始化', value);
     setItems(value);
   }, [value]);
+  var flattenTreeData = useMemo(function () {
+    return flattenTree(items);
+  }, [items]);
 
   /**
    * 扁平化处理树形数据
@@ -154,16 +160,15 @@ 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 children = _ref4.children,
         collapsed = _ref4.collapsed,
         id = _ref4.id;
       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);
   /**
    * 计算拖拽投影
    * 根据当前拖拽状态计算目标位置和深度
@@ -198,6 +203,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,
@@ -264,9 +302,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);
   }
 
   /**
@@ -282,6 +343,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

@@ -4,6 +4,7 @@ export interface TreeItem {
     id: UniqueIdentifier;
     children: TreeItem[];
     collapsed?: boolean;
+    disabledDrop?: boolean;
 }
 export declare type TreeItems = TreeItem[];
 export interface FlattenedItem extends TreeItem {

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

@@ -3,6 +3,8 @@ import React from 'react';
 export interface PisellContentProps extends Omit<LayoutProps, 'prefixCls'> {
     children?: React.ReactNode;
     __designMode?: string;
+    height?: number;
+    scroll?: boolean;
 }
 declare const PisellContent: React.FC<PisellContentProps>;
 export default PisellContent;

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;