@pisell/materials 6.3.18 → 6.3.19

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+interface PageHeaderProps {
+    title?: React.ReactNode;
+    showTitle?: boolean;
+    subTitle?: React.ReactNode;
+    showSubTitle?: boolean;
+    showDivider?: boolean;
+    extra?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element | null;
+export default PageHeader;

package/lib/components/pisell-config-provider/context.d.ts

@@ -5,8 +5,6 @@ export interface PisellContextType {
     symbol?: string;
     /** 当前语言环境 */
     locale?: string;
-    /** 获取货币符号 */
-    getSymbolic?: () => string;
 }
 export declare const PisellContext: import("react").Context<PisellContextType>;
 /**

package/lib/components/pisell-config-provider/index.d.ts

@@ -7,7 +7,6 @@ interface PisellConfigProviderType {
     symbol?: string;
     /** 当前语言环境 */
     locale?: string;
-    getSymbolic?: () => string;
 }
 declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
 export default PisellConfigProvider;

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,5 @@
+import React from 'react';
 import './index.less';
 import { PisellAdjustPriceProps } from './type';
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
+declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => React.JSX.Element;
 export default PisellAdjustPrice;

package/lib/components/pisellAdjustPrice/index.js

@@ -49,8 +49,6 @@ var PisellAdjustPrice = (props) => {
     defaultValue,
     originValue,
     selectType = "light",
-    resetText,
-    doneText,
     ...others
   } = props;
   const config = (0, import_usePisellConfig.default)();
@@ -182,8 +180,6 @@ var PisellAdjustPrice = (props) => {
         onChange: handleChange,
         onEnter: handleEnter,
         placeholder: discountMode === "amount" ? "0" : "%",
-        resetText,
-        doneText,
         rightItemsStyle: {
           buttonBackgroundColor: configColor.buttonBackgroundColor,
           textColor: configColor.textColor,

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

@@ -17,6 +17,4 @@ export interface PisellAdjustPriceProps {
     mainTextColor?: string;
     isShowSubText?: boolean;
     subTextColor?: string;
-    resetText?: string;
-    doneText?: string;
 }

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { AlertProps } from 'antd';
+import './index.less';
+export interface PisellAlertProps extends AlertProps {
+    /** 是否展示忽略按钮 */
+    showDismiss?: boolean;
+    /** 忽略按钮内容 */
+    dismiss?: React.ReactNode;
+    /** 是否展示行为按钮 */
+    showView?: boolean;
+    /** 行为按钮内容 */
+    view?: React.ReactNode;
+    /** 行为按钮点击事件 */
+    onViewClick?: (e: any) => void;
+}
+/**
+ * PisellAlert警告提示组件
+ * @param props
+ * @constructor
+ */
+declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
+export default PisellAlert;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+export interface Option {
+    id: string | number;
+    name: React.ReactNode;
+}
+export interface PisellAnchorProps {
+    options?: Option[];
+    tab?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (key: string | number) => void;
+    onTabClick?: () => void;
+    containerRef?: React.RefObject<HTMLElement>;
+    /**
+     * 平台类型，仅用于样式调整，不再影响锚点滚动功能
+     * 无论pc还是h5模式，点击锚点都会自动滚动到对应内容
+     * @default 'pc'
+     */
+    platform?: 'pc' | 'h5';
+}
+declare const PisellAnchor: React.FC<PisellAnchorProps>;
+export default PisellAnchor;

package/lib/components/pisellAppCard/PisellAppCard.d.ts

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

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

@@ -0,0 +1,3 @@
+import PisellAppCard from './PisellAppCard';
+export default PisellAppCard;
+export type { PisellAppCardProps } from './types';

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

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+export interface PisellAppCardProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 头像地址 */
+    avatar?: string;
+    /** icon */
+    icon?: string;
+    /** 标签列表 */
+    tags?: Array<{
+        label: string;
+        color?: 'success' | 'warning' | 'error' | 'gray';
+        type: 'pill_color' | 'pill_outline';
+    }>;
+    /** 标题 */
+    title: string;
+    /** 描述 */
+    description?: string;
+    /** 底部按钮列表 */
+    bottomButtons?: Array<{
+        label: string;
+        onClick?: () => void;
+        type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
+        hidden: boolean;
+    }>;
+    /** 右侧更多操作列表 */
+    moreActions?: Array<{
+        label: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+    }>;
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AvatarProps } from 'antd';
+import './index.less';
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
+    shape?: 'circle' | 'square';
+    size?: AvatarSize;
+    src?: string;
+    alt?: string;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    useTextAvatar?: boolean;
+    borderRadius?: number;
+    onError?: () => boolean;
+}
+declare const PisellAvatar: React.FC<PisellAvatarProps>;
+export default PisellAvatar;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CardProps } from 'antd';
+import './index.less';
+export interface PisellCardProps extends CardProps {
+    bordered?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+    padding?: number;
+    borderRadius?: number;
+    disabled?: boolean;
+    onClick?: () => void;
+    isClickable?: boolean;
+}
+/**
+ * Pisell 卡片容器组件
+ * @param props
+ * @constructor
+ */
+declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
+export default PisellCard;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
 import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps, FormatOption } from '../pisellWalletPassCard';
+import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
 import './index.less';
 export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
     platform?: PisellContextType['platform'];
@@ -71,37 +71,7 @@ export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'opt
     /** 编辑编辑按钮后，弹窗展示之前 */
     beforeEdit?: (value: any, index: number) => Promise<any> | boolean | void;
     /** 编辑弹窗点击提交 */
-    onConfirmEdit?: (value: any, index: number, data: any) => void;
-    /** 是否展示状态标识 */
-    showStatus?: boolean;
-    /** 名称标题字号字重颜色配置 */
-    nameTitleStyle?: {
-        fontSize: number;
-        fontWeight: number;
-        color: string;
-    };
-    /** 开启编辑金额 */
-    enableEditAmount?: boolean;
-    /** 编辑金额事件 */
-    onConfirmEditAmount?: (value: number, index: number, data: any) => void;
-    /** 是否使用外部详情处理 */
-    useExternalDetail?: boolean;
-    /** 详情事件 */
-    onDetail?: (value: any, index: number) => void;
-    /** 自定义余额格式化函数，如果提供则优先使用 */
-    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义余额标题格式化函数，如果提供则优先使用 */
-    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额格式化函数，如果提供则优先使用 */
-    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
-    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 编辑金额前事件 */
-    onBeforeEditAmount?: (value: any, index: number, data: any) => Promise<any> | boolean | void;
-    /** 选项点击事件 */
-    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: any) => void;
-    /** 是否展示选中状态的背景色 */
-    showActiveBackground?: boolean;
+    onConfirmEdit?: (value: any, index: number) => void;
 }
 declare const _default: React.NamedExoticComponent<PisellCardListProps>;
 export default _default;

package/lib/components/pisellCardList/index.js

@@ -64,18 +64,6 @@ var PisellCardList = (props) => {
     showEmpty,
     showBalanceSymbol,
     onChangeDebounce,
-    showStatus,
-    nameTitleStyle,
-    enableEditAmount,
-    useExternalDetail,
-    onDetail,
-    formatBalance,
-    formatBalanceTitle,
-    formatRedeem,
-    formatRedeemTitle,
-    onBeforeEditAmount,
-    onItemClick,
-    showActiveBackground,
     validDateBySchedule,
     scheduleList
   } = props;
@@ -92,19 +80,12 @@ var PisellCardList = (props) => {
       iconPosition: "hide",
       fullWidth,
       onChangeDebounce,
-      onItemClick,
-      showActiveBackground,
       renderOption: (item, active, index) => {
         return /* @__PURE__ */ import_react.default.createElement(
           import_pisellWalletPassCard.default,
           {
             ...item,
             active,
-            mode,
-            showActiveIcon: true,
-            showStatus: showStatus || (item == null ? void 0 : item.showStatus),
-            cardStatus: item == null ? void 0 : item.cardStatus,
-            nameTitleStyle: nameTitleStyle || (item == null ? void 0 : item.nameTitleStyle),
             showName: showName || (item == null ? void 0 : item.showName),
             showBalance: showBalance || (item == null ? void 0 : item.showBalance),
             showCode: showCode || (item == null ? void 0 : item.showCode),
@@ -117,36 +98,18 @@ var PisellCardList = (props) => {
             showBalanceSymbol: showBalanceSymbol || (item == null ? void 0 : item.showBalanceSymbol),
             showActions: props.showActions || (item == null ? void 0 : item.showActions),
             actions: props.actions || (item == null ? void 0 : item.actions),
-            enableEditAmount: enableEditAmount || (item == null ? void 0 : item.enableEditAmount),
-            useExternalDetail: useExternalDetail || (item == null ? void 0 : item.useExternalDetail),
-            onDetail: (record) => {
-              var _a;
-              return (_a = props == null ? void 0 : props.onDetail) == null ? void 0 : _a.call(props, record, index);
-            },
             validDateBySchedule: validDateBySchedule || (item == null ? void 0 : item.validDateBySchedule),
             scheduleList: scheduleList || (item == null ? void 0 : item.scheduleList),
             beforeEdit: (record) => {
               var _a;
               return (_a = props == null ? void 0 : props.beforeEdit) == null ? void 0 : _a.call(props, record, index);
             },
-            onConfirmEditAmount: (value2) => {
-              var _a;
-              (_a = props.onConfirmEditAmount) == null ? void 0 : _a.call(props, value2, index, item);
-            },
             onConfirmEdit: (newVal) => {
               var _a;
-              (_a = props.onConfirmEdit) == null ? void 0 : _a.call(props, newVal, index, item);
+              (_a = props.onConfirmEdit) == null ? void 0 : _a.call(props, newVal, index);
             },
-            formatBalance: formatBalance || (item == null ? void 0 : item.formatBalance),
-            formatBalanceTitle: formatBalanceTitle || (item == null ? void 0 : item.formatBalanceTitle),
             type,
-            style: direction === "vertical" || direction === "horizontal" && fullWidth ? { width: "100%" } : {},
-            formatRedeem: formatRedeem || (item == null ? void 0 : item.formatRedeem),
-            formatRedeemTitle: formatRedeemTitle || (item == null ? void 0 : item.formatRedeemTitle),
-            onBeforeEditAmount: (record) => {
-              var _a;
-              return (_a = props == null ? void 0 : props.onBeforeEditAmount) == null ? void 0 : _a.call(props, record, index, item);
-            }
+            style: direction === "vertical" || direction === "horizontal" && fullWidth ? { width: "100%" } : {}
           }
         );
       }

package/lib/components/pisellCardList/index.less

@@ -72,12 +72,4 @@
 // .pisell-card-disabled {
 //   color: var(--Gray-500, #667085);
 //   padding-bottom: 36px;
-// }
-
-.keyboard-modal-wrapper {
-  .pisell-amount-keyboard-wrap {
-    padding: 10px;
-    background: rgba(29, 41, 57, .8) !important;
-    border-radius: 10px;
-  }
-}
+// }

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

@@ -5,7 +5,6 @@ export interface PisellCheckboxGroupOption {
     label: string;
     value: string;
     disabled?: boolean;
-    error?: boolean;
     [key: string]: any;
 }
 declare type PisellCheckboxGroupValue = string | string[] | any;
@@ -25,8 +24,6 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
     optionClassName?: string;
     optionActiveClassName?: string;
     onChangeDebounce?: boolean;
-    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: PisellCheckboxGroupOption) => void;
-    showActiveBackground?: boolean;
 }
 /**
  * @title: PisellCheckboxGroup
@@ -36,5 +33,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

@@ -64,8 +64,6 @@ var PisellCheckboxGroup = (props) => {
     optionClassName,
     optionActiveClassName,
     onChangeDebounce,
-    onItemClick,
-    showActiveBackground = false,
     ...rest
   } = props;
   const [_value, set_value] = (0, import_react2.useState)([]);
@@ -152,16 +150,13 @@ var PisellCheckboxGroup = (props) => {
             optionClassName,
             {
               "pisell-checkbox-group-item-active": active,
-              "pisell-checkbox-group-item-with-background": active && showActiveBackground,
-              [optionActiveClassName]: active,
-              "pisell-checkbox-group-item-error": option.error
+              [optionActiveClassName]: active
             }
           ),
           key: option[rowKey],
           gap: 10,
           style: rowStyle,
           onClick: (e) => {
-            onItemClick == null ? void 0 : onItemClick(e, option);
             if (option.disabled) return;
             if (onChangeDebounce) {
               run(option[rowKey], option);

package/lib/components/pisellCheckboxGroup/index.less

@@ -24,37 +24,10 @@
 
     &.pisell-checkbox-group-item-active {
       &::before {
-        border-width: 4px;
+        border-width: 2px;
         border-color: var(--theme-color);
-        z-index: 1;
-        box-sizing: border-box;
-      }
-      
-      // 可选的背景色样式，需要额外的类名才会应用
-      &.pisell-checkbox-group-item-with-background {
-        &::before {
-          background: var(--Primary-50, #F9F5FF);
-        }
-      }
-      .pisell-row-center {
-        .pisell-row {
-          position: relative;
-          z-index: 1;
-        }
-      }
-      .pisell-row-right {
-        position: relative;
-        z-index: 1;
       }
-    }
 
-    &.pisell-checkbox-group-item-error {
-      &::before {
-        border-color: var(--Error-500, #F04438);
-        border-width: 2px;
-        background: var(--Error-50, #FEF3F2);
-        z-index: 1;
-      }
     }
   }
 }

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

@@ -0,0 +1,4 @@
+export declare const mockList: {
+    label: string;
+    value: string;
+}[];

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/pisellCountdown/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 格式化时间字符串函数
+ * 该函数将给定的持续时间（以秒为单位）格式化为指定格式的时间字符串
+ * @param duration - 持续时间，单位为秒。
+ * @param format - 时间格式字符串，其中包含要显示的时间单位及其格式。例如："[HH] hours, [mm] minutes, [ss] seconds"。
+ */
+export declare function formatTimeStr(duration: number, format: string): string;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';
@@ -17,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/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/Action/Action.d.ts

@@ -0,0 +1,10 @@
+import React, { CSSProperties } from 'react';
+import './Action.less';
+export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
+    active?: {
+        fill: string;
+        background: string;
+    };
+    cursor?: CSSProperties['cursor'];
+}
+export declare const Action: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,2 @@
+export { Action } from './Action';
+export type { Props as ActionProps } from './Action';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionProps } from '../Action';
+export declare const Handle: React.ForwardRefExoticComponent<ActionProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1 @@
+export { Handle } from './Handle';

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

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

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

@@ -0,0 +1 @@
+export { Remove } from './Remove';

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

@@ -0,0 +1,9 @@
+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;
+}
+declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes } from 'react';
+import type { TreeItem as TreeItemType } from '../../types';
+import './TreeItem.less';
+export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
+    childCount?: number;
+    clone?: boolean;
+    collapsed?: boolean;
+    depth: number;
+    disableInteraction?: boolean;
+    disableSelection?: boolean;
+    ghost?: boolean;
+    handleProps?: any;
+    indicator?: boolean;
+    indentationWidth: number;
+    onCollapse?(): void;
+    onRemove?(): void;
+    wrapperRef?(node: HTMLLIElement): void;
+    item: TreeItemType;
+    renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
+    __designMode?: string;
+    isBlocked?: boolean;
+    isError?: boolean;
+}
+export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { TreeItem } from './TreeItem';
+export { default as SortableTreeItem } from './SortableTreeItem';

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

@@ -0,0 +1,4 @@
+export { Action } from './Action';
+export { Handle } from './Handle';
+export { Remove } from './Remove';
+export { TreeItem, SortableTreeItem } from './TreeItem';

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

@@ -0,0 +1,35 @@
+/**
+ * 可拖拽树形组件
+ * 基于@dnd-kit库实现，支持拖拽排序、展开折叠、删除等功能
+ */
+import { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
+import type { FlattenedItem, TreeItem, TreeItems } from './types';
+import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
+interface Props {
+    /** 是否支持折叠功能 */
+    collapsible?: boolean;
+    /** 初始树形数据，默认使用 initialItems */
+    value?: TreeItems;
+    /** 缩进宽度，控制子节点的缩进距离 */
+    indentationWidth?: number;
+    /** 是否显示拖拽指示器 */
+    indicator?: boolean;
+    /** 是否支持删除节点功能 */
+    removable?: boolean;
+    /** 自定义渲染树节点 */
+    renderItem?: (item: TreeItemProps, ref: React.RefObject<HTMLDivElement>) => React.ReactNode;
+    /** 树形数据变化回调 */
+    onChange?: (items: TreeItems) => void;
+    /** 删除节点前 */
+    onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 最大层级 */
+    maxLevel?: number;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: FlattenedItem, dropTarget: FlattenedItem, parentId: UniqueIdentifier | null, parentNode: any) => boolean;
+}
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): React.JSX.Element;
+declare const Demo: (props: Props) => React.JSX.Element;
+export default Demo;

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

@@ -0,0 +1,19 @@
+import type { MutableRefObject } from 'react';
+import type { UniqueIdentifier } from '@dnd-kit/core';
+export interface TreeItem {
+    id: UniqueIdentifier;
+    children: TreeItem[];
+    collapsed?: boolean;
+    disabledDrop?: boolean;
+    [key: string]: any;
+}
+export declare type TreeItems = TreeItem[];
+export interface FlattenedItem extends TreeItem {
+    parentId: UniqueIdentifier | null;
+    depth: number;
+    index: number;
+}
+export declare type SensorContext = MutableRefObject<{
+    items: FlattenedItem[];
+    offset: number;
+}>;

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

@@ -0,0 +1,17 @@
+import type { UniqueIdentifier } from '@dnd-kit/core';
+import type { FlattenedItem, TreeItem, TreeItems } from './types';
+export declare const iOS: boolean;
+export declare function getProjection(items: FlattenedItem[], activeId: UniqueIdentifier, overId: UniqueIdentifier, dragOffset: number, indentationWidth: number): {
+    depth: number;
+    maxDepth: number;
+    minDepth: number;
+    parentId: UniqueIdentifier | null;
+};
+export declare function flattenTree(items: TreeItems): FlattenedItem[];
+export declare function buildTree(flattenedItems: FlattenedItem[]): TreeItems;
+export declare function findItem(items: TreeItem[], itemId: UniqueIdentifier): TreeItem | undefined;
+export declare function findItemDeep(items: TreeItems, itemId: UniqueIdentifier): TreeItem | undefined;
+export declare function removeItem(items: TreeItems, id: UniqueIdentifier): TreeItem[];
+export declare function setProperty<T extends keyof TreeItem>(items: TreeItems, id: UniqueIdentifier, property: T, setter: (value: TreeItem[T]) => TreeItem[T]): TreeItem[];
+export declare function getChildCount(items: TreeItems, id: UniqueIdentifier): number;
+export declare function removeChildrenOf(items: FlattenedItem[], ids: UniqueIdentifier[]): FlattenedItem[];