@pisell/materials 1.0.647 → 1.0.649

package/lib/components/filter/index.js

@@ -68,7 +68,8 @@ var Filter = (props) => {
       quickFilterMaxLength
     }
   )) : null);
-  if (!show) return null;
+  if (!show)
+    return null;
   if (isRenderFormContent) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form,

package/lib/components/form/index.js

@@ -37,7 +37,10 @@ var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
 var import_utils = require("@pisell/utils");
 var Form = class extends import_react.Component {
-  formRef = (0, import_react.createRef)();
+  constructor() {
+    super(...arguments);
+    this.formRef = (0, import_react.createRef)();
+  }
   componentDidUpdate(prevProps) {
     const { values: prevValues } = prevProps;
     const { values: currentValues } = this.props;

package/lib/components/iconSelect/index.js

@@ -49,7 +49,8 @@ var IconGroupNameMap = {
 var Icon = (props) => {
   const { type, icons = {}, ...rest } = props;
   const Comp = icons[type];
-  if (!Comp) return null;
+  if (!Comp)
+    return null;
   return /* @__PURE__ */ import_react.default.createElement(Comp, { ...rest });
 };
 var IconContent = ({

package/lib/components/iconSelect/utils.js

@@ -36,7 +36,8 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_react = __toESM(require("react"));
 function get(obj, path, defaultValue) {
-  if (!path) return defaultValue;
+  if (!path)
+    return defaultValue;
   const keys = path.split(".");
   let result = obj;
   for (const key of keys) {

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 declare const List: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     Item: import("antd/es/list/Item").ListItemTypeProps;
 };
 export default List;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 declare type LowCodePageProps = {
     id: number;
 };
-declare const LowCodePage: (props: LowCodePageProps) => JSX.Element;
+declare const LowCodePage: (props: LowCodePageProps) => React.JSX.Element;
 export default LowCodePage;

package/lib/components/lowCodePage/index.js

@@ -41,7 +41,8 @@ var LowCodePage = (props) => {
   const context = (0, import_useEngineContext.default)();
   const { RenderLowCodeByKey, getRenderLowCodeByKey } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const Com = (0, import_utils.isFunction)(getRenderLowCodeByKey) ? getRenderLowCodeByKey() : RenderLowCodeByKey;
-  if (!Com) return /* @__PURE__ */ import_react.default.createElement("div", null, "RenderLowCodeByKey is not found");
+  if (!Com)
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "RenderLowCodeByKey is not found");
   return /* @__PURE__ */ import_react.default.createElement(Com, { ...others, id, key: id });
 };
 var lowCodePage_default = LowCodePage;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
 }
-declare const Page: (props: PageProps) => JSX.Element;
+declare const Page: (props: PageProps) => React.JSX.Element;
 export default Page;

package/lib/components/page-header/index.d.ts

@@ -10,5 +10,5 @@ interface PageHeaderProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const PageHeader: (props: PageHeaderProps) => JSX.Element | null;
+declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element | null;
 export default PageHeader;

package/lib/components/pisell-config-provider/context.js

@@ -30,8 +30,8 @@ var initialContext = {
 };
 var PisellContext = (0, import_react.createContext)(initialContext);
 var GlobalConfig = class {
-  config = {};
   constructor() {
+    this.config = {};
   }
   setConfig(config) {
     this.config = config;

package/lib/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;
@@ -6,5 +6,5 @@ export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps
     defaultValue?: number;
     onChange?: (val: number) => void;
 }
-declare const PisellAdjustPriceInputNumber: (props: PisellAdjustPriceInputNumberProps) => JSX.Element;
+declare const PisellAdjustPriceInputNumber: (props: PisellAdjustPriceInputNumberProps) => React.JSX.Element;
 export default PisellAdjustPriceInputNumber;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 export interface PisellAdjustPriceProps {
     value?: number;
@@ -6,5 +6,5 @@ export interface PisellAdjustPriceProps {
     defaultValue?: number;
     onChange?: (val: number) => void;
 }
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
+declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => React.JSX.Element;
 export default PisellAdjustPrice;

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

@@ -18,5 +18,5 @@ export interface PisellAlertProps extends AlertProps {
  * @param props
  * @constructor
  */
-declare const PisellAlert: (props: PisellAlertProps) => false | JSX.Element;
+declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
 export default PisellAlert;

package/lib/components/pisellAnchor/index.js

@@ -71,8 +71,10 @@ var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
   );
   const { run: handleScrollThrottled } = (0, import_ahooks.useThrottleFn)(
     () => {
-      if (isClickScrolling.current) return;
-      if (!(containerRef == null ? void 0 : containerRef.current)) return;
+      if (isClickScrolling.current)
+        return;
+      if (!(containerRef == null ? void 0 : containerRef.current))
+        return;
       const container = containerRef.current;
       const headerHeight = 58;
       const containerRect = container.getBoundingClientRect();
@@ -108,7 +110,8 @@ var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
     { wait: 150 }
   );
   (0, import_react.useEffect)(() => {
-    if (!(containerRef == null ? void 0 : containerRef.current)) return;
+    if (!(containerRef == null ? void 0 : containerRef.current))
+      return;
     const handleScroll = () => {
       if (!isClickScrolling.current) {
         handleScrollThrottled();

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {
@@ -16,5 +16,5 @@ export interface PisellCardProps extends CardProps {
  * @param props
  * @constructor
  */
-declare const PisellCard: (props: PisellCardProps) => JSX.Element;
+declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
 export default PisellCard;

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

@@ -39,5 +39,5 @@ export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'opt
     /** 是否余额货币单位 */
     showBalanceSymbol?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => React.JSX.Element>;
 export default _default;

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

@@ -30,5 +30,5 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:34
  */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => React.JSX.Element;
 export default PisellCheckboxGroup;

package/lib/components/pisellCheckboxGroup/index.js

@@ -122,7 +122,8 @@ var PisellCheckboxGroup = (props) => {
           key: option[rowKey],
           gap: 10,
           onClick: () => {
-            if (option.disabled) return;
+            if (option.disabled)
+              return;
             handleSelectItem(option[rowKey], option);
           },
           leftContent: iconPosition === "left" && /* @__PURE__ */ import_react.default.createElement(

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

@@ -20,5 +20,5 @@ export declare type PisellCountdownProps = React.HTMLAttributes<HTMLSpanElement>
     /** 格式化倒计时展示 参考 dayjs */
     format?: string;
 };
-declare const PisellCountdown: (props: PisellCountdownProps) => JSX.Element;
+declare const PisellCountdown: (props: PisellCountdownProps) => React.JSX.Element;
 export default PisellCountdown;

package/lib/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';
@@ -18,5 +18,5 @@ export interface DatePickerCptProps extends PickerDateProps<Dayjs> {
  * @param props
  * @constructor
  */
-declare const DatePickerCpt: (props: DatePickerCptProps) => JSX.Element;
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
 export default DatePickerCpt;

package/lib/components/pisellDatePicker/datePickerCpt.js

@@ -66,7 +66,8 @@ var DatePickerInput = (props) => {
     let lastIndex = 0;
     for (let i = 0; i < parts.length; i++) {
       const part = parts[i];
-      if (!part) continue;
+      if (!part)
+        continue;
       const separator = separators[i] || "";
       const expectedLength = part.length;
       lastIndex = lastIndex + part.length + separator.length;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const PisellDatePicker: (props: any) => JSX.Element;
+declare const PisellDatePicker: (props: any) => import("react").JSX.Element;
 export default PisellDatePicker;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../Action';
-export declare function Remove(props: ActionProps): JSX.Element;
+export declare function Remove(props: ActionProps): React.JSX.Element;

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import type { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
 import { Props as TreeItemProps } from './TreeItem';
 interface Props extends TreeItemProps {
     id: UniqueIdentifier;
     __designMode?: string;
 }
-export declare function SortableTreeItem({ id, depth, ...props }: Props): JSX.Element;
+export declare function SortableTreeItem({ id, depth, ...props }: Props): React.JSX.Element;
 export {};

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

@@ -27,6 +27,6 @@ interface Props {
     /** 最大层级 */
     maxLevel?: number;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, }: Props): JSX.Element;
-declare const Demo: (props: Props) => 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

@@ -155,10 +155,13 @@ function SortableTree({
   }, []);
   function checkSubtreeDepth(items2, itemId, baseDepth) {
     const item = items2.find((i) => i.id === itemId);
-    if (!item) return false;
-    if (baseDepth >= maxLevel) return true;
+    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;
+    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);

package/lib/components/pisellDropSort/PisellDropSort.js

@@ -61,7 +61,8 @@ var PisellDropSort = ({
   onAddRoot,
   __designMode,
   isCustomAction,
-  emptyContent
+  emptyContent,
+  getItemStyle
 }) => {
   const renderItem = (0, import_react.useCallback)(
     (itemProps, ref) => {
@@ -81,7 +82,8 @@ var PisellDropSort = ({
           spacing,
           maxLevel,
           __designMode,
-          isCustomAction
+          isCustomAction,
+          getItemStyle
         }
       );
     },

package/lib/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -18,6 +18,8 @@ interface SortableItemProps {
     __designMode?: string;
     /** 是否自定义操作 */
     isCustomAction?: boolean;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
 }
-declare const SortableItem: (props: SortableItemProps) => JSX.Element;
+declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
 export default SortableItem;

package/lib/components/pisellDropSort/components/SortableItem/index.js

@@ -53,7 +53,8 @@ var SortableItem = (props) => {
     spacing,
     maxLevel,
     __designMode,
-    isCustomAction
+    isCustomAction,
+    getItemStyle
   } = props;
   const {
     item,
@@ -73,6 +74,11 @@ var SortableItem = (props) => {
     collapsed,
     ...otherProps
   } = itemProps;
+  const itemStyle = (getItemStyle == null ? void 0 : getItemStyle(itemProps)) || {};
+  const mergedStyle = {
+    ...itemStyle,
+    ...style
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "li",
     {
@@ -98,7 +104,7 @@ var SortableItem = (props) => {
           disabled
         }),
         ref: domRef,
-        style
+        style: mergedStyle
       },
       allowDrag && !disabled && /* @__PURE__ */ import_react.default.createElement(
         import_button.default,

package/lib/components/pisellDropSort/components/SortableItem/index.less

@@ -86,12 +86,12 @@
 
   .pisell-lowcode-drop-sort-item-button {
     &:hover {
-      background: var(--Gray-100, #F2F4F7);
+      background: var(--Gray-300, #D0D5DD) !important;
     }
   }
 
   &:hover {
-    background: var(--Gray-25, #FCFCFD);
+    background: var(--Gray-100, #F2F4F7) !important;
   }
 
   &.disabled {
@@ -105,6 +105,7 @@
   border: 1px solid var(--Gray-200, #eaecf0);
   /* Shadow/xs */
   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  transition: background-color 0.2s !important;
 }
 
 .pisell-lowcode-drop-sort-item-icon {

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

@@ -47,4 +47,6 @@ export interface PisellDropSortProps {
     __designMode?: string;
     /** 是否自定义操作 */
     isCustomAction?: boolean;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
 }

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

@@ -15,5 +15,5 @@ export interface PisellEmptyProps extends EmptyProps {
     maxWidth?: number;
     [key: string]: any;
 }
-declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
 export default PisellEmpty;

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

@@ -13,5 +13,5 @@ export interface PisellFloatingPanelProps {
     style?: React.CSSProperties;
     retractIconStyle?: React.CSSProperties;
 }
-declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => JSX.Element;
+declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => React.JSX.Element;
 export default PisellFloatingPanel;

package/lib/components/pisellInformationEntry/Input/index.d.ts

@@ -4,5 +4,5 @@ export interface PisellEntryInputProps {
     onChange: (val: string) => void;
     searchDescribe?: React.ReactNode;
 }
-declare const PisellEntryInput: (props: PisellEntryInputProps) => JSX.Element;
+declare const PisellEntryInput: (props: PisellEntryInputProps) => React.JSX.Element;
 export default PisellEntryInput;

package/lib/components/pisellInformationEntry/Scan/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;
     onCancel: () => void;
 }
-declare const Scan: (props: ScanProps) => JSX.Element;
+declare const Scan: (props: ScanProps) => React.JSX.Element;
 export default Scan;

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

@@ -29,5 +29,5 @@ export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<H
     /** 录入类型切换时候触发的 */
     onChangeType?: (val: null | EntryModeType['type']) => void;
 }
-declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
 export default PisellInformationEntry;

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';
@@ -7,5 +7,5 @@ export declare type BankCardProps = InputProps & {
     platform?: PisellContextType['platform'];
     onChange?: (val: string) => void;
 };
-declare const BankCard: (props: BankCardProps) => JSX.Element;
+declare const BankCard: (props: BankCardProps) => React.JSX.Element;
 export default BankCard;

package/lib/components/pisellInput/components/Copy/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps, ButtonProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 export interface CopyProps extends InputProps {
@@ -7,5 +7,5 @@ export interface CopyProps extends InputProps {
     /** 后缀button的透传配置 */
     buttonProps?: ButtonProps;
 }
-declare const Copy: (props: CopyProps) => JSX.Element;
+declare const Copy: (props: CopyProps) => React.JSX.Element;
 export default Copy;

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";
@@ -8,5 +8,5 @@ export interface SecurityCodeProps extends Omit<InputProps, 'onChange'> {
     onChange?: (val: string) => void;
     showCVCIcon?: boolean;
 }
-declare const SecurityCode: (props: SecurityCodeProps) => JSX.Element;
+declare const SecurityCode: (props: SecurityCodeProps) => React.JSX.Element;
 export default SecurityCode;

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps } from 'antd';
 import { PisellContextType } from '../pisell-config-provider/context';
 declare const PisellInput: {
     (props: InputProps & {
         /** 平台 */
         platform?: PisellContextType['platform'];
-    }): JSX.Element;
-    BankCard: (props: import("./components/BankCard").BankCardProps) => JSX.Element;
-    SecurityCode: (props: import("./components/SecurityCode").SecurityCodeProps) => JSX.Element;
-    Copy: (props: import("./components/Copy").CopyProps) => JSX.Element;
+    }): React.JSX.Element;
+    BankCard: (props: import("./components/BankCard").BankCardProps) => React.JSX.Element;
+    SecurityCode: (props: import("./components/SecurityCode").SecurityCodeProps) => React.JSX.Element;
+    Copy: (props: import("./components/Copy").CopyProps) => React.JSX.Element;
 };
 export default PisellInput;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {
@@ -16,5 +16,5 @@ export interface PisellLoadingProps extends SpinProps {
     /** 延迟显示加载效果的时间（防止闪烁）	 */
     delay?: number;
 }
-declare const PisellLoading: (props: PisellLoadingProps) => JSX.Element;
+declare const PisellLoading: (props: PisellLoadingProps) => React.JSX.Element;
 export default PisellLoading;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './PisellMenu.less';
 import type { PisellMenuProps } from './types';
 declare const PisellMenu: {
-    ({ className, style, mode, theme, defaultOpenKeys, defaultSelectedKeys, inlineCollapsed, openKeys, selectedKeys, onOpenChange, onSelect, dataSource, __designMode, children, other, ...restProps }: PisellMenuProps): JSX.Element;
+    ({ 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>;
 };

package/lib/components/pisellModal/components/Information/index.d.ts

@@ -17,5 +17,5 @@ export interface InformationProps extends PisellModalProps {
     /** 右上角关闭按钮是否展示 */
     closable?: boolean;
 }
-declare const Information: (props: InformationProps) => JSX.Element;
+declare const Information: (props: InformationProps) => React.JSX.Element;
 export default Information;

package/lib/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }
-declare const IpadModal: (props: IpadModalProps) => JSX.Element;
+declare const IpadModal: (props: IpadModalProps) => React.JSX.Element;
 export default IpadModal;

package/lib/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {
     /** 移动端展示时弹窗高度 默认null 在移动端全屏 */
     mobileModalHeight?: string | number;
 }
-declare const MobileModal: (props: MobileModalProps) => JSX.Element;
+declare const MobileModal: (props: MobileModalProps) => React.JSX.Element;
 export default MobileModal;

package/lib/components/pisellModal/components/PcModal/index.d.ts

@@ -26,5 +26,5 @@ export interface PcModalProps extends ModalProps {
     /** header是否展示 */
     header?: boolean | null;
 }
-declare const PcModal: (props: PcModalProps) => JSX.Element;
+declare const PcModal: (props: PcModalProps) => React.JSX.Element;
 export default PcModal;

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

@@ -3,8 +3,8 @@ import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';
 declare const platformCpt: {
-    h5: (props: import("./MobileModal").MobileModalProps) => JSX.Element;
-    pc: (props: import("./PcModal").PcModalProps) => JSX.Element;
-    ipad: (props: import("./IpadModal").IpadModalProps) => JSX.Element;
+    h5: (props: import("./MobileModal").MobileModalProps) => import("react").JSX.Element;
+    pc: (props: import("./PcModal").PcModalProps) => import("react").JSX.Element;
+    ipad: (props: import("./IpadModal").IpadModalProps) => import("react").JSX.Element;
 };
 export { IpadModal, MobileModal, PcModal, platformCpt };

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

@@ -31,7 +31,7 @@ export interface PisellModalProps extends ModalProps {
     header?: boolean | null;
 }
 declare const PisellModal: {
-    (props: PisellModalProps): JSX.Element;
+    (props: PisellModalProps): React.JSX.Element;
     confirm: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
@@ -53,6 +53,6 @@ declare const PisellModal: {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
     };
-    Information: (props: import("./components/Information").InformationProps) => JSX.Element;
+    Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
 };
 export default PisellModal;

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -192,6 +192,12 @@ var PisellNavigationMenu = ({
       disabledDrop: !item.isGroup
     }));
   }, [value]);
+  const getItemStyle = (0, import_react.useCallback)((itemProps) => {
+    const { item } = itemProps;
+    return {
+      backgroundColor: item.isGroup ? "#fff" : "var(--Gray-50, #F9FAFB)"
+    };
+  }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     import_pisellDropSort.default,
     {
@@ -211,6 +217,7 @@ var PisellNavigationMenu = ({
       __designMode,
       leftContent,
       rightContent,
+      getItemStyle,
       emptyContent: /* @__PURE__ */ import_react.default.createElement(
         import_pisellEmpty.default,
         {

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.less

@@ -42,7 +42,7 @@
     gap: 8px;
     .pisell-lowcode-navigation-menu-item-action-button {
       &:hover {
-        background: var(--Gray-100, #f2f4f7);
+        background: var(--Gray-300, #D0D5DD);
       }
     }
     .pisell-lowcode-navigation-menu-item-action-button-icon {