@pisell/materials 6.12.24 → 6.12.27

package/es/components/PisellGroupView/utils/index.d.ts

@@ -9,7 +9,7 @@ export declare const COMPONENT_PREFIX = "pisell-group-view";
  * @returns 字段名数组；自定义函数分组时返回空数组
  * @description 用于透传给 `renderItem`，让调用方据此省略头部已展示的字段
  */
-export declare const getGroupFieldNames: <T>(groupBy: string | string[] | ((item: T, index: number) => import("@pisell/utils").GroupKey | import("@pisell/utils").GroupKey[])) => string[];
+export declare const getGroupFieldNames: <T>(groupBy: string | string[] | ((item: T, index: number) => any)) => string[];
 /**
  * 获取主体内单条数据的稳定 key
  * @param item - 数据项

package/es/components/PisellSuperTabs/PisellSuperTabs.js

@@ -37,6 +37,7 @@ var PisellSuperTabs = function PisellSuperTabs(props, ref) {
     slotRight = props.slotRight,
     slotTop = props.slotTop,
     slotBottom = props.slotBottom,
+    slotBottomRef = props.slotBottomRef,
     tabItemClassName = props.tabItemClassName,
     tabItemStyle = props.tabItemStyle,
     slotLeftClassName = props.slotLeftClassName,
@@ -188,6 +189,7 @@ var PisellSuperTabs = function PisellSuperTabs(props, ref) {
     className: classNames('pisell-super-tabs-slot-right-' + id, slotRightClassName),
     style: slotRightStyle
   }, slotRight), /*#__PURE__*/React.createElement("div", {
+    ref: slotBottomRef,
     className: classNames('pisell-super-tabs-slot-bottom-' + id, slotBottomClassName),
     style: slotBottomStyle
   }, slotBottom));

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

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ReactNode, Ref } from 'react';
 import type { PisellBasicGridProps } from '../PisellBasicGrid/types';
 import type { PisellScrollViewProps } from '../PisellScrollView/types';
 import type { PisellBasicCardProps } from '../PisellCards/types';
@@ -166,6 +166,8 @@ export interface PisellSuperTabsProps<T = any> {
      * 底部插槽
      */
     slotBottom?: ReactNode;
+    /** 底部插槽容器引用 */
+    slotBottomRef?: Ref<HTMLDivElement>;
     slotBottomClassName?: string;
     slotBottomStyle?: CSSProperties;
     __designMode?: boolean;

package/es/components/PisellTabbar/PisellTabbar.js

@@ -94,6 +94,18 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
     level1Actions = props.level1Actions;
   var containerRef = useRef(null);
   var tabbarIdRef = useRef(createTabbarId());
+  var bottomSlotRefs = useRef(new Map());
+  var registerBottomSlot = useCallback(function (id, element) {
+    if (element) {
+      bottomSlotRefs.current.set(id, element);
+    } else {
+      bottomSlotRefs.current.delete(id);
+    }
+  }, []);
+  var getBottomSlot = useCallback(function (id) {
+    var _bottomSlotRefs$curre;
+    return (_bottomSlotRefs$curre = bottomSlotRefs.current.get(id)) !== null && _bottomSlotRefs$curre !== void 0 ? _bottomSlotRefs$curre : null;
+  }, []);
   var searchRef = useRef(null);
 
   // 激活的 key 管理
@@ -319,6 +331,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
       _dataSource2 = addDataSourceItemsByKey(_dataSource2, LEVEL_ADD_ITEMS.level3);
     }
     var level3Config = getLevelConfig('level3');
+    var level3TabbarId = "".concat(tabbarIdRef.current, "-").concat(panelProps2.dataSource.id);
 
     /**
      * 渲染三级 Tab 项
@@ -339,13 +352,15 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
           return renderLevelNNormalCard(cardProps, 'level3');
         },
         panelContainer: function panelContainer() {
-          var selector = ".pisell-super-tabs-slot-bottom-".concat(tabbarIdRef.current, "-").concat(panelProps2.dataSource.id);
-          return document.querySelector(selector);
+          return getBottomSlot(level3TabbarId);
         }
       }));
     };
     return /*#__PURE__*/React.createElement(SuperTabs, {
-      id: "".concat(tabbarIdRef.current, "-").concat(panelProps2.dataSource.id),
+      id: level3TabbarId,
+      slotBottomRef: function slotBottomRef(element) {
+        return registerBottomSlot(level3TabbarId, element);
+      },
       tabItemStyle: {},
       isControlled: true,
       dataSource: _dataSource2,
@@ -376,7 +391,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
       scrollViewProps: level3ScrollViewProps,
       renderItem: renderLevel3Item
     });
-  }, [activeKey, maxLevel, getActiveKey, handleLevel3Change, level3Expand, level3ScrollViewProps, toggleExpand, getLevelConfig, renderLevelNCard, renderLevelNNormalCard]);
+  }, [activeKey, maxLevel, getActiveKey, handleLevel3Change, level3Expand, level3ScrollViewProps, toggleExpand, getLevelConfig, getBottomSlot, registerBottomSlot, renderLevelNCard, renderLevelNNormalCard]);
 
   /**
    * 渲染二级 Tabbar
@@ -388,6 +403,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
       _dataSource = addDataSourceItemsByKey(_dataSource, LEVEL_ADD_ITEMS.level2);
     }
     var level2Config = getLevelConfig('level2');
+    var level2TabbarId = "".concat(tabbarIdRef.current, "-").concat(panelProps.dataSource.id);
 
     /**
      * 渲染二级 Tab 项
@@ -415,13 +431,15 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
           return null;
         },
         panelContainer: function panelContainer() {
-          var selector = ".pisell-super-tabs-slot-bottom-".concat(tabbarIdRef.current, "-").concat(panelProps.dataSource.id);
-          return document.querySelector(selector);
+          return getBottomSlot(level2TabbarId);
         }
       }));
     };
     return /*#__PURE__*/React.createElement(SuperTabs, {
-      id: "".concat(tabbarIdRef.current, "-").concat(panelProps.dataSource.id),
+      id: level2TabbarId,
+      slotBottomRef: function slotBottomRef(element) {
+        return registerBottomSlot(level2TabbarId, element);
+      },
       tabItemStyle: {},
       dataSource: _dataSource,
       value: level2Value,
@@ -452,7 +470,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
       scrollViewProps: level2ScrollViewProps,
       renderItem: renderLevel2Item
     });
-  }, [activeKey, maxLevel, getActiveKey, handleLevel2Change, level2Expand, level2ScrollViewProps, toggleExpand, getLevelConfig, renderLevelNCard, renderLevelNNormalCard, renderLevel3]);
+  }, [activeKey, maxLevel, getActiveKey, handleLevel2Change, level2Expand, level2ScrollViewProps, toggleExpand, getLevelConfig, getBottomSlot, registerBottomSlot, renderLevelNCard, renderLevelNNormalCard, renderLevel3]);
   var renderExpand = useCallback(function (itemProps, level) {
     return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
       card: function card(cardProps) {
@@ -557,8 +575,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
         return null;
       },
       panelContainer: function panelContainer() {
-        var selector = ".pisell-super-tabs-slot-bottom-".concat(tabbarIdRef.current);
-        return document.querySelector(selector);
+        return getBottomSlot(tabbarIdRef.current);
       }
     }));
   });
@@ -584,6 +601,9 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
     }, /*#__PURE__*/React.createElement(SuperTabs, {
       isControlled: true,
       id: tabbarIdRef.current,
+      slotBottomRef: function slotBottomRef(element) {
+        return registerBottomSlot(tabbarIdRef.current, element);
+      },
       tabItemStyle: {},
       dataSource: level1DataSource,
       value: level1Value,
@@ -601,7 +621,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
       scrollViewProps: level1ScrollViewProps,
       renderItem: renderLevel1Item
     })) : null;
-  }, [className, style, level1DataSource, activeKey, expand, maxLevel, level1Value, handleLevel1Change, level1Config, level1Expand, level1ScrollViewProps, renderLevel1Item]);
+  }, [className, style, level1DataSource, activeKey, expand, maxLevel, level1Value, handleLevel1Change, level1Config, level1Expand, level1ScrollViewProps, registerBottomSlot, renderLevel1Item]);
   return tabbarDom;
 });
 PisellTabbar.displayName = 'PisellTabbar';

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

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

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

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;
@@ -54,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "small" | "large" | "middle";
         openTitle: string;
         key: string;
     } | undefined;

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

@@ -80,7 +80,16 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     }) => import("react").JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+} & {
+    dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
+}) => import("react").JSX.Element) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -117,7 +126,7 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => import("react").JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
 } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | 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;
@@ -128,14 +137,5 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => 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;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-} & {
-    dataSource?: any;
-    extraParams?: Record<string, any> | undefined;
 }) => import("react").JSX.Element);
 export { getFieldComponent, formFieldMap };

package/es/components/iconSelect/utils.d.ts

@@ -2,7 +2,7 @@ export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
 export declare function get(obj: any, path: string, defaultValue?: any): any;
 export declare function getAntdIconList(): ({
     name: any;
-    group: "filled" | "outlined" | "two-tone";
+    group: "outlined" | "filled" | "two-tone";
     icon: any;
 } | null)[];
 interface IconItem {

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

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

package/es/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.d.ts

@@ -1,7 +1,7 @@
 import { type CalendarBookingSegmentInput } from './bookingCalendarDateUtils';
 export declare function getDrawerStatusTheme(item: CalendarBookingSegmentInput, dateKey: string): "bg-red-700/88 border-b-4 border-red-300/55" | "bg-zinc-700/88 border-b-4 border-zinc-400/45" | "bg-zinc-700/88 border-b-4 border-red-400/75" | "bg-violet-700/92 border-b-4 border-amber-400/95" | "bg-violet-700/92 border-b-4 border-zinc-300/45" | "bg-violet-700/92 border-b-4 border-violet-300/30";
 export declare function paymentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "bg-emerald-500 text-white" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "bg-sky-500 text-white" | "theme-danger-chip border" | "bg-red-500 text-white";
-export declare function fulfillmentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "theme-danger-chip border" | "bg-emerald-600 text-white" | "bg-cyan-500 text-white" | "bg-red-600 text-white" | "border border-[var(--border-strong)] bg-[var(--bg-input)] theme-text-soft" | "bg-zinc-600 text-white" | "border border-[var(--brand-light)] bg-[var(--brand-surface)] theme-brand-text" | "bg-violet-600 text-white";
+export declare function fulfillmentTagClass(label: string, isLight?: boolean): "bg-violet-600 text-white" | "theme-success-chip border" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "theme-danger-chip border" | "bg-emerald-600 text-white" | "bg-cyan-500 text-white" | "bg-red-600 text-white" | "border border-[var(--border-strong)] bg-[var(--bg-input)] theme-text-soft" | "bg-zinc-600 text-white" | "border border-[var(--brand-light)] bg-[var(--brand-surface)] theme-brand-text";
 export declare function getBookingStateClasses(item: CalendarBookingSegmentInput, dateKey: string): "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]" | "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]" | "bg-violet-700/90 border border-amber-400/80 text-violet-50" | "bg-red-700/70 text-red-100" | "bg-violet-700/90 text-violet-50";
 /**
  * 月 / 周紧凑格：不按签到/取消/迟到等状态变色，仅区分 booking（默认紫）与 block（红）。

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/es/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
+}) => ("filters" | "view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lib/components/PisellGroupView/utils/index.d.ts

@@ -9,7 +9,7 @@ export declare const COMPONENT_PREFIX = "pisell-group-view";
  * @returns 字段名数组；自定义函数分组时返回空数组
  * @description 用于透传给 `renderItem`，让调用方据此省略头部已展示的字段
  */
-export declare const getGroupFieldNames: <T>(groupBy: string | string[] | ((item: T, index: number) => import("@pisell/utils").GroupKey | import("@pisell/utils").GroupKey[])) => string[];
+export declare const getGroupFieldNames: <T>(groupBy: string | string[] | ((item: T, index: number) => any)) => string[];
 /**
  * 获取主体内单条数据的稳定 key
  * @param item - 数据项

package/lib/components/PisellSuperTabs/PisellSuperTabs.js

@@ -63,6 +63,7 @@ var PisellSuperTabs = (props, ref) => {
     slotRight,
     slotTop,
     slotBottom,
+    slotBottomRef,
     tabItemClassName,
     tabItemStyle,
     slotLeftClassName,
@@ -248,6 +249,7 @@ var PisellSuperTabs = (props, ref) => {
     /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
+        ref: slotBottomRef,
         className: (0, import_classnames.default)(
           "pisell-super-tabs-slot-bottom-" + id,
           slotBottomClassName

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

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ReactNode, Ref } from 'react';
 import type { PisellBasicGridProps } from '../PisellBasicGrid/types';
 import type { PisellScrollViewProps } from '../PisellScrollView/types';
 import type { PisellBasicCardProps } from '../PisellCards/types';
@@ -166,6 +166,8 @@ export interface PisellSuperTabsProps<T = any> {
      * 底部插槽
      */
     slotBottom?: ReactNode;
+    /** 底部插槽容器引用 */
+    slotBottomRef?: Ref<HTMLDivElement>;
     slotBottomClassName?: string;
     slotBottomStyle?: CSSProperties;
     __designMode?: boolean;

package/lib/components/PisellTabbar/PisellTabbar.js

@@ -75,6 +75,21 @@ var PisellTabbar = (0, import_react.forwardRef)(
     } = props;
     const containerRef = (0, import_react.useRef)(null);
     const tabbarIdRef = (0, import_react.useRef)(createTabbarId());
+    const bottomSlotRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+    const registerBottomSlot = (0, import_react.useCallback)(
+      (id, element) => {
+        if (element) {
+          bottomSlotRefs.current.set(id, element);
+        } else {
+          bottomSlotRefs.current.delete(id);
+        }
+      },
+      []
+    );
+    const getBottomSlot = (0, import_react.useCallback)(
+      (id) => bottomSlotRefs.current.get(id) ?? null,
+      []
+    );
     const searchRef = (0, import_react.useRef)(null);
     const {
       activeKey,
@@ -269,6 +284,7 @@ var PisellTabbar = (0, import_react.forwardRef)(
           );
         }
         const level3Config = getLevelConfig("level3");
+        const level3TabbarId = `${tabbarIdRef.current}-${panelProps2.dataSource.id}`;
         const renderLevel3Item = (itemProps) => {
           const { dataSource: itemData } = itemProps;
           if (itemData == null ? void 0 : itemData.customClick) {
@@ -281,17 +297,15 @@ var PisellTabbar = (0, import_react.forwardRef)(
             {
               ...itemProps,
               card: (cardProps) => renderLevelNNormalCard(cardProps, "level3"),
-              panelContainer: () => {
-                const selector = `.pisell-super-tabs-slot-bottom-${tabbarIdRef.current}-${panelProps2.dataSource.id}`;
-                return document.querySelector(selector);
-              }
+              panelContainer: () => getBottomSlot(level3TabbarId)
             }
           );
         };
         return /* @__PURE__ */ import_react.default.createElement(
           import_PisellSuperTabs.default,
           {
-            id: `${tabbarIdRef.current}-${panelProps2.dataSource.id}`,
+            id: level3TabbarId,
+            slotBottomRef: (element) => registerBottomSlot(level3TabbarId, element),
             tabItemStyle: {},
             isControlled: true,
             dataSource: _dataSource2,
@@ -328,6 +342,8 @@ var PisellTabbar = (0, import_react.forwardRef)(
         level3ScrollViewProps,
         toggleExpand,
         getLevelConfig,
+        getBottomSlot,
+        registerBottomSlot,
         renderLevelNCard,
         renderLevelNNormalCard
       ]
@@ -343,6 +359,7 @@ var PisellTabbar = (0, import_react.forwardRef)(
           );
         }
         const level2Config = getLevelConfig("level2");
+        const level2TabbarId = `${tabbarIdRef.current}-${panelProps.dataSource.id}`;
         const renderLevel2Item = (itemProps) => {
           const { dataSource: itemData } = itemProps;
           if (itemData == null ? void 0 : itemData.customClick) {
@@ -362,17 +379,15 @@ var PisellTabbar = (0, import_react.forwardRef)(
                 }
                 return null;
               },
-              panelContainer: () => {
-                const selector = `.pisell-super-tabs-slot-bottom-${tabbarIdRef.current}-${panelProps.dataSource.id}`;
-                return document.querySelector(selector);
-              }
+              panelContainer: () => getBottomSlot(level2TabbarId)
             }
           );
         };
         return /* @__PURE__ */ import_react.default.createElement(
           import_PisellSuperTabs.default,
           {
-            id: `${tabbarIdRef.current}-${panelProps.dataSource.id}`,
+            id: level2TabbarId,
+            slotBottomRef: (element) => registerBottomSlot(level2TabbarId, element),
             tabItemStyle: {},
             dataSource: _dataSource,
             value: level2Value,
@@ -409,6 +424,8 @@ var PisellTabbar = (0, import_react.forwardRef)(
         level2ScrollViewProps,
         toggleExpand,
         getLevelConfig,
+        getBottomSlot,
+        registerBottomSlot,
         renderLevelNCard,
         renderLevelNNormalCard,
         renderLevel3
@@ -540,10 +557,7 @@ var PisellTabbar = (0, import_react.forwardRef)(
               }
               return null;
             },
-            panelContainer: () => {
-              const selector = `.pisell-super-tabs-slot-bottom-${tabbarIdRef.current}`;
-              return document.querySelector(selector);
-            }
+            panelContainer: () => getBottomSlot(tabbarIdRef.current)
           }
         );
       }
@@ -570,6 +584,7 @@ var PisellTabbar = (0, import_react.forwardRef)(
           {
             isControlled: true,
             id: tabbarIdRef.current,
+            slotBottomRef: (element) => registerBottomSlot(tabbarIdRef.current, element),
             tabItemStyle: {},
             dataSource: level1DataSource,
             value: level1Value,
@@ -601,6 +616,7 @@ var PisellTabbar = (0, import_react.forwardRef)(
         level1Config,
         level1Expand,
         level1ScrollViewProps,
+        registerBottomSlot,
         renderLevel1Item
       ]
     );

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

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

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;
@@ -54,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "small" | "large" | "middle";
         openTitle: string;
         key: string;
     } | undefined;

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

@@ -80,7 +80,16 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     }) => import("react").JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+} & {
+    dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
+}) => import("react").JSX.Element) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -117,7 +126,7 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => import("react").JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
 } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | 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;
@@ -128,14 +137,5 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => 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;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-} & {
-    dataSource?: any;
-    extraParams?: Record<string, any> | undefined;
 }) => import("react").JSX.Element);
 export { getFieldComponent, formFieldMap };

package/lib/components/iconSelect/utils.d.ts

@@ -2,7 +2,7 @@ export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
 export declare function get(obj: any, path: string, defaultValue?: any): any;
 export declare function getAntdIconList(): ({
     name: any;
-    group: "filled" | "outlined" | "two-tone";
+    group: "outlined" | "filled" | "two-tone";
     icon: any;
 } | null)[];
 interface IconItem {

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

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