@alicloud/console-base-rc-side-panel 1.1.10 → 1.1.12-beta.0

package/build/types/model/types/common.d.ts

@@ -1,31 +1,48 @@
-import { ButtonProps } from '@alicloud/console-base-rc-button';
 import { EasyIconValue } from '@alicloud/console-base-rc-easy-icon';
 import { TooltipPropsV1 } from '@alicloud/console-base-rc-tooltip';
-export interface ISidePanelItemProps extends Omit<ButtonProps, 'label' | 'size' | 'theme' | 'iconLeft' | 'iconRight' | 'onMouseEnter' | 'onMouseLeave'> {
+export interface SidePanelItemButtonProps {
     /**
      * 默认用于 tooltip，也是按钮 aria-label 属性
      */
     title: string;
     /**
-     * 图标（请尽可能用正方形），如果是组件则直接用，当它是字符串的时候，会智能判断
+     * 入口图标，如果是组件则直接用，当它是字符串的时候，会智能判断
      */
     icon: EasyIconValue;
     /**
-     * 只显示图标，不需要背景
+     * 入口仅显示图标，不需要背景
      */
     onlyShowIcon?: boolean;
     /**
-     * 当需要复杂的 tooltip 时，可以用这个 prop
+     * 入口埋点信息
      */
-    tooltip?: string | React.ReactElement;
+    spm?: string;
     /**
-     * 当 Tooltip 没有条件用 JSX，必须是字符串但又需要展示成 HTML 时，可以用 `tooltipAsHtml: true`
+     * 入口点击链接
      */
-    tooltipAsHtml?: boolean;
+    href?: string;
+    /**
+     * 入口链接打开方式
+     */
+    target?: string;
+    /**
+     * 入口自定义 data-* 属性
+     */
+    [dataName: `data-${string}`]: unknown;
+    /**
+     * 按钮点击后的回调函数
+     */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * tooltip 的配置
+     * 记住按下动作，用 messenger onSidePanelItemActiveChange 进行受控
      */
-    tooltipOptions?: Omit<TooltipPropsV1, 'title'> | null;
+    active?: boolean;
+    /**
+     * 设置 active 使当前工具处于 active 状态，并使用此回调受控
+     */
+    onActiveChange?(active: boolean): void;
+}
+export interface ISidePanelItemProps extends SidePanelItemButtonProps {
     /**
      * 右上角徽标，数字展示数字，true 展示小红点
      */
@@ -35,9 +52,29 @@ export interface ISidePanelItemProps extends Omit<ButtonProps, 'label' | 'size'
      */
     mark?: 'NEW' | 'HOT';
     /**
-     * 设置 active 使当前工具处于 active 状态，并使用此回调受控
+     * 按钮提示框，不传则默认显示 title
      */
-    onActiveChange?(active: boolean): void;
+    tooltip?: string | React.ReactElement;
+    /**
+     * 按钮提示框支持 HTML 字符串
+     */
+    tooltipAsHtml?: boolean;
+    /**
+     * 按钮提示框的配置
+     */
+    tooltipOptions?: Omit<TooltipPropsV1, 'title'>;
+    /**
+     * 入口 ID
+     */
+    id?: string;
+    /**
+     * 入口 ClassName
+     */
+    className?: string;
+    /**
+     * 入口自定义样式
+     */
+    style?: React.CSSProperties;
 }
 export interface ISidePanelItemPropsWithKey extends ISidePanelItemProps {
     key: string;

package/build/types/model/types/props.d.ts

@@ -26,14 +26,6 @@ export interface IModelProps {
      * 位于折叠点【推入按钮】上部的内容，将会跟随推入按钮做出入运动，嵌入 sidePanel 后，它将会隐藏
      */
     collapsedAside?: JSX.Element | null;
-    /**
-     * 给一个 DOM 节点，组件会监测它的滚动情况，并判断是否展示快速置顶按钮
-     */
-    quickTopContainer?: Window | HTMLElement | null;
-    /**
-     * QuickTop 显隐变化时的回调，可用于日志
-     */
-    onQuickTopVisibleChange?(visible: boolean): void;
     /**
      * 是否展示推入按钮
      */

package/build/types/model/types/state.d.ts

@@ -1,4 +1,3 @@
 export interface IModelState {
     collapsed: boolean;
-    quickTopVisible: boolean;
 }

package/build/types/ui/rc/side-panel-item-button/index.d.ts

@@ -1,5 +1,5 @@
-import { ISidePanelItemButtonProps } from "../../types";
+import { SidePanelItemButtonProps } from '../../../model/types/common';
 /**
  * 工具的按钮
  */
-export default function SidePanelItemButton({ title, onlyShowIcon, ...props }: ISidePanelItemButtonProps): JSX.Element;
+export default function SidePanelItemButton({ title, icon, onlyShowIcon, active, ...rest }: SidePanelItemButtonProps): JSX.Element;

package/build/types/ui/rc/side-panel-item-button/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ScButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@alicloud/console-base-rc-button").ButtonProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    $onlyShowIcon: boolean;
+    $active: boolean;
+}, never>;

package/build/types/ui/rc-container/collapse-aside/index.d.ts

@@ -0,0 +1 @@
+export default function CollapseAside(): JSX.Element | null;

package/build/types/ui/rc-container/collapse-aside/styles.d.ts

@@ -0,0 +1,3 @@
+import { CSSTransition } from 'react-transition-group';
+export declare const ScCSSTransition: import("styled-components").StyledComponent<typeof CSSTransition, any, {}, never>;
+export declare const ScCollapseAsideWrap: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/types/ui/rc-container/collapse-toggle/styles.d.ts

@@ -0,0 +1,10 @@
+import { SidePanelItemButton } from '../../rc';
+interface IScProps {
+    $collapsed: boolean;
+    $isSimpleCN: boolean;
+    $hovered: boolean;
+}
+export declare const ScCollapseToggleWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ScCollapseToggle: import("styled-components").StyledComponent<"div", any, IScProps, never>;
+export declare const ScCollapseToggleButton: import("styled-components").StyledComponent<typeof SidePanelItemButton, any, IScProps, never>;
+export {};

package/build/types/ui/rc-container/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ItemsTop } from './items-top';
-export { default as ItemsBottom } from './items-bottom';
+export { ItemsTop, ItemsBottom } from './items';
 export { default as CollapseToggle } from './collapse-toggle';
+export { default as CollapseAside } from './collapse-aside';

package/build/types/ui/rc-container/item/index.d.ts

@@ -1,2 +1,2 @@
 import { SidePanelItemProps } from '../../../model';
-export default function Item({ id, className, style, active, title, icon, unread, mark, tooltip, tooltipAsHtml, tooltipOptions, onlyShowIcon, onClick, onActiveChange, ...rest }: SidePanelItemProps): JSX.Element;
+export default function Item({ title, unread, mark, tooltip, tooltipAsHtml, tooltipOptions, active, onActiveChange, onClick, id, className, style, ...rest }: SidePanelItemProps): JSX.Element;

package/build/types/ui/rc-container/items/index.d.ts

@@ -1,6 +1,2 @@
-import { SidePanelItemPropsWithKey } from '../../../model';
-interface IProps {
-    items: SidePanelItemPropsWithKey[];
-}
-export default function Items({ items }: IProps): JSX.Element;
-export {};
+export declare function ItemsTop(): JSX.Element;
+export declare function ItemsBottom(): JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-rc-side-panel",
-  "version": "1.1.10",
+  "version": "1.1.12-beta.0",
   "description": "ConsoleBase 组件 - 右侧边栏",
   "license": "MIT",
   "sideEffects": false,
@@ -23,6 +23,7 @@
     "@alicloud/demo-rc-elements": "^1.13.0",
     "@alicloud/ts-config": "^1.1.3",
     "@types/react": "^17.0.58",
+    "@types/react-transition-group": "^4.4.6",
     "@types/styled-components": "^5.1.26",
     "react": "^17.0.2",
     "styled-components": "^5.3.10",
@@ -49,7 +50,8 @@
     "@alicloud/react-hook-is-unmounted": "^1.3.4",
     "@alicloud/react-hook-mouse-hover": "^1.0.2",
     "@alicloud/typescript-missing-helpers": "^1.3.4",
-    "immutability-helper": "^3.1.1"
+    "immutability-helper": "^3.1.1",
+    "react-transition-group": "^4.4.5"
   },
   "scripts": {
     "start": "breezr start-storybook",

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

@@ -1,19 +0,0 @@
-"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

@@ -1,40 +0,0 @@
-"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-handle-go-top.js

@@ -1,22 +0,0 @@
-"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

@@ -1,19 +0,0 @@
-"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-quick-top.js

@@ -1,19 +0,0 @@
-"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/reducer/reduce-set-quick-top-visible.js

@@ -1,15 +0,0 @@
-"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/ui/rc-container/items-bottom/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ItemsBottom;
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _consoleBaseThemeScBase = require("@alicloud/console-base-theme-sc-base");
-var _consoleBaseRcFlex = _interopRequireDefault(require("@alicloud/console-base-rc-flex"));
-var _const = require("../../const");
-var _model = require("../../../model");
-var _items = _interopRequireDefault(require("../items"));
-var _quickTop = _interopRequireDefault(require("./quick-top"));
-var ScHr = (0, _styledComponents.default)(_consoleBaseThemeScBase.HrBase).withConfig({
-  componentId: "sc-1rxhuz5-0"
-})(["margin:", "px 4px;"], _const.SPACING_Y);
-function ItemsBottom() {
-  var quickTop = (0, _model.useQuickTop)();
-  var children = (0, _model.useChildren)();
-  var items = (0, _model.useItemsBottom)();
-  return /*#__PURE__*/_react.default.createElement(_consoleBaseRcFlex.default, {
-    vertical: true
-  }, quickTop.container && quickTop.visible ? /*#__PURE__*/_react.default.createElement(_quickTop.default, null) : null, children || items.length ? /*#__PURE__*/_react.default.createElement(ScHr, null) : null, children || /*#__PURE__*/_react.default.createElement(_items.default, {
-    items: items
-  }));
-}

package/build/cjs/ui/rc-container/items-bottom/quick-top/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = QuickTop;
-var _react = _interopRequireDefault(require("react"));
-var _consoleBaseRcIcon = _interopRequireDefault(require("@alicloud/console-base-rc-icon"));
-var _model = require("../../../../model");
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _rc = require("../../../rc");
-var _consoleBaseRcTooltip = require("@alicloud/console-base-rc-tooltip");
-function QuickTop() {
-  var handleGoTop = (0, _model.useHandleGoTop)();
-  var title = (0, _intl.default)('op:back_to_top');
-  return /*#__PURE__*/_react.default.createElement(_consoleBaseRcTooltip.TooltipV1, {
-    title: title,
-    placement: "left",
-    destroyTooltipOnHide: true,
-    fixed: true
-  }, /*#__PURE__*/_react.default.createElement(_rc.SidePanelItemWrap, null, /*#__PURE__*/_react.default.createElement(_rc.SidePanelItemButton, {
-    title: title,
-    label: /*#__PURE__*/_react.default.createElement(_consoleBaseRcIcon.default, {
-      type: "go-top"
-    }),
-    onClick: handleGoTop
-  })));
-}

package/build/cjs/ui/rc-container/items-top/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ItemsTop;
-var _react = _interopRequireDefault(require("react"));
-var _consoleBaseRcFlex = _interopRequireDefault(require("@alicloud/console-base-rc-flex"));
-var _model = require("../../../model");
-var _items = _interopRequireDefault(require("../items"));
-function ItemsTop() {
-  var items = (0, _model.useItemsTop)();
-  return /*#__PURE__*/_react.default.createElement(_consoleBaseRcFlex.default, {
-    vertical: true,
-    flex: true
-  }, /*#__PURE__*/_react.default.createElement(_items.default, {
-    items: items
-  }));
-}

package/build/cjs/ui/types/index.js

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

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

@@ -1,12 +0,0 @@
-import { useCallback } from 'react';
-import { EAction } from '../enum';
-import useModelDispatch from './_use-model-dispatch';
-export default function useDispatchSetQuickTopVisible() {
-  var dispatch = useModelDispatch();
-  return useCallback(function (payload) {
-    return dispatch({
-      type: EAction.SET_QUICK_TOP_VISIBLE,
-      payload: payload
-    });
-  }, [dispatch]);
-}

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

@@ -1,33 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { QUICK_TOP_VISIBLE_OFFSET } from '../const';
-import useModelProps from './_use-model-props';
-import useVisible from './use-visible';
-import useCollapsed from './use-collapsed';
-import useHandleSetQuickTopVisible from './use-handle-set-quick-top-visible';
-export default function useEffectQuickTop() {
-  var _useModelProps = useModelProps(),
-    quickTopContainer = _useModelProps.quickTopContainer;
-  var visible = useVisible();
-  var collapsed = useCollapsed();
-  var handleSetQuickTopVisible = useHandleSetQuickTopVisible();
-  var handleToggleVisible = useCallback(function () {
-    if (!quickTopContainer) {
-      return;
-    }
-    handleSetQuickTopVisible((quickTopContainer.scrollY || quickTopContainer.scrollTop) > QUICK_TOP_VISIBLE_OFFSET);
-  }, [quickTopContainer, handleSetQuickTopVisible]);
-
-  // container 变化导致 handleToggleVisible 变化，此时需要执行一次
-  useEffect(handleToggleVisible, [handleToggleVisible]);
-
-  // 对 container 进行 scroll 的事件绑定
-  useEffect(function () {
-    if (!quickTopContainer || !visible || collapsed) {
-      return;
-    }
-    quickTopContainer.addEventListener('scroll', handleToggleVisible);
-    return function () {
-      return quickTopContainer.removeEventListener('scroll', handleToggleVisible);
-    };
-  }, [visible, collapsed, quickTopContainer, handleToggleVisible]);
-}

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

@@ -1,15 +0,0 @@
-import { useCallback } from 'react';
-import { scrollTo } from '@alicloud/mere-dom';
-import useQuickTop from './use-quick-top';
-export default function useHandleGoTop() {
-  var _useQuickTop = useQuickTop(),
-    container = _useQuickTop.container;
-  return useCallback(function () {
-    if (!container) {
-      return;
-    }
-    scrollTo(container, {
-      top: 0
-    });
-  }, [container]);
-}

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

@@ -1,12 +0,0 @@
-import { useCallback } from 'react';
-import useDispatchSetQuickTopVisible from './use-dispatch-set-quick-top-visible';
-import useModelProps from './_use-model-props';
-export default function useHandleSetQuickTopVisible() {
-  var _useModelProps = useModelProps(),
-    onQuickTopVisibleChange = _useModelProps.onQuickTopVisibleChange;
-  var dispatchSetQuickTopVisible = useDispatchSetQuickTopVisible();
-  return useCallback(function (visible) {
-    dispatchSetQuickTopVisible(visible);
-    onQuickTopVisibleChange === null || onQuickTopVisibleChange === void 0 ? void 0 : onQuickTopVisibleChange(visible);
-  }, [dispatchSetQuickTopVisible, onQuickTopVisibleChange]);
-}

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

@@ -1,12 +0,0 @@
-import useModelProps from './_use-model-props';
-import useModelState from './_use-model-state';
-export default function useQuickTop() {
-  var _useModelProps = useModelProps(),
-    quickTopContainer = _useModelProps.quickTopContainer;
-  var _useModelState = useModelState(),
-    quickTopVisible = _useModelState.quickTopVisible;
-  return {
-    container: quickTopContainer,
-    visible: quickTopVisible
-  };
-}

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

@@ -1,8 +0,0 @@
-import update from 'immutability-helper';
-export default function reduceSetQuickTopVisible(state, payload) {
-  return update(state, {
-    quickTopVisible: {
-      $set: payload
-    }
-  });
-}

package/build/esm/ui/rc-container/items-bottom/index.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { HrBase } from '@alicloud/console-base-theme-sc-base';
-import Flex from '@alicloud/console-base-rc-flex';
-import { SPACING_Y } from '../../const';
-import { useChildren, useItemsBottom, useQuickTop } from '../../../model';
-import Items from '../items';
-import QuickTop from './quick-top';
-var ScHr = styled(HrBase).withConfig({
-  componentId: "sc-1rxhuz5-0"
-})(["margin:", "px 4px;"], SPACING_Y);
-export default function ItemsBottom() {
-  var quickTop = useQuickTop();
-  var children = useChildren();
-  var items = useItemsBottom();
-  return /*#__PURE__*/React.createElement(Flex, {
-    vertical: true
-  }, quickTop.container && quickTop.visible ? /*#__PURE__*/React.createElement(QuickTop, null) : null, children || items.length ? /*#__PURE__*/React.createElement(ScHr, null) : null, children || /*#__PURE__*/React.createElement(Items, {
-    items: items
-  }));
-}

package/build/esm/ui/rc-container/items-bottom/quick-top/index.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import Icon from '@alicloud/console-base-rc-icon';
-import { useHandleGoTop } from '../../../../model';
-import intl from '../../../intl';
-import { SidePanelItemWrap, SidePanelItemButton } from '../../../rc';
-import { TooltipV1 } from '@alicloud/console-base-rc-tooltip';
-export default function QuickTop() {
-  var handleGoTop = useHandleGoTop();
-  var title = intl('op:back_to_top');
-  return /*#__PURE__*/React.createElement(TooltipV1, {
-    title: title,
-    placement: "left",
-    destroyTooltipOnHide: true,
-    fixed: true
-  }, /*#__PURE__*/React.createElement(SidePanelItemWrap, null, /*#__PURE__*/React.createElement(SidePanelItemButton, {
-    title: title,
-    label: /*#__PURE__*/React.createElement(Icon, {
-      type: "go-top"
-    }),
-    onClick: handleGoTop
-  })));
-}

package/build/esm/ui/rc-container/items-top/index.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import Flex from '@alicloud/console-base-rc-flex';
-import { useItemsTop } from '../../../model';
-import Items from '../items';
-export default function ItemsTop() {
-  var items = useItemsTop();
-  return /*#__PURE__*/React.createElement(Flex, {
-    vertical: true,
-    flex: true
-  }, /*#__PURE__*/React.createElement(Items, {
-    items: items
-  }));
-}

package/build/esm/ui/types/index.js

@@ -1 +0,0 @@
-export {};

package/build/types/model/hook/use-dispatch-set-quick-top-visible.d.ts

@@ -1 +0,0 @@
-export default function useDispatchSetQuickTopVisible(): (payload: boolean) => void;

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

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

package/build/types/model/hook/use-handle-go-top.d.ts

@@ -1 +0,0 @@
-export default function useHandleGoTop(): () => void;

package/build/types/model/hook/use-handle-set-quick-top-visible.d.ts

@@ -1 +0,0 @@
-export default function useHandleSetQuickTopVisible(): (visible: boolean) => void;

package/build/types/model/hook/use-quick-top.d.ts

@@ -1,6 +0,0 @@
-interface IQuickTop {
-    container?: Window | HTMLElement | null;
-    visible: boolean;
-}
-export default function useQuickTop(): IQuickTop;
-export {};

package/build/types/model/reducer/reduce-set-quick-top-visible.d.ts

@@ -1,2 +0,0 @@
-import { IModelState } from '../types';
-export default function reduceSetQuickTopVisible(state: IModelState, payload: boolean): IModelState;

package/build/types/ui/rc-container/items-bottom/index.d.ts

@@ -1 +0,0 @@
-export default function ItemsBottom(): JSX.Element | null;

package/build/types/ui/rc-container/items-bottom/quick-top/index.d.ts

@@ -1 +0,0 @@
-export default function QuickTop(): JSX.Element;

package/build/types/ui/rc-container/items-top/index.d.ts

@@ -1 +0,0 @@
-export default function ItemsTop(): JSX.Element;

package/build/types/ui/types/index.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from '@alicloud/console-base-rc-button';
-export interface ISidePanelItemButtonProps extends Omit<ButtonProps, 'size' | 'theme' | 'title'> {
-    title?: string;
-    onlyShowIcon?: boolean;
-}