@pisell/materials 6.8.1 → 6.8.3

package/es/components/Pagination/index.d.ts

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/es/components/PisellCards/components/MultilevelCard/hooks/useMultilevelCardExpand.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MultilevelCardTrigger } from '../types';
 /**
  * 管理 MultilevelCard 的展开/收起状态

package/es/components/PisellCards/components/PisellImageCard/hooks/useImageLoad.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * 图片加载状态管理 Hook
  * @param src - 图片地址

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const PisellCards: {
     TabCard: (props: any) => import("react").JSX.Element;
     TextCard: (props: any) => import("react").JSX.Element;

package/es/components/PisellProcedure/PisellProcedure.js

@@ -50,8 +50,11 @@ var PisellProcedure = function PisellProcedure(props) {
     __id = props.__id,
     other = _objectWithoutProperties(props, _excluded);
 
-  // 检测是否是移动端（< 744px）- 弹窗模式下不应用移动端检测
-  var isMobile = mode === 'modal' ? false : useMobile(744);
+  // 检测是否是移动端（< 744px）
+  // 注意：Hook 必须无条件调用，不能放在条件语句中
+  var isMobileDetected = useMobile(744);
+  // 弹窗模式下不应用移动端检测
+  var isMobile = mode === 'modal' ? false : isMobileDetected;
 
   // 使用步骤管理 Hook
   var _useStepManager = useStepManager({
@@ -86,8 +89,10 @@ var PisellProcedure = function PisellProcedure(props) {
 
   // 容器类名
   var containerCls = useMemo(function () {
-    return mergeClassNames('pisell-procedure', className, modifierClassName('pisell-procedure', "footer-".concat(footerPosition)));
-  }, [className, footerPosition]);
+    return mergeClassNames('pisell-procedure', className,
+    // 弹窗模式添加 --modal 修饰类，用于禁用媒体查询
+    mode === 'modal' && 'pisell-procedure--modal', modifierClassName('pisell-procedure', "footer-".concat(footerPosition)));
+  }, [className, mode, footerPosition]);
 
   // 判断底部是否全局显示
   var footerIsGlobal = isFooterGlobal(footerPosition);

package/es/components/PisellProcedure/PisellProcedure.less

@@ -105,17 +105,19 @@
 
     // ========== 布局模式：比例布局 ==========
     &--ratio {
-      // 移动端：比例模式下也隐藏信息区
-      @media (max-width: calc(@breakpoint-sm - 1px)) {
-        > .pisell-lowcode-layout,
-        > .ant-layout {
-          .@{procedure-prefix}-sidebar {
-            display: none !important;
-          }
-
-          .@{procedure-prefix}-content {
-            flex: 1 !important;
-            max-width: 100% !important;
+      // 移动端：比例模式下也隐藏信息区（弹窗模式下不执行）
+      .@{procedure-prefix}:not(.@{procedure-prefix}--modal) & {
+        @media (max-width: calc(@breakpoint-sm - 1px)) {
+          > .pisell-lowcode-layout,
+          > .ant-layout {
+            .@{procedure-prefix}-sidebar {
+              display: none !important;
+            }
+
+            .@{procedure-prefix}-content {
+              flex: 1 !important;
+              max-width: 100% !important;
+            }
           }
         }
       }
@@ -132,21 +134,19 @@
 
     // 纵向排列时的样式
     .@{procedure-prefix}-body--vertical & {
-      width: 100%;
+      width: 100% !important;
       flex: 1 1 auto;
     }
   }
 
   // 信息区 - 高度自适应内容，sticky 定位
   &-sidebar {
-    width: @sidebar-width-xl;
-    max-width: @sidebar-width-xl;
-    min-width: @sidebar-width-xl;
-    flex: 0 0 @sidebar-width-xl;
+    width: initial !important;
+    max-width: initial !important;
+    min-width: initial !important;
     background-color: @color-bg-sidebar;
     border-radius: 4px;
     position: sticky!important;
-    top: calc(64px + @gap-default * 2); // header 高度 + body padding + 额外间距
     overflow-y: auto;
     align-self: flex-start; // 不拉伸高度
     background: transparent !important;
@@ -177,6 +177,10 @@
       flex: 0 0 auto !important;
       position: relative;
       top: auto;
+
+      .@{procedure-prefix}-sider-content-top{
+        height: 100%;
+      }
     }
 
     // 响应式宽度调整 - 基于容器宽度的类名控制（适用于弹窗场景）
@@ -212,37 +216,46 @@
       display: initial !important;
     }
 
-    // 保留媒体查询作为降级方案（当没有提供 containerSelector 时，即页面模式）
-    // 弹窗模式下会添加 responsive-xs 类名，所以媒体查询不会生效
-    // 960px < viewportWidth < 1133px: 376px ~ 405px 线性插值
-    @media (max-width: calc(@breakpoint-lg - 1px)) and (min-width: @breakpoint-md) {
-      // 如果没有响应式类名，则应用媒体查询样式
-      &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
-        @sidebar-width-dynamic: calc(@sidebar-width-md + (100vw - @breakpoint-md) * (405 - 376) / (1133 - 960));
-        width: @sidebar-width-dynamic !important;
+    // 大于1133px: 405px（仅页面模式，弹窗模式下不执行媒体查询）
+    .@{procedure-prefix}:not(.@{procedure-prefix}--modal) & {
+      @media (min-width: @breakpoint-lg) {
+        width: @sidebar-width-xl !important;
         max-width: @sidebar-width-xl !important;
-        min-width: @sidebar-width-md !important;
-        flex: 0 0 @sidebar-width-dynamic !important;
+        min-width: @sidebar-width-xl !important;
+        flex: 0 0 @sidebar-width-xl !important;
+      }
+
+      // 保留媒体查询作为降级方案（当没有提供 containerSelector 时，即页面模式）
+      // 960px < viewportWidth < 1133px: 376px ~ 405px 线性插值
+      @media (max-width: calc(@breakpoint-lg - 1px)) and (min-width: @breakpoint-md) {
+        // 如果没有响应式类名，则应用媒体查询样式
+        &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
+          @sidebar-width-dynamic: calc(@sidebar-width-md + (100vw - @breakpoint-md) * (405 - 376) / (1133 - 960));
+          width: @sidebar-width-dynamic !important;
+          max-width: @sidebar-width-xl !important;
+          min-width: @sidebar-width-md !important;
+          flex: 0 0 @sidebar-width-dynamic !important;
+        }
       }
-    }
 
-    // 744px < viewportWidth < 960px: 290px ~ 376px 线性插值
-    @media (max-width: calc(@breakpoint-md)) and (min-width: @breakpoint-sm) {
-      // 如果没有响应式类名，则应用媒体查询样式
-      &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
-        @sidebar-width-dynamic: calc(@sidebar-width-sm + (100vw - @breakpoint-sm) * (376 - 290) / (960 - 744));
-        width: @sidebar-width-dynamic !important;
-        max-width: @sidebar-width-md !important;
-        min-width: @sidebar-width-sm !important;
-        flex: 0 0 @sidebar-width-dynamic !important;
+      // 744px < viewportWidth < 960px: 290px ~ 376px 线性插值
+      @media (max-width: calc(@breakpoint-md)) and (min-width: @breakpoint-sm) {
+        // 如果没有响应式类名，则应用媒体查询样式
+        &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
+          @sidebar-width-dynamic: calc(@sidebar-width-sm + (100vw - @breakpoint-sm) * (376 - 290) / (960 - 744));
+          width: @sidebar-width-dynamic !important;
+          max-width: @sidebar-width-md !important;
+          min-width: @sidebar-width-sm !important;
+          flex: 0 0 @sidebar-width-dynamic !important;
+        }
       }
-    }
 
-    // viewportWidth < 744px: 隐藏（仅页面模式，弹窗模式有 responsive-xs 类名不会隐藏）
-    @media (max-width: calc(@breakpoint-sm - 1px)) {
-      // 如果没有响应式类名，则应用媒体查询样式
-      &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
-        display: none !important;
+      // viewportWidth < 744px: 隐藏（仅页面模式）
+      @media (max-width: calc(@breakpoint-sm - 1px)) {
+        // 如果没有响应式类名，则应用媒体查询样式
+        &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
+          display: none !important;
+        }
       }
     }
 
@@ -270,7 +283,7 @@
     z-index: 100;
     overflow: hidden; // 防止内容溢出
 
-    // 总结按钮插槽 - 仅移动端显示（< 744px）
+    // 总结按钮插槽 - 仅移动端显示（< 744px），弹窗模式下不执行媒体查询
     &__summary {
       flex-shrink: 0;
       margin-right: auto;
@@ -278,9 +291,11 @@
       display: none;
       cursor: pointer;
 
-      // 移动端显示
-      @media (max-width: calc(@breakpoint-sm - 1px)) {
-        display: block;
+      // 移动端显示（仅页面模式）
+      .@{procedure-prefix}:not(.@{procedure-prefix}--modal) & {
+        @media (max-width: calc(@breakpoint-sm - 1px)) {
+          display: block;
+        }
       }
     }
 
@@ -464,80 +479,82 @@
           flex-shrink: 0;
           position: sticky;
           bottom: 0;
-          margin:auto 0;
+          margin: 0;
         }
       }
     }
   }
 
-  // ========== 小屏适配（744px-960px）：头部两行显示 ==========
-  @media (min-width: @breakpoint-sm) and (max-width: calc(@breakpoint-md - 1px)) {
-    &-header {
-      flex-wrap: wrap;
-      min-height: auto;
-      padding: 12px @padding-default;
-
-      // 第一行：返回按钮
-      &__left {
-        order: 1;
-        flex: 0 0 auto;
-      }
+  // ========== 小屏适配（744px-960px）：头部两行显示（仅页面模式） ==========
+  &:not(&--modal) {
+    @media (min-width: @breakpoint-sm) and (max-width: calc(@breakpoint-md - 1px)) {
+      .@{procedure-prefix}-header {
+        flex-wrap: wrap;
+        min-height: auto;
+        padding: 12px @padding-default;
+
+        // 第一行：返回按钮
+        .@{procedure-prefix}-header__left {
+          order: 1;
+          flex: 0 0 auto;
+        }
 
-      // 第一行：关闭按钮，推到右边
-      &__right {
-        order: 2;
-        flex: 0 0 auto;
-        margin-left: auto;
-      }
+        // 第一行：关闭按钮，推到右边
+        .@{procedure-prefix}-header__right {
+          order: 2;
+          flex: 0 0 auto;
+          margin-left: auto;
+        }
 
-      // 第二行：步骤条独占一行
-      &__center {
-        order: 3;
-        width: 100%;
-        flex: 0 0 100%;
-        padding: 0;
-        justify-content: flex-start;
-        overflow-x: auto;
+        // 第二行：步骤条独占一行
+        .@{procedure-prefix}-header__center {
+          order: 3;
+          width: 100%;
+          flex: 0 0 100%;
+          padding: 0;
+          justify-content: flex-start;
+          overflow-x: auto;
+        }
       }
     }
-  }
 
-  // ========== 移动端适配（<744px）：头部一行显示 ==========
-  @media (max-width: calc(@breakpoint-sm - 1px)) {
-    &-header {
-      flex-wrap: nowrap;
-      min-height: auto;
-      padding: 12px @padding-default;
+    // ========== 移动端适配（<744px）：头部一行显示 ==========
+    @media (max-width: calc(@breakpoint-sm - 1px)) {
+      .@{procedure-prefix}-header {
+        flex-wrap: nowrap;
+        min-height: auto;
+        padding: 12px @padding-default;
+
+        // 左侧：返回按钮
+        .@{procedure-prefix}-header__left {
+          flex: 0 0 auto;
+        }
 
-      // 左侧：返回按钮
-      &__left {
-        flex: 0 0 auto;
-      }
+        // 中间：步骤条（简化显示当前步骤）
+        .@{procedure-prefix}-header__center {
+          flex: 1;
+          padding: 0 @gap-default;
+          overflow: hidden;
+        }
 
-      // 中间：步骤条（简化显示当前步骤）
-      &__center {
-        flex: 1;
-        padding: 0 @gap-default;
-        overflow: hidden;
+        // 右侧：关闭按钮
+        .@{procedure-prefix}-header__right {
+          flex: 0 0 auto;
+        }
       }
 
-      // 右侧：关闭按钮
-      &__right {
-        flex: 0 0 auto;
+      // 主体区域移动端
+      .@{procedure-prefix}-body {
+        > .pisell-lowcode-layout,
+        > .ant-layout {
+          padding: @gap-default;
+        }
       }
-    }
 
-    // 主体区域移动端
-    &-body {
-      > .pisell-lowcode-layout,
-      > .ant-layout {
-        padding: @gap-default;
+      // 内容区占满
+      .@{procedure-prefix}-content {
+        width: 100% !important;
       }
     }
-
-    // 内容区占满
-    &-content {
-      width: 100% !important;
-    }
   }
 }

package/es/components/PisellProcedure/components/ProcedureBody.js

@@ -132,7 +132,8 @@ var ProcedureBody = function ProcedureBody(_ref) {
     extra: sidebarFooter,
     isRatioMode: layoutMode === 'ratio',
     containerSelector: bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.sidebarContainerSelector,
-    mode: mode
+    mode: mode,
+    direction: direction
   }, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.sidebarSlot) : null;
 
   /** 根据 contentOrder 决定渲染顺序 */

package/es/components/PisellProcedure/components/ProcedureSidebar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CSSProperties, ReactNode } from 'react';
-import type { ProcedureMode } from '../types';
+import type { ProcedureMode, BodyDirection } from '../types';
 /**
  * ProcedureSidebar 子组件 Props
  */
@@ -23,6 +23,8 @@ export interface ProcedureSidebarProps {
     containerSelector?: string;
     /** 组件使用模式 */
     mode?: ProcedureMode;
+    /** 排列方向 */
+    direction?: BodyDirection;
 }
 /**
  * ProcedureSidebar 信息区组件

package/es/components/PisellProcedure/components/ProcedureSidebar.js

@@ -28,28 +28,32 @@ var ProcedureSidebar = function ProcedureSidebar(_ref) {
     isRatioMode = _ref$isRatioMode === void 0 ? false : _ref$isRatioMode,
     containerSelector = _ref.containerSelector,
     _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'page' : _ref$mode;
-  // 获取 header 高度
+    mode = _ref$mode === void 0 ? 'page' : _ref$mode,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction;
+  // 垂直布局下不需要计算高度
+  var isVertical = direction === 'vertical';
+  // 获取 header 高度（垂直布局下不需要）
   var headerSize = useElementSize({
     selector: '.pisell-procedure-header',
-    enabled: true
+    enabled: !isVertical
   });
 
-  // 计算全局 footer 的高度
+  // 计算全局 footer 的高度（垂直布局下不需要）
   var floatAllFooterSize = useElementSize({
     selector: '.pisell-procedure-footer--float-all',
-    enabled: true
+    enabled: !isVertical
   });
   var fixedBottomFooterSize = useElementSize({
     selector: '.pisell-procedure-footer--fixed-bottom',
-    enabled: true
+    enabled: !isVertical
   });
   var footerHeight = Math.max((floatAllFooterSize === null || floatAllFooterSize === void 0 ? void 0 : floatAllFooterSize.height) || 0, (fixedBottomFooterSize === null || fixedBottomFooterSize === void 0 ? void 0 : fixedBottomFooterSize.height) || 0);
 
-  // 获取容器宽度和高度
+  // 获取容器宽度和高度（垂直布局下不需要）
   var containerSize = useElementSize({
     selector: containerSelector || '',
-    enabled: !!containerSelector,
+    enabled: !isVertical && !!containerSelector,
     threshold: 5,
     debounceMs: 200
   });
@@ -67,8 +71,12 @@ var ProcedureSidebar = function ProcedureSidebar(_ref) {
     };
   }, [containerWidth]);
 
-  // 检查所有尺寸是否已稳定
+  // 检查所有尺寸是否已稳定（垂直布局下始终返回 false，不计算高度）
   var isSizeStable = useMemo(function () {
+    // 垂直布局下不需要计算高度
+    if (isVertical) {
+      return false;
+    }
     if (!(headerSize !== null && headerSize !== void 0 && headerSize.height) || headerSize.height === 0) {
       return false;
     }
@@ -76,9 +84,9 @@ var ProcedureSidebar = function ProcedureSidebar(_ref) {
       return (containerSize === null || containerSize === void 0 ? void 0 : containerSize.width) > 0 && (containerSize === null || containerSize === void 0 ? void 0 : containerSize.height) > 0;
     }
     return true;
-  }, [containerSelector, containerSize === null || containerSize === void 0 ? void 0 : containerSize.width, containerSize === null || containerSize === void 0 ? void 0 : containerSize.height, headerSize === null || headerSize === void 0 ? void 0 : headerSize.height]);
+  }, [isVertical, containerSelector, containerSize === null || containerSize === void 0 ? void 0 : containerSize.width, containerSize === null || containerSize === void 0 ? void 0 : containerSize.height, headerSize === null || headerSize === void 0 ? void 0 : headerSize.height]);
 
-  // 使用自定义 Hook 计算高度
+  // 使用自定义 Hook 计算高度（垂直布局下不需要）
   var siderHeight = useSidebarHeight(isSizeStable, {
     containerSelector: containerSelector,
     containerHeight: containerSize === null || containerSize === void 0 ? void 0 : containerSize.height,
@@ -87,7 +95,10 @@ var ProcedureSidebar = function ProcedureSidebar(_ref) {
   });
 
   // 使用自定义 Hook 计算响应式类名（延迟应用，避免宽度抖动）
-  var responsiveCls = mode === 'modal' ? useResponsiveClass(containerWidth) : '';
+  // 注意：Hook 必须无条件调用，不能放在条件语句中
+  var responsiveClsComputed = useResponsiveClass(containerWidth);
+  // 仅在 modal 模式下应用响应式类名
+  var responsiveCls = mode === 'modal' ? responsiveClsComputed : '';
 
   // 信息区类名
   var sidebarCls = useMemo(function () {
@@ -95,11 +106,13 @@ var ProcedureSidebar = function ProcedureSidebar(_ref) {
   }, [className, isRatioMode, responsiveCls]);
   return /*#__PURE__*/React.createElement(PisellSider, {
     className: sidebarCls,
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), {}, {
       overflow: 'hidden'
     }, siderHeight && siderHeight > 0 ? {
       height: "".concat(siderHeight, "px")
-    } : {})
+    } : {}), {}, {
+      top: mode === 'modal' ? 0 : "".concat((headerSize === null || headerSize === void 0 ? void 0 : headerSize.height) + 32, "px")
+    })
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-procedure-sider-content-top"
   }, children), extra);

package/es/components/PisellProcedure/hooks/useElementSize.js

@@ -78,8 +78,9 @@ export var useElementSize = function useElementSize(_ref) {
       var element = document.querySelector(selector);
       if (element) {
         var rect = element.getBoundingClientRect();
-        var newWidth = rect.width;
-        var newHeight = rect.height;
+        // 保留两位小数，避免浮点数精度问题导致频繁更新
+        var newWidth = Math.round(rect.width * 100) / 100;
+        var newHeight = Math.round(rect.height * 100) / 100;
         var previousSize = previousSizeRef.current;
 
         // 只有尺寸变化超过阈值时才更新

package/es/components/PisellProcedure/hooks/useSidebarHeight.js

@@ -52,7 +52,7 @@ export var useSidebarHeight = function useSidebarHeight(isSizeStable, sizeValues
     var headerHeightValue = headerHeight || 0;
     var calculatedHeight = baseHeight - headerHeightValue - footerHeight - bodyPadding;
     return calculatedHeight;
-  }, []);
+  }, [sizeValuesRef.current]);
 
   // 使用 requestAnimationFrame 确保在浏览器重绘后计算，更稳定
   useEffect(function () {

package/es/components/PisellSteps/PisellSteps.less

@@ -242,13 +242,13 @@
   // 水平布局时（labelPlacement='horizontal'），控制图标右侧的间距
   .ant-steps-item {
     .ant-steps-item-icon {
-      margin-right: var(--pisell-steps-item-gap);
+      margin-right: var(--pisell-steps-item-gap) !important;
     }
   }
 
   // 低代码平台中的样式支持 - 水平布局
   .pisell-lowcode-steps-item-icon {
-    margin-right: var(--pisell-steps-item-gap);
+    margin-right: var(--pisell-steps-item-gap) !important;
   }
 
   // 低代码平台垂直布局 - 设置内容区域的上边距

package/es/components/PisellTabbar2/PisellTabbar.js

@@ -76,8 +76,12 @@ var PisellTabbar = function PisellTabbar(props) {
    * 处理一级 Tab 切换
    */
   var handleLevel1Change = useCallback(function (key, item) {
-    var _item$children, _item$children$;
-    setActiveKey(0, key, item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item === null || item === void 0 || (_item$children$ = item.children[0]) === null || _item$children$ === void 0 ? void 0 : _item$children$.id : undefined);
+    if (item.childrenMaxLevel !== undefined && item.childrenMaxLevel < 2) {
+      setActiveKey(0, key, 0);
+    } else {
+      var _item$children, _item$children$;
+      setActiveKey(0, key, item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item === null || item === void 0 || (_item$children$ = item.children[0]) === null || _item$children$ === void 0 ? void 0 : _item$children$.id : undefined);
+    }
   }, [setActiveKey]);
 
   /**
@@ -213,7 +217,11 @@ var PisellTabbar = function PisellTabbar(props) {
         gap: 12
       },
       panelStyle: {
-        height: '100%',
+        position: 'absolute',
+        top: 40,
+        right: 0,
+        // zIndex: 99,
+        height: 'calc(100% - 40px)',
         transition: '0.3s ease-in-out'
       },
       startSlot: null,
@@ -237,4 +245,38 @@ var PisellTabbar = function PisellTabbar(props) {
 };
 PisellTabbar.displayName = 'PisellTabbar';
 PisellTabbar.getDefaultActiveKey = getDefaultActiveKey;
+
+// const Demo = () => {
+//   return (
+//     <div style={{ height: '100vh', width: '100%', display: 'flex' }}>
+//       <div className="" style={{ height: '100%', width: 'calc(100% - 100px)' }}>
+//         <div className="tabbar-level-3-wrap" style={{ width: '100%' }}></div>
+//         <div className="" style={{ height: '400px' }}>
+//           content
+//         </div>
+//       </div>
+//       <div
+//         className=""
+//         style={{
+//           height: '100%',
+//           width: '100px',
+//           display: 'flex',
+//           alignItems: 'flex-start',
+//         }}
+//       >
+//         <div
+//           className="tabbar-level-2-wrap"
+//           style={{
+//             height: '100%',
+//             position: 'relative',
+//           }}
+//         ></div>
+//         <div className="" style={{ height: '100%' }}>
+//           <PisellTabbar __designMode />
+//         </div>
+//       </div>
+//     </div>
+//   );
+// };
+
 export default PisellTabbar;

package/es/components/PisellTabbar2/PisellTabbar.less

@@ -4,6 +4,7 @@
 .pisell-tabbar2 {
   // height: 100vh;
   width: 96px;
+  height: 100%;
   // position: fixed;
   // top: 0;
   // right: 0;

package/es/components/PisellTabbar2/components/TabbarLevel.js

@@ -256,6 +256,7 @@ var TabbarLevel = /*#__PURE__*/memo(function (props) {
 
     // 普通项
     return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
+      panelWidthMode: "auto",
       card: function card(cardProps) {
         if (level === 'level1') {
           return renderLevel1NormalCard(cardProps);

package/es/components/batch-editor/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;

package/es/components/calendar/index.d.ts

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

package/es/components/checkbox/index.d.ts

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 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/useDrawerState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDrawerState: (operationContent?: {
     [key: string]: import("react").ReactNode;
 } | undefined) => any;