@pisell/materials 1.8.21 → 1.8.22

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -42,7 +41,7 @@ declare const formFieldMap: {
     } & {
         dataSource?: any;
         extraParams?: Record<string, any> | undefined;
-    }) => JSX.Element;
+    }) => import("react").JSX.Element;
     FormItemInputNumber: import("react").FC<any>;
     FormItemPercent: import("react").FC<any>;
     FormItemTimePicker: import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -69,7 +68,7 @@ declare const formFieldMap: {
     } & {
         dataSource?: any;
         extraParams?: Record<string, any> | undefined;
-    }) => JSX.Element;
+    }) => import("react").JSX.Element;
     FormItemTabs: (props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
         optionSourceType?: "default" | "custom" | "api" | undefined;
@@ -79,7 +78,7 @@ declare const formFieldMap: {
     } & {
         dataSource?: any;
         extraParams?: Record<string, any> | undefined;
-    }) => JSX.Element;
+    }) => import("react").JSX.Element;
 };
 declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -120,7 +119,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
@@ -129,7 +128,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => JSX.Element) | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+}) => import("react").JSX.Element) | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
@@ -138,5 +137,5 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => JSX.Element);
+}) => import("react").JSX.Element);
 export { getFieldComponent, formFieldMap };

package/lib/components/dataSourceComponents/hooks/useActions.d.ts

@@ -6,13 +6,13 @@ export interface UseActionsParams {
     extraParams?: Record<string, any>;
 }
 declare const useActions: ({ dataSource: propsDataSource, currentValue: propsCurrentValue, __designMode, extraParams: propsExtraParams, }?: UseActionsParams) => {
-    create: (values: Record<string, any>) => Promise<any>;
-    get: () => Promise<any>;
-    update: (values: Record<string, any>) => Promise<any>;
-    list: (params: {
+    create: (this: unknown, values: Record<string, any>) => Promise<any>;
+    get: (this: unknown) => Promise<any>;
+    update: (this: unknown, values: Record<string, any>) => Promise<any>;
+    list: (this: unknown, params: {
         page: number;
         pageSize: number;
     }) => Promise<any>;
-    destroy: (id: string) => Promise<any>;
+    destroy: (this: unknown, id: string) => Promise<any>;
 };
 export default useActions;

package/lib/components/dataSourceComponents/hooks/useParseActionsVariable.d.ts

@@ -1,6 +1,11 @@
-import { Collection } from '../dataSourceForm/serve';
-declare type Actions = Collection['actions'];
+import { ActionsItem } from '../dataSourceForm/serve';
 declare const useParseActionsVariable: () => {
-    parseActions: (actions: Actions, localVariables: Record<string, any>) => Record<string, any>;
+    parseActions: (this: unknown, actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    }, localVariables: Record<string, any>) => Record<string, any>;
 };
 export default useParseActionsVariable;

package/lib/components/date-picker/datePickerCpt.d.ts

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

package/lib/components/date-picker/index.d.ts

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

package/lib/components/drag-sort-tree/TreeItem/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 import { ValueProps, SortType } from '../types';
 declare type IdType = string | number;
@@ -15,5 +15,5 @@ declare type TreeItemProps = {
     onSelectKeys?: (ids: IdType) => void;
     onChange?: (value: any[]) => void;
 };
-declare const TreeItem: (props: TreeItemProps) => JSX.Element;
+declare const TreeItem: (props: TreeItemProps) => React.JSX.Element;
 export default TreeItem;

package/lib/components/drag-sort-tree/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 import { SortType } from './types';
-declare const DragSortTree: (props: SortType) => JSX.Element;
+declare const DragSortTree: (props: SortType) => React.JSX.Element;
 export default DragSortTree;

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

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

package/lib/components/filter/components/items/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {
@@ -7,8 +6,8 @@ export declare const fieldMaps: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => JSX.Element;
-        Editor: () => JSX.Element;
+        Preview: (props: any) => import("react").JSX.Element;
+        Editor: () => import("react").JSX.Element;
     };
 };
 export declare const fieldList: {
@@ -24,8 +23,8 @@ export declare const getFieldByType: (type: string) => {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => JSX.Element;
-    Editor: () => JSX.Element;
+    Preview: (props: any) => import("react").JSX.Element;
+    Editor: () => import("react").JSX.Element;
 };
 declare const _default: {
     text: {
@@ -35,8 +34,8 @@ declare const _default: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => JSX.Element;
-        Editor: () => JSX.Element;
+        Preview: (props: any) => import("react").JSX.Element;
+        Editor: () => import("react").JSX.Element;
     };
 };
 export default _default;

package/lib/components/filter/components/items/text/Editor/index.d.ts

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

package/lib/components/filter/components/items/text/Preview/index.d.ts

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

package/lib/components/filter/components/items/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;
@@ -6,7 +5,7 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => JSX.Element;
-    Editor: () => JSX.Element;
+    Preview: (props: any) => import("react").JSX.Element;
+    Editor: () => import("react").JSX.Element;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { FilterProps } from "./types";
-declare const Filter: (props: FilterProps) => JSX.Element | null;
+declare const Filter: (props: FilterProps) => React.JSX.Element | null;
 export default Filter;

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

@@ -18,5 +18,5 @@ export interface KeyboardProps {
     rightItems?: Item[];
     keydown?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
 export default _default;

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/page/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
     variablesConfig?: {
         disabledHistoryListener?: boolean;
     };
 }
-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/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,5 +1,5 @@
-/// <reference types="react" />
+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/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/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/pisellCheckboxGroup/index.d.ts

@@ -36,5 +36,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/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/pisellDataSourceContainer/PisellDataSourceContainer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DataSourceContainerProps } from './type';
-declare const PisellDataSourceContainer: (props: DataSourceContainerProps) => JSX.Element;
+declare const PisellDataSourceContainer: (props: DataSourceContainerProps) => React.JSX.Element;
 export default PisellDataSourceContainer;

package/lib/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined>;
+    dataSourceKey: string | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
 };
 export default useDataSourceKey;

package/lib/components/pisellDataSourceContainer/provider/HandleActions.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DataSourceContainerProps, HandleActionContextType } from '../type';
 export declare const HandleActionContext: React.Context<HandleActionContextType | null>;
-export declare const HandleActionsProvider: (props: DataSourceContainerProps) => JSX.Element;
+export declare const HandleActionsProvider: (props: DataSourceContainerProps) => React.JSX.Element;
 export declare const useHandleActionProvider: () => HandleActionContextType;

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

@@ -1,3 +1,2 @@
-/// <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

@@ -5,5 +5,5 @@ interface Props extends TreeItemProps {
     id: UniqueIdentifier;
     __designMode?: string;
 }
-declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => React.JSX.Element>;
 export default _default;

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

@@ -30,6 +30,6 @@ interface Props {
     /** 自定义拖拽判断函数，返回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): JSX.Element;
-declare const Demo: (props: Props) => JSX.Element;
+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/pisellDropSort/components/SortableItem/index.d.ts

@@ -22,5 +22,5 @@ interface SortableItemProps {
     /** 获取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/pisellEmpty/index.d.ts

@@ -15,5 +15,5 @@ export interface PisellEmptyProps extends EmptyProps {
     /** 最大宽度 */
     maxWidth?: number;
 }
-declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
 export default PisellEmpty;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PisellFilterProps } from './type';
-declare const PisellFilter: (props: PisellFilterProps) => JSX.Element;
+declare const PisellFilter: (props: PisellFilterProps) => React.JSX.Element;
 export default PisellFilter;

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/pisellFloorMapLayout/components/CanvasTabs.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+/**
+ * CanvasTabs - 多画布 Tab，支持切换、动态添加、删除与重命名（编辑态）
+ * - 展示名：可选 `nameKey` + `locales.getText`，否则用 `name`（字符串或多语言对象）
+ * - 角标：可选 `tabBadge` 或由布局层注入合并后的数量
+ */
+import React from 'react';
 import type { FloorMapCanvas, FloorMapCanvasNameI18n } from '../types';
 import './CanvasTabs.less';
 export interface CanvasTabsProps {
@@ -18,5 +23,5 @@ export interface CanvasTabsProps {
     onRenameCanvas?: (canvasId: string, name: string | FloorMapCanvasNameI18n) => void;
     className?: string;
 }
-export declare function CanvasTabs(props: CanvasTabsProps): JSX.Element;
+export declare function CanvasTabs(props: CanvasTabsProps): React.JSX.Element;
 export default CanvasTabs;

package/lib/components/pisellFloorMapLayout/components/EditableItemLayer.d.ts

@@ -33,5 +33,5 @@ export interface EditableItemLayerProps<T extends FloorMapItemBase = FloorMapMer
     getMergedItemWrapperStyle?: (item: T, index: number) => CSSProperties | undefined;
     className?: string;
 }
-export declare function EditableItemLayer<T extends FloorMapItemBase>(props: EditableItemLayerProps<T>): JSX.Element;
+export declare function EditableItemLayer<T extends FloorMapItemBase>(props: EditableItemLayerProps<T>): React.JSX.Element;
 export default EditableItemLayer;

package/lib/components/pisellFloorMapLayout/components/FigmaTableCard.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * Figma 样式餐桌/圆桌卡片：上下小条 + 白底卡片 + 状态色边框
+ * 供 Floor Map Story 与 Sales Grid 平面图复用
+ */
+import React from 'react';
 import type { FloorMapMergedItem, FloorMapDataSources } from '../types';
 export declare type FigmaTableStatus = 'available' | 'reserved' | 'waiting' | 'dining' | 'billed' | 'availableSoon';
 /** 方桌/圆桌卡片展示用数据结构（与 Figma 设计一致，支持桌号/状态/人数/区域等） */
@@ -30,10 +34,10 @@ export interface FigmaTableCardItem {
 /** 从 merged item + dataSources 得到卡片数据 */
 export declare function getFigmaTableCardFromMerged(item: FloorMapMergedItem, dataSources: FloorMapDataSources): FigmaTableCardItem;
 /** 渲染 Figma 样式的方桌卡片（上下小条 + 白底卡片 + 状态边框） */
-export declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+export declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): React.JSX.Element;
 /** 渲染 Figma 样式的圆桌卡片（圆形轮廓，展示桌号/状态/人数/区域） */
-export declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+export declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): React.JSX.Element;
 /** 返回用于 renderItemByKind.table 的渲染函数（方桌） */
-export declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
+export declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => React.JSX.Element;
 /** 返回用于 renderItemByKind.roundTable 的渲染函数（圆桌） */
-export declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
+export declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => React.JSX.Element;

package/lib/components/pisellFloorMapLayout/components/FloorMapDataForm.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * FloorMapDataForm - 数据源落位的数据表单，调用 onDataSourceRecordSave
+ * 支持通过 columns 配置列标签与控件类型（string/number/select），与表格列一致
+ */
+import React from 'react';
 import type { FloorMapDataSources, DataSourceFormColumn } from '../types';
 import './FloorMapDataForm.less';
 export interface FloorMapDataFormProps {
@@ -13,5 +17,5 @@ export interface FloorMapDataFormProps {
     className?: string;
 }
 /** 简单通用表单：可编辑记录中的字段；支持 columns 配置标签与控件类型 */
-export declare function FloorMapDataForm(props: FloorMapDataFormProps): JSX.Element;
+export declare function FloorMapDataForm(props: FloorMapDataFormProps): React.JSX.Element;
 export default FloorMapDataForm;

package/lib/components/pisellFloorMapLayout/components/FloorMapEditPanel.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * FloorMapEditPanel - 选中图元后的编辑面板：画布属性 + 可选数据绑定 + 数据源记录表单
+ */
+import React from 'react';
 import type { FloorMapEditPanelParams, FloorMapViewConfig, FloorMapDataSources } from '../types';
 import './FloorMapEditPanel.less';
 export interface FloorMapEditPanelProps extends FloorMapEditPanelParams {
@@ -7,5 +10,5 @@ export interface FloorMapEditPanelProps extends FloorMapEditPanelParams {
     savingRecord?: boolean;
     className?: string;
 }
-export declare function FloorMapEditPanel(props: FloorMapEditPanelProps): JSX.Element;
+export declare function FloorMapEditPanel(props: FloorMapEditPanelProps): React.JSX.Element;
 export default FloorMapEditPanel;

package/lib/components/pisellFloorMapLayout/components/FloorMapEditTopBar.d.ts

@@ -32,5 +32,5 @@ export interface FloorMapEditTopBarProps {
     canvasTabsBarTrailing?: React.ReactNode;
     className?: string;
 }
-export declare function FloorMapEditTopBar(props: FloorMapEditTopBarProps): JSX.Element;
+export declare function FloorMapEditTopBar(props: FloorMapEditTopBarProps): React.JSX.Element;
 export default FloorMapEditTopBar;

package/lib/components/pisellFloorMapLayout/components/FloorMapImageElement.d.ts

@@ -1,6 +1,9 @@
-/// <reference types="react" />
+/**
+ * 平面图「图片图元」内层展示：支持 URL、object-fit 铺满；无地址或加载失败时占位
+ */
+import React from 'react';
 export interface FloorMapImageElementProps {
     imageUrl?: string;
     name?: string;
 }
-export declare function FloorMapImageElement(props: FloorMapImageElementProps): JSX.Element;
+export declare function FloorMapImageElement(props: FloorMapImageElementProps): React.JSX.Element;

package/lib/components/pisellFloorMapLayout/components/FloorMapToolbar.d.ts

@@ -31,5 +31,5 @@ export interface FloorMapToolbarProps {
     /** 触摸拖放结束后吞掉按钮 click，避免误触切换落点模式 */
     consumeToolbarClickIfTouchDrag?: () => boolean;
 }
-export declare function FloorMapToolbar(props: FloorMapToolbarProps): JSX.Element;
+export declare function FloorMapToolbar(props: FloorMapToolbarProps): React.JSX.Element;
 export default FloorMapToolbar;

package/lib/components/pisellFloorMapLayout/components/ItemLayer.d.ts

@@ -39,5 +39,5 @@ export interface ItemLayerProps<T extends FloorMapItemBase> {
     getMergedItemWrapperStyle?: (item: T, index: number) => CSSProperties | undefined;
     className?: string;
 }
-export declare function ItemLayer<T extends FloorMapItemBase>(props: ItemLayerProps<T>): JSX.Element;
+export declare function ItemLayer<T extends FloorMapItemBase>(props: ItemLayerProps<T>): React.JSX.Element;
 export default ItemLayer;

package/lib/components/pisellFloorMapLayout/components/MapLayer.d.ts

@@ -23,5 +23,5 @@ export interface MapLayerProps {
     /** 自定义类名 */
     className?: string;
 }
-export declare function MapLayer(props: MapLayerProps): JSX.Element;
+export declare function MapLayer(props: MapLayerProps): React.JSX.Element;
 export default MapLayer;

package/lib/components/pisellFloorMapLayout/components/ViewControls.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * ViewControls - 内置视图控制按钮：缩放（Stepper）、复位、区域定位
+ */
+import React from 'react';
 import type { FloorMapControlsConfig } from '../types';
 import './ViewControls.less';
 /** 从 react-zoom-pan-pinch 拿到的控制 API（由主组件传入） */
@@ -26,5 +29,5 @@ export interface ViewControlsProps {
     /** 切换当前画布 draft 的 mapLayer.showGrid */
     onToggleMapGrid?: () => void;
 }
-export declare function ViewControls(props: ViewControlsProps): JSX.Element;
+export declare function ViewControls(props: ViewControlsProps): React.JSX.Element;
 export default ViewControls;

package/lib/components/pisellFloorMapLayout/components/ViewControlsWithZoom.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * 在 TransformWrapper 内用 useControls 拿到 zoom 控制并渲染 ViewControls，确保点击加减能缩放
+ */
+import React from 'react';
 import type { FloorMapControlsConfig } from '../types';
 export interface ViewControlsWithZoomProps {
     config?: FloorMapControlsConfig;
@@ -10,4 +13,4 @@ export interface ViewControlsWithZoomProps {
     mapGridVisible?: boolean;
     onToggleMapGrid?: () => void;
 }
-export declare function ViewControlsWithZoom(props: ViewControlsWithZoomProps): JSX.Element;
+export declare function ViewControlsWithZoom(props: ViewControlsWithZoomProps): React.JSX.Element;

package/lib/components/pisellFloorMapLayout/context/FloorMapLayoutContext.d.ts

@@ -13,4 +13,4 @@ export interface FloorMapLayoutProviderProps {
     children: React.ReactNode;
 }
 /** 注入 `FloorMapLayoutContextValue`；`value` 建议由调用方 `useMemo` 稳定化 */
-export declare function FloorMapLayoutProvider({ value, children, }: FloorMapLayoutProviderProps): JSX.Element;
+export declare function FloorMapLayoutProvider({ value, children, }: FloorMapLayoutProviderProps): React.JSX.Element;