@sia.soul/sia-react-ui 0.1.46 → 0.1.47

package/dist/index.cjs

@@ -5915,6 +5915,7 @@ var DrawerRoot = (0, import_react28.forwardRef)(function Drawer({
   ...props
 }, forwardedRef) {
   const localRef = (0, import_react28.useRef)(null);
+  const bodyRef = (0, import_react28.useRef)(null);
   const titleId = (0, import_react28.useId)();
   const drawerId = (0, import_react28.useId)();
   const parentStack = (0, import_react28.useContext)(DrawerStackContext);
@@ -6008,7 +6009,8 @@ var DrawerRoot = (0, import_react28.forwardRef)(function Drawer({
             ] }),
             extra ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "sia-drawer__extra", children: extra }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "sia-drawer__body", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref: bodyRef, className: "sia-drawer__body", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FloatingScrollbarProvider, { targetRef: bodyRef }),
           footer ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "sia-drawer__footer", children: footer }) : null
         ]
       }

package/dist/index.d.cts

@@ -585,7 +585,7 @@ interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     open: boolean;
     /** 标题内容，可传入文本或 React 节点。 */
     title?: ReactNode;
-    /** 子内容；组件嵌套内容或当前节点的子项。 */
+    /** 抽屉主体内容；溢出时默认使用不占布局空间的浮动滚动条，标题及底部操作区保持固定。 */
     children?: ReactNode;
     /** 主体之外的补充内容或操作区。 */
     extra?: ReactNode;
@@ -640,7 +640,7 @@ interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
 interface DrawerOpenConfig extends Omit<DrawerProps, "open"> {
 }
 declare function openDrawer(config: DrawerOpenConfig): OverlayApiHandle<DrawerOpenConfig>;
-/** 抽屉组件。 */
+/** 从屏幕边缘展开的抽屉；主体默认使用浮动滚动条，支持四个方向、嵌套推移及静态 API 调用。 */
 declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDivElement>> & {
     /** 直接打开实例，返回可用于更新或关闭的操作句柄。 */
     open: typeof openDrawer;

package/dist/index.d.ts

@@ -585,7 +585,7 @@ interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     open: boolean;
     /** 标题内容，可传入文本或 React 节点。 */
     title?: ReactNode;
-    /** 子内容；组件嵌套内容或当前节点的子项。 */
+    /** 抽屉主体内容；溢出时默认使用不占布局空间的浮动滚动条，标题及底部操作区保持固定。 */
     children?: ReactNode;
     /** 主体之外的补充内容或操作区。 */
     extra?: ReactNode;
@@ -640,7 +640,7 @@ interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
 interface DrawerOpenConfig extends Omit<DrawerProps, "open"> {
 }
 declare function openDrawer(config: DrawerOpenConfig): OverlayApiHandle<DrawerOpenConfig>;
-/** 抽屉组件。 */
+/** 从屏幕边缘展开的抽屉；主体默认使用浮动滚动条，支持四个方向、嵌套推移及静态 API 调用。 */
 declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDivElement>> & {
     /** 直接打开实例，返回可用于更新或关闭的操作句柄。 */
     open: typeof openDrawer;

package/dist/index.js

@@ -1245,6 +1245,7 @@ var DrawerRoot = forwardRef(function Drawer({
   ...props
 }, forwardedRef) {
   const localRef = useRef4(null);
+  const bodyRef = useRef4(null);
   const titleId = useId2();
   const drawerId = useId2();
   const parentStack = useContext(DrawerStackContext);
@@ -1338,7 +1339,8 @@ var DrawerRoot = forwardRef(function Drawer({
             ] }),
             extra ? /* @__PURE__ */ jsx8("div", { className: "sia-drawer__extra", children: extra }) : null
           ] }),
-          /* @__PURE__ */ jsx8("div", { className: "sia-drawer__body", children }),
+          /* @__PURE__ */ jsx8("div", { ref: bodyRef, className: "sia-drawer__body", children }),
+          /* @__PURE__ */ jsx8(FloatingScrollbarProvider, { targetRef: bodyRef }),
           footer ? /* @__PURE__ */ jsx8("div", { className: "sia-drawer__footer", children: footer }) : null
         ]
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",