@pisell/materials 6.11.24 → 6.11.26

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/index.js

@@ -85,6 +85,8 @@ var RecordBoardToolBar = (props) => {
   const showTableFloorToggle = hasGridInShell && hasFloorInShell && floorForToggle != null;
   const allowBodyViewToggle = showTableFloorToggle && ctx.bodyViewSwitchable !== false;
   const slots = ((_a = ctx.childComponentProps) == null ? void 0 : _a.toolBar) ?? {};
+  const toolbarDensity = slots.toolbarDensity ?? "default";
+  const barSize = toolbarDensity === "compact" ? "middle" : "large";
   const keyword = (searchParams == null ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) ?? "";
   const handleSearch = (0, import_react.useCallback)(
     (value) => {
@@ -112,7 +114,8 @@ var RecordBoardToolBar = (props) => {
       value: keyword,
       onChange: (v) => handleSearch(v),
       onSearch: handleSearch,
-      ...typeof searchConfig === "object" && searchConfig !== null ? searchConfig : {}
+      ...typeof searchConfig === "object" && searchConfig !== null ? searchConfig : {},
+      size: toolbarDensity === "compact" ? barSize : typeof searchConfig === "object" && searchConfig !== null && "size" in searchConfig && searchConfig.size != null ? searchConfig.size : barSize
     }
   );
   const quickFilterConfig = slots.quickFilter;
@@ -141,14 +144,14 @@ var RecordBoardToolBar = (props) => {
     {
       filterList: quickFilterList,
       formFiltersPrefix: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.formFiltersPrefix ?? "" : "",
-      size: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.size ?? "large" : "large"
+      size: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.size : void 0
     }
   ) : null;
   const bodyViewToggle = allowBodyViewToggle ? /* @__PURE__ */ import_react.default.createElement(
     import_antd.Segmented,
     {
       className: "record-board-toolbar-body-view-segmented",
-      size: "large",
+      size: barSize,
       value: bodyView,
       onChange: (v) => setBodyView(v),
       options: [
@@ -187,7 +190,7 @@ var RecordBoardToolBar = (props) => {
         {
           className: "record-board-toolbar-filter-btn",
           icon: /* @__PURE__ */ import_react.default.createElement(import_SwitchVertical01.default, null),
-          size: "large"
+          size: barSize
         },
         getSortButtonText()
       )
@@ -270,21 +273,22 @@ var RecordBoardToolBar = (props) => {
       hasForm: true,
       quickFilterMaxLength: 100,
       formFiltersPrefix: "",
-      size: "large",
-      buttonClassName: "record-board-toolbar-filter-btn",
       hiddenQuickFilter: true,
       placement: "bottomLeft",
-      ...typeof filterConfig === "object" && filterConfig !== null ? filterConfig : {}
+      ...typeof filterConfig === "object" && filterConfig !== null ? filterConfig : {},
+      size: barSize,
+      buttonClassName: "record-board-toolbar-filter-btn"
     }
   );
   const showColumnSetting = slots.columnSetting !== false && Array.isArray(gridColumns) && gridColumns.length > 0;
-  const topRight = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null) : null, sortNode, filterNode, /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: "large" }), slots.topRight);
+  const topRight = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null) : null, sortNode, filterNode, /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: barSize }), slots.topRight);
   return /* @__PURE__ */ import_react.default.createElement(
     import_ToolBar.default,
     {
       className: (0, import_classnames.default)(
         bodyView === "floorMap" && "pisell-record-board-toolbar--floor-map",
         bodyView === "grid" && "pisell-record-board-toolbar--grid",
+        toolbarDensity === "compact" && "pisell-record-board-toolbar--compact",
         slots.className
       ),
       style: slots.style,

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolbar.less

@@ -95,3 +95,41 @@
 .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid.pisell-record-board-toolbar--narrow-stack {
   .record-board-toolbar-grid-narrow-two-rows();
 }
+
+/**
+ * 紧凑工具栏：与 antd size=small 配套，收紧留白，避免仍像默认大号行高。
+ */
+.pisell-grid-pro-toolbar.pisell-record-board-toolbar--compact {
+  padding-bottom: 8px !important;
+  gap: 6px !important;
+
+  > .pisell-grid-pro-toolbar-row.toolbar-row,
+  > .toolbar-row {
+    gap: 6px !important;
+    align-items: center;
+  }
+
+  .toolbar-row-left {
+    align-items: center !important;
+    gap: 6px !important;
+  }
+
+  .toolbar-row-right {
+    gap: 6px !important;
+  }
+
+  .record-board-toolbar-right-actions.ant-space {
+    gap: 6px !important;
+  }
+
+  .record-board-toolbar-top-left {
+    gap: 6px;
+  }
+
+  .pisell-lookup-input-suffix {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    flex-wrap: nowrap;
+  }
+}

package/lib/components/pisellRecordBoard/shellFrame/ToolBarReset/index.less

@@ -39,3 +39,22 @@
     }
   }
 }
+
+/** RecordBoard 紧凑工具栏：与 Sort/Filter 同档（约 38px），避免仍用 Figma 50px */
+.pisell-grid-pro-toolbar.pisell-record-board-toolbar--compact {
+  .record-board-toolbar-reset.pisell-lowcode-btn,
+  .record-board-toolbar-reset.ant-btn {
+    height: auto !important;
+    min-height: 38px !important;
+    padding: 6px 14px !important;
+    font-size: 15px !important;
+    line-height: 22px !important;
+
+    &.pisell-lowcode-btn-lg {
+      height: auto !important;
+      min-height: 38px !important;
+      padding: 6px 14px !important;
+      font-size: 15px !important;
+    }
+  }
+}

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

@@ -228,6 +228,11 @@ export declare type RecordBoardFilterProps = Record<string, any>;
  * - filter：默认在工具栏右侧渲染 PisellFilter；为对象时透传 PisellFilter props；为 false 时不渲染。筛选值绑定 searchParams.filter，变更触发 onSearch。
  */
 export interface RecordBoardToolBarProps {
+    /**
+     * `compact`：Find / 快筛 / 排序筛选 / 重置 / 视图切换等统一小号，用于窄容器（如 HUD 内嵌表）。
+     * @default 'default'
+     */
+    toolbarDensity?: 'default' | 'compact';
     className?: string;
     style?: React.CSSProperties;
     tabs?: React.ReactNode;

package/lib/components/pisellRecordBoard/utils/recordBoardColumns.d.ts

@@ -1,8 +1,18 @@
+import React from 'react';
 import type { RecordBoardColumnType } from '../types';
 import type { FilterValueType } from '../../filter/components/FilterButton/types';
 import type { SortItemProps } from '../../sort/types';
 /** 获取列唯一 key，供列显示隐藏等使用 */
 export declare function getRecordBoardColumnKey(column: RecordBoardColumnType): string;
+/**
+ * 同值列总结栏不展示的内容：null/undefined、空串、纯空白、占位「-」。
+ * 列仍可折叠；仅用于不生成总结栏条目（避免「-」、空白等占位）。
+ */
+export declare function isTrivialUniformSummaryDisplayValue(v: any): boolean;
+/**
+ * 总结区实际渲染的 React 节点是否视为无展示价值（与 {@link isTrivialUniformSummaryDisplayValue} 对齐，含一层子节点）。
+ */
+export declare function isTrivialUniformSummaryReactContent(node: React.ReactNode): boolean;
 export interface UniformColumnSummaryItem {
     columnKey: string;
     title: string;
@@ -18,6 +28,7 @@ export interface UniformColumnSummaryItem {
 }
 /**
  * 根据当前页 data 计算：哪些列「全列同值」或「全空」应隐藏，以及总结区展示项。
+ * 折叠列与总结项可不一一对应：全空、整列「-」/空白等同值仍折叠，但不生成无信息总结项。
  * 仅当 grid.collapseUniformColumns 为 true 时使用。
  */
 export declare function computeUniformColumnSummary(data: any[], columns: RecordBoardColumnType[]): {

package/lib/components/pisellRecordBoard/utils/recordBoardColumns.js

@@ -33,6 +33,8 @@ __export(recordBoardColumns_exports, {
   deriveFilterFromColumns: () => deriveFilterFromColumns,
   deriveSortFromColumns: () => deriveSortFromColumns,
   getRecordBoardColumnKey: () => getRecordBoardColumnKey,
+  isTrivialUniformSummaryDisplayValue: () => isTrivialUniformSummaryDisplayValue,
+  isTrivialUniformSummaryReactContent: () => isTrivialUniformSummaryReactContent,
   processColumnsForGrid: () => processColumnsForGrid
 });
 module.exports = __toCommonJS(recordBoardColumns_exports);
@@ -119,6 +121,44 @@ function getRecordValue(record, dataIndex) {
 function isEmptyValue(v) {
   return v == null || v === "";
 }
+function isTrivialUniformSummaryDisplayValue(v) {
+  if (v == null) return true;
+  if (typeof v === "string") {
+    const t = v.trim();
+    return t === "" || t === "-";
+  }
+  if (typeof v === "number" && Number.isNaN(v)) return true;
+  return false;
+}
+function isTrivialUniformSummaryReactContent(node) {
+  if (node == null || node === false) return true;
+  if (typeof node === "string") {
+    const t = node.trim();
+    return t === "" || t === "-";
+  }
+  if (typeof node === "number") {
+    return Number.isNaN(node);
+  }
+  if (Array.isArray(node)) {
+    return node.length === 0 || node.every((n) => isTrivialUniformSummaryReactContent(n));
+  }
+  if (import_react.default.isValidElement(node)) {
+    const ch = node.props.children;
+    if (ch == null || ch === false) return true;
+    if (typeof ch === "string") {
+      const t = ch.trim();
+      return t === "" || t === "-";
+    }
+    if (typeof ch === "number") return Number.isNaN(ch);
+    if (Array.isArray(ch)) {
+      return ch.length === 0 || ch.every((c) => isTrivialUniformSummaryReactContent(c));
+    }
+    if (import_react.default.isValidElement(ch)) {
+      return isTrivialUniformSummaryReactContent(ch);
+    }
+  }
+  return false;
+}
 function isComparablePrimitive(v) {
   return typeof v === "string" || typeof v === "number";
 }
@@ -142,14 +182,6 @@ function computeUniformColumnSummary(data, columns) {
     const cellValue = getRecordValue(data[0], Array.isArray(dataIndex) ? dataIndex : dataIndex);
     if (values.every((v) => isEmptyValue(v))) {
       uniformHiddenColumnKeys.push(columnKey);
-      summaryItems.push({
-        columnKey,
-        title: getColumnLabel(column),
-        type: "empty",
-        value: void 0,
-        cellValue,
-        record: data[0]
-      });
       continue;
     }
     const comparable = isComparablePrimitive(first);
@@ -157,6 +189,9 @@ function computeUniformColumnSummary(data, columns) {
     const allSame = values.every((v) => isEmptyValue(v) && isEmptyValue(first) || v === first);
     if (!allSame) continue;
     uniformHiddenColumnKeys.push(columnKey);
+    if (isTrivialUniformSummaryDisplayValue(first)) {
+      continue;
+    }
     summaryItems.push({
       columnKey,
       title: getColumnLabel(column),
@@ -371,5 +406,7 @@ function deriveFilterFromColumns(columns) {
   deriveFilterFromColumns,
   deriveSortFromColumns,
   getRecordBoardColumnKey,
+  isTrivialUniformSummaryDisplayValue,
+  isTrivialUniformSummaryReactContent,
   processColumnsForGrid
 });

package/lib/components/pisellReservationSchedule/PisellReservationSchedule.js

@@ -67,6 +67,7 @@ function PisellReservationSchedule(props) {
     minDate: minDateProp,
     maxDate: maxDateProp,
     navigationLocked = false,
+    navigationLockedDisplay = "full",
     className,
     style
   } = props;
@@ -113,6 +114,27 @@ function PisellReservationSchedule(props) {
     parts.push(weekStr);
     return parts.join(djLoc === "en" ? " · " : " · ");
   }, [value, today, engineLocale]);
+  if (navigationLocked && navigationLockedDisplay === "labelOnly") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-reservation-schedule",
+          "pisell-reservation-schedule--label-only",
+          className
+        ),
+        style
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: "pisell-reservation-schedule-label pisell-reservation-schedule-label--static",
+          "aria-label": centerLabel
+        },
+        centerLabel
+      )
+    );
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

package/lib/components/pisellReservationSchedule/PisellReservationSchedule.less

@@ -3,6 +3,23 @@
   align-items: center;
   justify-content: center;
   width: 100%;
+
+  /**
+   * 仅日期文案：无深色 inner 条与箭头（场控顶栏等）。
+   * 与预约页 `.pisell-reservation-page-title`（17px）对齐，避免旁侧标题大而日期仍 11px。
+   */
+  &--label-only {
+    justify-content: flex-start;
+
+    .pisell-reservation-schedule-label {
+      flex: none;
+      text-align: left;
+      font-size: 17px;
+      font-weight: 600;
+      line-height: 1.35;
+      padding: 0;
+    }
+  }
 }
 
 .pisell-reservation-schedule-inner {

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

@@ -39,4 +39,9 @@ export interface PisellReservationScheduleProps {
      * @default false
      */
     navigationLocked?: boolean;
+    /**
+     * `navigationLocked` 时的展示形态：`full` 保留左右箭头占位；`labelOnly` 仅展示中间日期文案（如场控页）。
+     * @default 'full'
+     */
+    navigationLockedDisplay?: 'full' | 'labelOnly';
 }

package/lib/components/pisellReservationScheduleBand/PisellReservationScheduleBand.less

@@ -68,7 +68,8 @@
   flex-wrap: nowrap;
   align-items: center;
   justify-content: center;
-  gap: 5px;
+  /** 日期与右侧「当前时间」等插槽留出间距，避免贴太紧 */
+  gap: 14px;
 }
 
 /** 日程组件根节点默认 width:100%，在中间栏会与「日期右侧」插槽分两行；此处收窄为内容宽，保证与 after-date 同一行 */

package/lowcode/render-figma-style-table-card/meta.ts

@@ -9,7 +9,7 @@ const renderFigmaStyleTableCardMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "6.11.22",
+    "version": "6.11.24",
     "exportName": "renderFigmaStyleTableCard",
     "main": "src/index.tsx",
     "destructuring": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.11.24",
+  "version": "6.11.26",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/components/PisellCards/components/MultilevelCard/components/PanelWrapper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { PanelWrapperProps } from '../types';
-/**
- * PanelWrapper 组件
- * 次级面板包装器，负责展开/收起动画和样式处理
- */
-export declare const PanelWrapper: React.FC<PanelWrapperProps>;

package/es/components/PisellSteps/PisellSteps.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './PisellSteps.less';
-import type { PisellStepsProps } from './types';
-/**
- * PisellSteps 步骤条组件
- *
- * 基于 Ant Design Steps 组件进行二次封装和增强
- * 支持多种展示样式、布局方式和丰富的交互功能
- *
- * @author Pisell Team
- * @version 1.0.0
- */
-declare const PisellSteps: React.FC<PisellStepsProps>;
-export default PisellSteps;

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

@@ -1,8 +0,0 @@
-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/es/components/PisellSuperTabs/hooks/useTabsState.d.ts

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

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

@@ -1,212 +0,0 @@
-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/es/components/PisellTabbar/PisellTabbar.d.ts

@@ -1,20 +0,0 @@
-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;