@pisell/materials 1.8.12 → 1.8.14

package/lib/components/Pagination/index.js

@@ -40,30 +40,43 @@ var import_ArrowLeft = __toESM(require("@pisell/icon/es/ArrowLeft"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
+var import_utils = require("@pisell/utils");
 var import_locales = require("../../locales");
 var import_useIsMobileTable = __toESM(require("../table/hooks/useIsMobileTable"));
-var itemRender = (_, type, originalElement) => {
-  if (type === "prev") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, (0, import_locales.getText)("table-pagination-previous")));
-  }
-  if (type === "next") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, (0, import_locales.getText)("table-pagination-next")), /* @__PURE__ */ import_react.default.createElement(import_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
-  }
-  return originalElement;
-};
-var paginationConfig = {
-  className: "materials-grid-paginator",
-  defaultCurrent: 1,
-  showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
-  itemRender,
-  responsive: true,
-  size: "small"
-};
+function getPaginationText(key) {
+  const fullKey = `pisell2.salesManagement.pagination.${key}`;
+  const fromUtils = import_utils.locales.getText(fullKey);
+  if (fromUtils !== fullKey) return fromUtils;
+  return (0, import_locales.getText)(fullKey) ?? (0, import_locales.getText)(`table-pagination-${key}`);
+}
 var Pagination = (props) => {
   const show = (0, import_react.useMemo)(() => {
     return Object.keys(props).length;
   }, [props]);
   const isMiniPagination = (0, import_useIsMobileTable.default)();
+  const effectiveConfig = (0, import_react.useMemo)(() => {
+    const prevText = getPaginationText("previous");
+    const nextText = getPaginationText("next");
+    const showTotalFn = getPaginationText("showTotal");
+    const itemRenderFn = (_, type, originalElement) => {
+      if (type === "prev") {
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, prevText));
+      }
+      if (type === "next") {
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, nextText), /* @__PURE__ */ import_react.default.createElement(import_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
+      }
+      return originalElement;
+    };
+    const showTotal = typeof showTotalFn === "function" ? (total, range) => showTotalFn(range[0], range[1]) : (total, range) => `Page ${range[0]} of ${range[1]}`;
+    return {
+      className: "materials-grid-paginator",
+      defaultCurrent: 1,
+      showTotal,
+      itemRender: itemRenderFn,
+      responsive: true,
+      size: "small"
+    };
+  }, []);
   const content = (0, import_react.useMemo)(() => {
     if (!show) {
       return null;
@@ -72,10 +85,17 @@ var Pagination = (props) => {
     if (isMiniPagination) {
       Com = MiniPagination;
     }
-    return /* @__PURE__ */ import_react.default.createElement(Com, { ...paginationConfig, ...props });
-  }, [show, paginationConfig, props, isMiniPagination]);
+    return /* @__PURE__ */ import_react.default.createElement(Com, { ...effectiveConfig, ...props });
+  }, [show, effectiveConfig, props, isMiniPagination]);
   return content;
 };
+var paginationConfig = {
+  className: "materials-grid-paginator",
+  defaultCurrent: 1,
+  showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
+  responsive: true,
+  size: "small"
+};
 var Pagination_default = Pagination;
 var MiniPagination = (props) => {
   const { current = 1, pageSize = 10, total = 0 } = props;
@@ -95,7 +115,7 @@ var MiniPagination = (props) => {
     }
     props.onChange && props.onChange(currentPage, pageSize || 10);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator materials-grid-paginator-mini" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-lowcode-pagination-prev",
@@ -107,7 +127,10 @@ var MiniPagination = (props) => {
       }
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }))
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, (0, import_locales.getText)("table-pagination-total")(current, MAX))), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, (() => {
+    const totalFn = getPaginationText("total");
+    return typeof totalFn === "function" ? totalFn(current, MAX) : `${current} / ${MAX}`;
+  })())), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-lowcode-pagination-next",

package/lib/components/Pagination/index.less

@@ -24,7 +24,6 @@
 
   .pisell-lowcode-pagination-item {
     position: relative;
-    border: none;
     margin: 0;
     border-radius: 0;
     border: 1px solid #D0D5DD;
@@ -36,6 +35,7 @@
     margin: 0;
     border-radius: 0;
     border-right: none;
+    height: 100%;
   }
 
   .pisell-lowcode-pagination-jump-next {
@@ -45,22 +45,28 @@
     border-right: none;
   }
 
-  .pisell-lowcode-pagination-item-link:hover {
-    font-weight: 450 !important;
-    color: rgba(0, 0, 0, 0.88) !important;
+  .pisell-lowcode-pagination-item-link {
+    width: 100%;
 
-    .pisell-lowcode-pagination-item-link-icon {
+    &:hover {
       font-weight: 450 !important;
       color: rgba(0, 0, 0, 0.88) !important;
+
+      .pisell-lowcode-pagination-item-link-icon {
+        font-weight: 450 !important;
+        color: rgba(0, 0, 0, 0.88) !important;
+      }
     }
   }
 
+
   .pisell-lowcode-pagination-disabled {
     cursor: not-allowed;
-    color: rgba(0,0,0,.25);
+    color: rgba(0, 0, 0, .25);
+
     .paginator-page-btn {
       cursor: not-allowed;
-      color: rgba(0,0,0,.25);
+      color: rgba(0, 0, 0, .25);
     }
   }
 

package/lib/components/PisellCards/components/PisellImageCard/PisellImageCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { PisellImageCardProps } from './types';
 import './PisellImageCard.less';
 /**
  * Provider 包装器
  * 兼容 PisellCards 系统的 props 传递方式
  */
-declare const Provider: (props: PisellImageCardProps) => JSX.Element;
+declare const Provider: (props: PisellImageCardProps) => React.JSX.Element;
 export default Provider;

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

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 declare const PisellCards: {
-    TabCard: (props: any) => JSX.Element;
-    TextCard: (props: any) => JSX.Element;
-    GraphicTextCard: (props: import("./components/GraphicTextCard").GraphicTextCardProps) => JSX.Element;
-    MultilevelCard: (props: any) => JSX.Element;
-    PisellImageCard: (props: import("./components/PisellImageCard").PisellImageCardProps) => JSX.Element;
+    TabCard: (props: any) => import("react").JSX.Element;
+    TextCard: (props: any) => import("react").JSX.Element;
+    GraphicTextCard: (props: import("./components/GraphicTextCard").GraphicTextCardProps) => import("react").JSX.Element;
+    MultilevelCard: (props: any) => import("react").JSX.Element;
+    PisellImageCard: (props: import("./components/PisellImageCard").PisellImageCardProps) => import("react").JSX.Element;
 };
 export default PisellCards;
 export type { PisellBasicCardProps } from './types';

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

@@ -9,6 +9,7 @@
  * <PisellFields.Number value={123} viewMode="readonly" />
  * <PisellFields.Currency value={1000} currencySymbol="$" />
  */
+/// <reference types="react" />
 declare const PisellFields: {
     SingleLineText: import("react").NamedExoticComponent<import("../pisellSingleLineText").PisellSingleLineTextProps>;
     LongText: import("react").NamedExoticComponent<import("../pisellLongText").PisellLongTextProps>;
@@ -16,8 +17,8 @@ declare const PisellFields: {
     Currency: import("react").NamedExoticComponent<import("../pisellCurrency").PisellCurrencyProps>;
     Percent: import("react").NamedExoticComponent<import("../pisellPercent").PisellPercentProps>;
     Phone: import("react").NamedExoticComponent<import("../pisellPhone").PisellPhoneProps>;
-    Email: import("react").FC<import("../pisellEmail").PisellEmailProps>;
-    Url: import("react").FC<import("../pisellUrl").PisellUrlProps>;
+    Email: import("react").NamedExoticComponent<import("../pisellEmail").PisellEmailProps>;
+    Url: import("react").NamedExoticComponent<import("../pisellUrl").PisellUrlProps>;
     Rating: import("react").NamedExoticComponent<import("../pisellRating").PisellRatingProps>;
     SingleSelect: import("react").ForwardRefExoticComponent<import("../pisellSingleSelect").PisellSingleSelectProps<string | number> & import("react").RefAttributes<import("../pisellSingleSelect").SingleSelectRef<string | number>>>;
     MultipleSelect: import("react").ForwardRefExoticComponent<import("../pisellMultipleSelect").PisellMultipleSelectProps<string | number> & import("react").RefAttributes<import("../pisellMultipleSelect").MultipleSelectRef<string | number>>>;

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

@@ -13,8 +13,9 @@
  *   <Content />
  * </PisellLayouts.ScrollView>
  */
+/// <reference types="react" />
 declare const PisellLayouts: {
-    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => JSX.Element;
+    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
     ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;
     Layout: import("../pisellLayout").CompoundedComponent;
     Content: import("react").FC<import("../pisellLayout/content").PisellContentProps>;
@@ -22,7 +23,7 @@ declare const PisellLayouts: {
     Header: import("react").FC<import("../pisellLayout/header").PisellHeaderProps>;
     Sider: import("react").FC<import("../pisellLayout/sider").PisellSiderProps>;
     Container: <T_1 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_1>) => any;
-    Row: (props: import("../pisellRow").PisellRowProps) => JSX.Element;
+    Row: (props: import("../pisellRow").PisellRowProps) => import("react").JSX.Element;
     ViewGrid: import("react").FC<import("../pisellViewGrid").PisellViewGridProps>;
 };
 export default PisellLayouts;

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

@@ -13,10 +13,11 @@
  * />
  * <PisellMetrics.StatisticList data={[...]} />
  */
+/// <reference types="react" />
 declare const PisellMetrics: {
     MetricCard: import("react").FC<import("../pisellMetricCard").PisellMetricCardProps>;
-    StatisticList: (props: import("../pisellStatisticList").PisellStatisticListProps) => JSX.Element;
-    MetricItem: (props: import("../cardMetricItem").PisellStatisticProps) => JSX.Element;
+    StatisticList: (props: import("../pisellStatisticList").PisellStatisticListProps) => import("react").JSX.Element;
+    MetricItem: (props: import("../cardMetricItem").PisellStatisticProps) => import("react").JSX.Element;
 };
 export default PisellMetrics;
 export type { PisellMetricCardProps } from '../pisellMetricCard';

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './PisellSuperTabs.less';
+import type { PisellSuperTabsProps } from './types';
+interface PisellSuperTabsRef {
+    scrollItemByRowKey: (key: string) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<PisellSuperTabsProps<unknown> & React.RefAttributes<PisellSuperTabsRef>>;
+export default _default;

package/lib/components/PisellSuperTabs/hooks/useTabsState.d.ts

@@ -0,0 +1,7 @@
+import { UseTabsStateParams, UseTabsStateReturn } from '../types';
+/**
+ * Tabs 状态管理 Hook
+ * @description 处理受控/非受控模式的状态管理
+ * @template T - 数据项类型
+ */
+export declare const useTabsState: <T = any>(params: UseTabsStateParams<T>) => UseTabsStateReturn<T>;

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

@@ -0,0 +1,212 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { PisellBasicGridProps } from '../PisellBasicGrid/types';
+import type { PisellScrollViewProps } from '../PisellScrollView/types';
+import type { PisellBasicCardProps } from '../PisellCards/types';
+/**
+ * useTabsState Hook 参数
+ */
+export interface UseTabsStateParams<T = any> {
+    isControlled: boolean;
+    /**
+     * 当前激活的 Tab key（受控）
+     */
+    value?: string;
+    /**
+     * 默认激活的 Tab key（非受控）
+     */
+    defaultValue?: string;
+    /**
+     * Tab 切换时的回调
+     */
+    onChange?: (key: string, item: T) => void;
+}
+/**
+ * useTabsState Hook 返回值
+ */
+export interface UseTabsStateReturn<T = any> {
+    /**
+     * 当前激活的 Tab key
+     */
+    activeKey: string | undefined;
+    /**
+     * 切换 Tab 的方法
+     */
+    handleTabChange: (key: string, item: T) => void;
+}
+export interface RenderItemProps<T = any> extends PisellBasicCardProps {
+    index: number;
+    tabsState: UseTabsStateReturn<T>;
+    tabsProps: PisellSuperTabsProps<T>;
+}
+/**
+ * PisellSuperTabs 组件 Props
+ * @template T - 数据源项的类型
+ * @description 通用导航框架封装的全能型 Tab 组件
+ */
+export interface PisellSuperTabsProps<T = any> {
+    isControlled?: boolean;
+    /**
+     * 自定义类名
+     * @description 添加到最外层容器的类名
+     */
+    className?: string;
+    tabItemClassName?: string;
+    tabItemStyle?: CSSProperties;
+    /**
+     * 自定义样式
+     * @description 添加到最外层容器的样式
+     */
+    style?: CSSProperties;
+    /**
+     * 唯一标识
+     * @description 必填，用于区分不同的 TabItem
+     */
+    id?: string;
+    /**
+     * 数据源
+     * @description 支持多级嵌套，递归字段为 children
+     * @example
+     * [
+     *   { key: 'home', label: '首页' },
+     *   { key: 'products', label: '产品', children: [...] }
+     * ]
+     */
+    dataSource?: T[];
+    /**
+     * 数据项的唯一标识字段
+     * @default 'key'
+     * @description 可以是字符串（字段名）或函数（自定义获取逻辑）
+     * @example
+     * // 字符串形式
+     * rowKey="id"
+     *
+     * // 函数形式
+     * rowKey={(record, index) => `${record.type}-${index}`}
+     */
+    rowKey?: string | ((record: T, index: number) => string);
+    /**
+     * 当前激活的 Tab key
+     * @description 受控模式，需配合 onChange 使用
+     */
+    value?: string;
+    /**
+     * 默认激活的 Tab key
+     * @description 非受控模式，仅初始化时生效
+     */
+    defaultValue?: string;
+    /**
+     * Tab 切换时的回调
+     * @param key - 切换到的 Tab key
+     * @param item - 切换到的数据项
+     */
+    onChange?: (key: string, item: T) => void;
+    /**
+     * 自定义 TabItem 渲染
+     * @description 支持两种模式：
+     * 1. 函数模式：(item, index, active) => ReactNode
+     * 2. 插槽模式：直接传入 ReactNode
+     * @example
+     * // 函数模式
+     * renderItem={(item, index, active) => (
+     *   <PisellCards.TabCard
+     *     {...item}
+     *     active={{ value: active }}
+     *   />
+     * )}
+     *
+     * // 插槽模式
+     * renderItem={<PisellCards.TabCard />}
+     */
+    renderItem?: ((props: RenderItemProps<T>) => ReactNode) | ReactNode;
+    /**
+     * PisellBasicGrid 组件的配置
+     * @description 透传给 PisellBasicGrid 组件的所有 Props
+     * @see PisellBasicGridProps
+     * @example
+     * gridProps={{
+     *   direction: 'horizontal',
+     *   gap: 16,
+     *   wrap: 'wrap',
+     *   columns: 4,
+     * }}
+     */
+    gridProps?: Omit<PisellBasicGridProps<T>, 'dataSource' | 'renderItem' | 'rowKey' | 'children'>;
+    /**
+     * PisellScrollView 组件的配置
+     * @description 透传给 PisellScrollView 组件的所有 Props
+     * @see PisellScrollViewProps
+     * @example
+     * scrollViewProps={{
+     *   overflow: 'x',
+     *   scrollbarStyle: 'thin',
+     *   scrollActionsConfig: { show: true, type: 'lrArrows' },
+     * }}
+     */
+    scrollViewProps?: Omit<PisellScrollViewProps, 'children'>;
+    children?: ReactNode;
+    /**
+     * 左侧插槽
+     */
+    slotLeft?: ReactNode;
+    slotLeftClassName?: string;
+    slotLeftStyle?: CSSProperties;
+    /**
+     * 右侧插槽
+     */
+    slotRight?: ReactNode;
+    slotRightClassName?: string;
+    slotRightStyle?: CSSProperties;
+    /**
+     * 顶部插槽
+     */
+    slotTop?: ReactNode;
+    slotTopClassName?: string;
+    slotTopStyle?: CSSProperties;
+    /**
+     * 底部插槽
+     */
+    slotBottom?: ReactNode;
+    slotBottomClassName?: string;
+    slotBottomStyle?: CSSProperties;
+    __designMode?: boolean;
+}
+/**
+ * 数据项基础类型
+ * @description 建议数据源中的每一项都包含这些字段
+ */
+export interface TabDataItem {
+    /**
+     * 唯一标识
+     * @description 必填，用于区分不同的 TabItem
+     */
+    key: string;
+    /**
+     * 标签文本
+     */
+    label?: string;
+    /**
+     * 图标
+     */
+    icon?: ReactNode;
+    /**
+     * 徽章配置
+     */
+    badge?: {
+        count?: number;
+        dot?: boolean;
+        text?: string;
+    };
+    /**
+     * 子级数据（多级嵌套）
+     * @description 用于多级导航场景，具体渲染逻辑由 Card 组件实现
+     */
+    children?: TabDataItem[];
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 其他自定义字段
+     */
+    [key: string]: any;
+}

package/lib/components/PisellTabbar/PisellTabbar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './PisellTabbar.less';
+import { PisellTabbarProps } from './types';
+/**
+ * PisellTabbar - 多层级 Tabbar 组件
+ *
+ * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PisellTabbar
+ *   dataSource={categoryData}
+ *   value={[1, 10, 100]}
+ *   onChange={(value) => console.log('当前选中:', value)}
+ * />
+ * ```
+ */
+declare const PisellTabbar: React.FC<PisellTabbarProps>;
+export default PisellTabbar;

package/{es/components/PisellTabbar2 → lib/components/PisellTabbar}/constants.d.ts

@@ -12,25 +12,26 @@ export declare const getExpandConfig: () => ExpandConfig;
  */
 export declare const DEFAULT_ITEMS: {
     all: {
-        id: number;
+        id: string;
         shop_id: number;
         parent_id: number;
-        name: string;
+        name: any;
         slug: string;
         icon: string;
     };
     search: {
-        id: number;
+        id: string;
         shop_id: number;
         parent_id: number;
-        name: string;
+        name: any;
+        text: any;
         slug: string;
         key: string;
         icon: string;
         customClick: boolean;
     };
     expand: {
-        id: number;
+        id: string;
         shop_id: number;
         parent_id: number;
         key: string;

package/lib/components/{PisellTabbar2 → PisellTabbar}/hooks/useActiveKey.d.ts

@@ -19,7 +19,12 @@ interface UseActiveKeyReturn {
     getActiveKey: (level: number) => string | number;
     /** 内部设置方法（用于同步外部值） */
     _setActiveKey: (value: (string | number)[]) => void;
-    panelVisible: boolean;
+    /** 设置缓存key */
+    setCacheActiveKey: (val: (string | number)[]) => void;
+    /** 重置value为缓存key */
+    resetActiveKey: () => void;
+    /** 获取缓存key */
+    getCacheActiveKey: () => (string | number)[];
 }
 /**
  * Tabbar 激活状态管理 Hook

package/lib/components/{PisellTabbar2 → PisellTabbar}/hooks/useExpand.d.ts

@@ -18,6 +18,7 @@ interface UseExpandReturn {
     toggleExpand: (level: LevelType) => void;
     /** 获取指定层级的展开状态 */
     getExpand: (level: LevelType) => boolean;
+    closeAll: () => void;
 }
 /**
  * Tabbar 展开状态管理 Hook

package/lib/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import '../../PisellTabbar.less';
+import { PisellTabbarProps } from '../../types';
+declare const _default: React.ForwardRefExoticComponent<PisellTabbarProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/PisellTabbar/template/Template1/constants.d.ts

@@ -0,0 +1,10 @@
+import { TabbarLevelConfig, LevelType } from '../../types';
+export { getExpandConfig, DEFAULT_ITEMS } from '../../constants';
+/**
+ * 默认层级配置
+ */
+export declare const DEFAULT_LEVEL_CONFIG: Record<LevelType, TabbarLevelConfig>;
+/**
+ * 获取层级对应的添加项配置
+ */
+export declare const LEVEL_ADD_ITEMS: Record<LevelType, ('all' | 'search' | 'expand')[]>;

package/{es/components/PisellTabbar3 → lib/components/PisellTabbar}/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties } from 'react';
 /**
  * Tabbar 数据源项类型
  */
@@ -62,31 +62,6 @@ export interface ExpandState {
  * 层级类型
  */
 export declare type LevelType = 'level1' | 'level2' | 'level3';
-/**
- * TabbarLevel 组件属性
- */
-export interface TabbarLevelProps {
-    /** SKU ID */
-    skuId: string;
-    /** 数据源 */
-    dataSource: TabbarDataSource[];
-    /** 当前激活的面板 key */
-    activePanelKey: string | number;
-    /** 层级 */
-    level: LevelType;
-    /** 设置激活面板 key */
-    setActivePanelKey: (key: string | number, item?: TabbarDataSource) => void;
-    /** 是否展开 */
-    expand: boolean;
-    /** 展开处理函数 */
-    handleExpand: () => void;
-    /** 渲染子级内容 */
-    renderChildren?: (panelProps: any) => ReactNode;
-    /** 层级配置 */
-    levelConfig?: TabbarLevelConfig;
-    /** 展开配置 */
-    expandConfig?: ExpandConfig;
-}
 /**
  * PisellTabbar 组件属性
  */
@@ -107,5 +82,9 @@ export interface PisellTabbarProps {
     expandConfig?: ExpandConfig;
     /** 最大层级数 */
     maxLevel?: 1 | 2 | 3;
+    onSearch?: (value: string) => void;
     __designMode?: boolean;
 }
+export interface PisellTabbarRef {
+    closeSearchMode: () => void;
+}

package/{es/components/PisellTabbar2 → lib/components/PisellTabbar}/utils/index.d.ts

@@ -2,6 +2,40 @@
  * PisellTabbar 工具函数
  */
 import { TabbarDataSource } from '../types';
+/**
+ * 默认的特殊项配置
+ */
+export declare const defaultItems: {
+    all: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: any;
+        slug: string;
+        icon: string;
+    };
+    search: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: any;
+        text: any;
+        slug: string;
+        key: string;
+        icon: string;
+        customClick: boolean;
+    };
+    expand: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        key: string;
+        icon: string;
+        name: string;
+        slug: string;
+        customClick: boolean;
+    };
+};
 /**
  * 向数据源添加特殊项（如 all、search、expand 按钮）
  *

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { AppVersionControlProps } from './types';
 import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
+declare const AppVersionControl: (props: AppVersionControlProps) => React.JSX.Element;
 export default AppVersionControl;