@alicloud/console-base-rc-side-panel 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,5 @@
+# CHANGELOG
+
+## 1.0.0 2022/11/07 @驳是
+
+* first blood

package/README.md

@@ -0,0 +1,3 @@
+# @alicloud/console-base-rc-side-panel
+
+ConsoleBase 组件 - 右侧边栏

package/build/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SidePanelItem", {
+  enumerable: true,
+  get: function get() {
+    return _item.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _withModel.default;
+  }
+});
+var _withModel = _interopRequireDefault(require("./with-model"));
+var _item = _interopRequireDefault(require("./ui/rc-container/item"));

package/build/cjs/model/const/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QUICK_TOP_VISIBLE_OFFSET = exports.DEFAULT_CONTEXT_STATE = exports.BODY_CLASS_WITH_SIDE_PANEL = void 0;
+var BODY_CLASS_WITH_SIDE_PANEL = 'with-side-panel';
+exports.BODY_CLASS_WITH_SIDE_PANEL = BODY_CLASS_WITH_SIDE_PANEL;
+var QUICK_TOP_VISIBLE_OFFSET = 200;
+exports.QUICK_TOP_VISIBLE_OFFSET = QUICK_TOP_VISIBLE_OFFSET;
+var DEFAULT_CONTEXT_STATE = {
+  collapsed: false,
+  quickTopVisible: false
+};
+exports.DEFAULT_CONTEXT_STATE = DEFAULT_CONTEXT_STATE;

package/build/cjs/model/context/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _default = /*#__PURE__*/(0, _react.createContext)(null);
+exports.default = _default;

package/build/cjs/model/enum/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EAction = void 0;
+var EAction = /*#__PURE__*/function (EAction) {
+  EAction[EAction["SET_COLLAPSED"] = 0] = "SET_COLLAPSED";
+  EAction[EAction["SET_QUICK_TOP_VISIBLE"] = 1] = "SET_QUICK_TOP_VISIBLE";
+  return EAction;
+}({});
+exports.EAction = EAction;

package/build/cjs/model/hook/_use-model-context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelContext;
+var _react = require("react");
+var _context = _interopRequireDefault(require("../context"));
+function useModelContext() {
+  return (0, _react.useContext)(_context.default);
+}

package/build/cjs/model/hook/_use-model-dispatch.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelDispatch;
+var _useModelContext = _interopRequireDefault(require("./_use-model-context"));
+function useModelDispatch() {
+  return (0, _useModelContext.default)().dispatch;
+}

package/build/cjs/model/hook/_use-model-props.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelProps;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _useModelContext2 = _interopRequireDefault(require("./_use-model-context"));
+var _excluded = ["itemsTop", "itemsBottom"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function useModelProps() {
+  var _useModelContext = (0, _useModelContext2.default)(),
+    props = _useModelContext.props;
+  return (0, _react.useMemo)(function () {
+    var _props$itemsTop = props.itemsTop,
+      itemsTop = _props$itemsTop === void 0 ? [] : _props$itemsTop,
+      _props$itemsBottom = props.itemsBottom,
+      itemsBottom = _props$itemsBottom === void 0 ? [] : _props$itemsBottom,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    return _objectSpread(_objectSpread({}, rest), {}, {
+      itemsTop: itemsTop,
+      itemsBottom: itemsBottom
+    });
+  }, [props]);
+}

package/build/cjs/model/hook/_use-model-state.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useModelState;
+var _useModelContext = _interopRequireDefault(require("./_use-model-context"));
+function useModelState() {
+  return (0, _useModelContext.default)().state;
+}

package/build/cjs/model/hook/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useChildren", {
+  enumerable: true,
+  get: function get() {
+    return _useChildren.default;
+  }
+});
+Object.defineProperty(exports, "useCollapsed", {
+  enumerable: true,
+  get: function get() {
+    return _useCollapsed.default;
+  }
+});
+Object.defineProperty(exports, "useHandleCollapsedChange", {
+  enumerable: true,
+  get: function get() {
+    return _useHandleCollapsedChange.default;
+  }
+});
+Object.defineProperty(exports, "useHandleGoTop", {
+  enumerable: true,
+  get: function get() {
+    return _useHandleGoTop.default;
+  }
+});
+Object.defineProperty(exports, "useItemsBottom", {
+  enumerable: true,
+  get: function get() {
+    return _useItemsBottom.default;
+  }
+});
+Object.defineProperty(exports, "useItemsTop", {
+  enumerable: true,
+  get: function get() {
+    return _useItemsTop.default;
+  }
+});
+Object.defineProperty(exports, "useQuickTop", {
+  enumerable: true,
+  get: function get() {
+    return _useQuickTop.default;
+  }
+});
+Object.defineProperty(exports, "useVisible", {
+  enumerable: true,
+  get: function get() {
+    return _useVisible.default;
+  }
+});
+var _useChildren = _interopRequireDefault(require("./use-children"));
+var _useVisible = _interopRequireDefault(require("./use-visible"));
+var _useCollapsed = _interopRequireDefault(require("./use-collapsed"));
+var _useItemsTop = _interopRequireDefault(require("./use-items-top"));
+var _useItemsBottom = _interopRequireDefault(require("./use-items-bottom"));
+var _useQuickTop = _interopRequireDefault(require("./use-quick-top"));
+var _useHandleCollapsedChange = _interopRequireDefault(require("./use-handle-collapsed-change"));
+var _useHandleGoTop = _interopRequireDefault(require("./use-handle-go-top"));

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

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useChildren;
+var _useModelProps = _interopRequireDefault(require("./_use-model-props"));
+function useChildren() {
+  return (0, _useModelProps.default)().children;
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useCollapsed;
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+var _useModelState2 = _interopRequireDefault(require("./_use-model-state"));
+function useCollapsed() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    valueInProps = _useModelProps.collapsed;
+  var _useModelState = (0, _useModelState2.default)(),
+    valueInState = _useModelState.collapsed;
+  return valueInProps !== null && valueInProps !== void 0 ? valueInProps : valueInState;
+}

package/build/cjs/model/hook/use-dispatch-set-collapsed.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDispatchSetCollapsed;
+var _react = require("react");
+var _enum = require("../enum");
+var _useModelDispatch = _interopRequireDefault(require("./_use-model-dispatch"));
+function useDispatchSetCollapsed() {
+  var dispatch = (0, _useModelDispatch.default)();
+  return (0, _react.useCallback)(function (payload) {
+    return dispatch({
+      type: _enum.EAction.SET_COLLAPSED,
+      payload: payload
+    });
+  }, [dispatch]);
+}

package/build/cjs/model/hook/use-dispatch-set-quick-top-visible.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDispatchSetQuickTopVisible;
+var _react = require("react");
+var _enum = require("../enum");
+var _useModelDispatch = _interopRequireDefault(require("./_use-model-dispatch"));
+function useDispatchSetQuickTopVisible() {
+  var dispatch = (0, _useModelDispatch.default)();
+  return (0, _react.useCallback)(function (payload) {
+    return dispatch({
+      type: _enum.EAction.SET_QUICK_TOP_VISIBLE,
+      payload: payload
+    });
+  }, [dispatch]);
+}

package/build/cjs/model/hook/use-effect-quick-top.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEffectQuickTop;
+var _react = require("react");
+var _const = require("../const");
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+var _useVisible = _interopRequireDefault(require("./use-visible"));
+var _useCollapsed = _interopRequireDefault(require("./use-collapsed"));
+var _useHandleSetQuickTopVisible = _interopRequireDefault(require("./use-handle-set-quick-top-visible"));
+function useEffectQuickTop() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    quickTopContainer = _useModelProps.quickTopContainer;
+  var visible = (0, _useVisible.default)();
+  var collapsed = (0, _useCollapsed.default)();
+  var handleSetQuickTopVisible = (0, _useHandleSetQuickTopVisible.default)();
+  var handleToggleVisible = (0, _react.useCallback)(function () {
+    if (!quickTopContainer) {
+      return;
+    }
+    handleSetQuickTopVisible((quickTopContainer.scrollY || quickTopContainer.scrollTop) > _const.QUICK_TOP_VISIBLE_OFFSET);
+  }, [quickTopContainer, handleSetQuickTopVisible]);
+
+  // container 变化导致 handleToggleVisible 变化，此时需要执行一次
+  (0, _react.useEffect)(handleToggleVisible, [handleToggleVisible]);
+
+  // 对 container 进行 scroll 的事件绑定
+  (0, _react.useEffect)(function () {
+    if (!quickTopContainer || !visible || collapsed) {
+      return;
+    }
+    quickTopContainer.addEventListener('scroll', handleToggleVisible);
+    return function () {
+      return quickTopContainer.removeEventListener('scroll', handleToggleVisible);
+    };
+  }, [visible, collapsed, quickTopContainer, handleToggleVisible]);
+}

package/build/cjs/model/hook/use-effect-toggle-body-class.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEffectToggleBodyClass;
+var _react = require("react");
+var _mereDom = require("@alicloud/mere-dom");
+var _util = require("../util");
+var _useCollapsed = _interopRequireDefault(require("./use-collapsed"));
+function useEffectToggleBodyClass() {
+  var collapsed = (0, _useCollapsed.default)();
+  (0, _react.useEffect)(function () {
+    if (collapsed) {
+      return;
+    }
+    (0, _util.toggleBodyClass)();
+    (0, _mereDom.triggerWindowResize)();
+    return function () {
+      (0, _util.toggleBodyClass)(false);
+      (0, _mereDom.triggerWindowResize)();
+    };
+  }, [collapsed]);
+}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEffects;
+var _useEffectToggleBodyClass = _interopRequireDefault(require("./use-effect-toggle-body-class"));
+var _useEffectQuickTop = _interopRequireDefault(require("./use-effect-quick-top"));
+function useEffects() {
+  (0, _useEffectToggleBodyClass.default)();
+  (0, _useEffectQuickTop.default)();
+}

package/build/cjs/model/hook/use-handle-collapsed-change.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useHandleCollapsedChange;
+var _react = require("react");
+var _useCollapsed = _interopRequireDefault(require("./use-collapsed"));
+var _useDispatchSetCollapsed = _interopRequireDefault(require("./use-dispatch-set-collapsed"));
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+function useHandleCollapsedChange() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    onCollapsedChange = _useModelProps.onCollapsedChange;
+  var collapsed = !(0, _useCollapsed.default)(); // 取反一下
+  var dispatchSetCollapsed = (0, _useDispatchSetCollapsed.default)();
+  return (0, _react.useCallback)(function () {
+    dispatchSetCollapsed(collapsed);
+    onCollapsedChange === null || onCollapsedChange === void 0 ? void 0 : onCollapsedChange(collapsed);
+  }, [collapsed, dispatchSetCollapsed, onCollapsedChange]);
+}

package/build/cjs/model/hook/use-handle-go-top.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useHandleGoTop;
+var _react = require("react");
+var _mereDom = require("@alicloud/mere-dom");
+var _useQuickTop2 = _interopRequireDefault(require("./use-quick-top"));
+function useHandleGoTop() {
+  var _useQuickTop = (0, _useQuickTop2.default)(),
+    container = _useQuickTop.container;
+  return (0, _react.useCallback)(function () {
+    if (!container) {
+      return;
+    }
+    (0, _mereDom.scrollTo)(container, {
+      top: 0
+    });
+  }, [container]);
+}

package/build/cjs/model/hook/use-handle-set-quick-top-visible.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useHandleSetQuickTopVisible;
+var _react = require("react");
+var _useDispatchSetQuickTopVisible = _interopRequireDefault(require("./use-dispatch-set-quick-top-visible"));
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+function useHandleSetQuickTopVisible() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    onQuickTopVisibleChange = _useModelProps.onQuickTopVisibleChange;
+  var dispatchSetQuickTopVisible = (0, _useDispatchSetQuickTopVisible.default)();
+  return (0, _react.useCallback)(function (visible) {
+    dispatchSetQuickTopVisible(visible);
+    onQuickTopVisibleChange === null || onQuickTopVisibleChange === void 0 ? void 0 : onQuickTopVisibleChange(visible);
+  }, [dispatchSetQuickTopVisible, onQuickTopVisibleChange]);
+}

package/build/cjs/model/hook/use-items-bottom.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useItemsBottom;
+var _useModelProps = _interopRequireDefault(require("./_use-model-props"));
+function useItemsBottom() {
+  return (0, _useModelProps.default)().itemsBottom;
+}

package/build/cjs/model/hook/use-items-top.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useItemsTop;
+var _useModelProps = _interopRequireDefault(require("./_use-model-props"));
+function useItemsTop() {
+  return (0, _useModelProps.default)().itemsTop;
+}

package/build/cjs/model/hook/use-quick-top.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useQuickTop;
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+var _useModelState2 = _interopRequireDefault(require("./_use-model-state"));
+function useQuickTop() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    quickTopContainer = _useModelProps.quickTopContainer;
+  var _useModelState = (0, _useModelState2.default)(),
+    quickTopVisible = _useModelState.quickTopVisible;
+  return {
+    container: quickTopContainer,
+    visible: quickTopVisible
+  };
+}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVisible;
+var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
+function useVisible() {
+  var _useModelProps = (0, _useModelProps2.default)(),
+    _useModelProps$visibl = _useModelProps.visible,
+    visible = _useModelProps$visibl === void 0 ? true : _useModelProps$visibl;
+  return visible;
+}

package/build/cjs/model/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  BODY_CLASS_WITH_SIDE_PANEL: true
+};
+Object.defineProperty(exports, "BODY_CLASS_WITH_SIDE_PANEL", {
+  enumerable: true,
+  get: function get() {
+    return _const.BODY_CLASS_WITH_SIDE_PANEL;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _provider.default;
+  }
+});
+var _provider = _interopRequireDefault(require("./provider"));
+var _const = require("./const");
+var _hook = require("./hook");
+Object.keys(_hook).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hook[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _hook[key];
+    }
+  });
+});

package/build/cjs/model/lifecycle/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Lifecycle;
+var _useEffects = _interopRequireDefault(require("../hook/use-effects"));
+function Lifecycle() {
+  (0, _useEffects.default)();
+  return null;
+}

package/build/cjs/model/provider/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Provider;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookIsUnmounted = _interopRequireDefault(require("@alicloud/react-hook-is-unmounted"));
+var _const = require("../const");
+var _reducer = _interopRequireDefault(require("../reducer"));
+var _context = _interopRequireDefault(require("../context"));
+var _lifecycle = _interopRequireDefault(require("../lifecycle"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function Provider(_ref) {
+  var props = _ref.props,
+    children = _ref.children;
+  var isUnmounted = (0, _reactHookIsUnmounted.default)();
+  var _useReducer = (0, _react.useReducer)(_reducer.default, _const.DEFAULT_CONTEXT_STATE),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var safeDispatch = (0, _react.useCallback)(function (action) {
+    // 不必再担心异步回调 dispatch 可能发生的错误
+    if (isUnmounted()) {
+      return;
+    }
+    dispatch(action);
+  }, [isUnmounted, dispatch]);
+  return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+    value: {
+      props: props,
+      state: state,
+      dispatch: safeDispatch
+    }
+  }, children, /*#__PURE__*/_react.default.createElement(_lifecycle.default, null));
+}

package/build/cjs/model/reducer/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = reducer;
+var _enum = require("../enum");
+var _reduceSetCollapsed = _interopRequireDefault(require("./reduce-set-collapsed"));
+var _reduceSetQuickTopVisible = _interopRequireDefault(require("./reduce-set-quick-top-visible"));
+function reducer(state, action) {
+  switch (action.type) {
+    case _enum.EAction.SET_COLLAPSED:
+      return (0, _reduceSetCollapsed.default)(state, action.payload);
+    case _enum.EAction.SET_QUICK_TOP_VISIBLE:
+      return (0, _reduceSetQuickTopVisible.default)(state, action.payload);
+    default:
+      return state;
+  }
+}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = reduceSetCollapsed;
+var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
+function reduceSetCollapsed(state, payload) {
+  return (0, _immutabilityHelper.default)(state, {
+    collapsed: {
+      $set: payload
+    }
+  });
+}

package/build/cjs/model/reducer/reduce-set-quick-top-visible.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = reduceSetQuickTopVisible;
+var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
+function reduceSetQuickTopVisible(state, payload) {
+  return (0, _immutabilityHelper.default)(state, {
+    quickTopVisible: {
+      $set: payload
+    }
+  });
+}

package/build/cjs/model/types/action.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/build/cjs/model/types/common.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/build/cjs/model/types/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});