@alicloud/console-base-rc-side-panel 1.1.32-beta.1 → 1.1.32-beta.2

package/build/cjs/model/hook/use-effect-collapsed.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEffectCollapsed;
+var _react = require("react");
+var _consoleBaseMessengerSidePanel = require("@alicloud/console-base-messenger-side-panel");
+var _useCollapsed = _interopRequireDefault(require("./use-collapsed"));
+function useEffectCollapsed() {
+  var collapsed = (0, _useCollapsed.default)();
+  var collapsedRef = (0, _react.useRef)(collapsed);
+  var prevCollapsedRef = (0, _react.useRef)(undefined);
+  var hasInitializedRef = (0, _react.useRef)(false);
+
+  // 更新 ref 以保存最新的 collapsed 值
+  collapsedRef.current = collapsed;
+
+  // 首次挂载时，延迟发送初始状态（等待异步获取和动画完成）
+  (0, _react.useEffect)(function () {
+    var timer = setTimeout(function () {
+      if (!hasInitializedRef.current) {
+        hasInitializedRef.current = true;
+        prevCollapsedRef.current = collapsedRef.current;
+        (0, _consoleBaseMessengerSidePanel.sidePanelCollapsed)(collapsedRef.current);
+      }
+    }, 300);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, []);
+
+  // 状态变化时，立即发送
+  (0, _react.useEffect)(function () {
+    if (hasInitializedRef.current && prevCollapsedRef.current !== collapsed) {
+      prevCollapsedRef.current = collapsed;
+      (0, _consoleBaseMessengerSidePanel.sidePanelCollapsed)(collapsed);
+    }
+  }, [collapsed]);
+}

package/build/cjs/model/hook/use-effects.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = useEffects;
 var _useEffectToggleBodyClass = _interopRequireDefault(require("./use-effect-toggle-body-class"));
 var _useEffectQuickTop = _interopRequireDefault(require("./use-effect-quick-top"));
+var _useEffectCollapsed = _interopRequireDefault(require("./use-effect-collapsed"));
 function useEffects() {
   (0, _useEffectToggleBodyClass.default)();
   (0, _useEffectQuickTop.default)();
+  (0, _useEffectCollapsed.default)();
 }

package/build/cjs/model/reducer/reduce-set-collapsed.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = reduceSetCollapsed;
 var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
-var _consoleBaseMessengerSidePanel = require("@alicloud/console-base-messenger-side-panel");
 function reduceSetCollapsed(state, payload) {
-  (0, _consoleBaseMessengerSidePanel.sidePanelCollapsed)(payload);
   return (0, _immutabilityHelper.default)(state, {
     collapsed: {
       $set: payload

package/build/esm/model/hook/use-effect-collapsed.js

@@ -0,0 +1,34 @@
+import { useEffect, useRef } from 'react';
+import { sidePanelCollapsed } from '@alicloud/console-base-messenger-side-panel';
+import useCollapsed from './use-collapsed';
+export default function useEffectCollapsed() {
+  var collapsed = useCollapsed();
+  var collapsedRef = useRef(collapsed);
+  var prevCollapsedRef = useRef(undefined);
+  var hasInitializedRef = useRef(false);
+
+  // 更新 ref 以保存最新的 collapsed 值
+  collapsedRef.current = collapsed;
+
+  // 首次挂载时，延迟发送初始状态（等待异步获取和动画完成）
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      if (!hasInitializedRef.current) {
+        hasInitializedRef.current = true;
+        prevCollapsedRef.current = collapsedRef.current;
+        sidePanelCollapsed(collapsedRef.current);
+      }
+    }, 300);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, []);
+
+  // 状态变化时，立即发送
+  useEffect(function () {
+    if (hasInitializedRef.current && prevCollapsedRef.current !== collapsed) {
+      prevCollapsedRef.current = collapsed;
+      sidePanelCollapsed(collapsed);
+    }
+  }, [collapsed]);
+}

package/build/esm/model/hook/use-effects.js

@@ -1,6 +1,8 @@
 import useEffectToggleBodyClass from './use-effect-toggle-body-class';
 import useEffectQuickTop from './use-effect-quick-top';
+import useEffectCollapsed from './use-effect-collapsed';
 export default function useEffects() {
   useEffectToggleBodyClass();
   useEffectQuickTop();
+  useEffectCollapsed();
 }

package/build/esm/model/reducer/reduce-set-collapsed.js

@@ -1,7 +1,5 @@
 import update from 'immutability-helper';
-import { sidePanelCollapsed } from '@alicloud/console-base-messenger-side-panel';
 export default function reduceSetCollapsed(state, payload) {
-  sidePanelCollapsed(payload);
   return update(state, {
     collapsed: {
       $set: payload

package/build/types/model/hook/use-effect-collapsed.d.ts

@@ -0,0 +1 @@
+export default function useEffectCollapsed(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-rc-side-panel",
-  "version": "1.1.32-beta.1",
+  "version": "1.1.32-beta.2",
   "description": "ConsoleBase 组件 - 右侧边栏",
   "license": "MIT",
   "sideEffects": false,