diff --git a/components/anchor/Anchor.jsx b/components/anchor/Anchor.jsx index 73d5fb3c9..0c8dad778 100644 --- a/components/anchor/Anchor.jsx +++ b/components/anchor/Anchor.jsx @@ -4,7 +4,7 @@ import addEventListener from '../_util/Dom/addEventListener'; import Affix from '../affix'; import getScroll from '../_util/getScroll'; import raf from 'raf'; -import { initDefaultProps, getClass } from '../_util/props-util'; +import { initDefaultProps } from '../_util/props-util'; import BaseMixin from '../_util/BaseMixin'; function getDefaultContainer() { @@ -82,6 +82,8 @@ export const AnchorProps = { affix: PropTypes.bool, showInkInFixed: PropTypes.bool, getContainer: PropTypes.func, + wrapperClass: PropTypes.string, + wrapperStyle: PropTypes.object, }; export default { @@ -213,7 +215,7 @@ export default { visible: activeLink, }); - const wrapperClass = classNames(getClass(this), `${prefixCls}-wrapper`); + const wrapperClass = classNames(this.wrapperClass, `${prefixCls}-wrapper`); const anchorClass = classNames(prefixCls, { fixed: !affix && !showInkInFixed, @@ -221,7 +223,7 @@ export default { const wrapperStyle = { maxHeight: offsetTop ? `calc(100vh - ${offsetTop}px)` : '100vh', - // ...getStyle(this, true), + ...this.wrapperStyle, }; const anchorContent = ( diff --git a/components/anchor/index.en-US.md b/components/anchor/index.en-US.md index 017b9d55f..117e710a3 100644 --- a/components/anchor/index.en-US.md +++ b/components/anchor/index.en-US.md @@ -11,6 +11,8 @@ | offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - | | offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 | | showInkInFixed | Whether show ink-balls in Fixed mode | boolean | false | +| wrapperClass | The class name of the container | string | - | +| wrapperStyle | The style of the container | object | - | ### Events | Events Name | Description | Arguments | diff --git a/components/anchor/index.zh-CN.md b/components/anchor/index.zh-CN.md index 094cd5585..127d1f09d 100644 --- a/components/anchor/index.zh-CN.md +++ b/components/anchor/index.zh-CN.md @@ -11,6 +11,8 @@ | offsetBottom | 距离窗口底部达到指定偏移量后触发 | number | | | offsetTop | 距离窗口顶部达到指定偏移量后触发 | number | | | showInkInFixed | 固定模式是否显示小圆点 | boolean | false | +| wrapperClass | 容器的类名 | string | - | +| wrapperStyle | 容器样式 | object | - | ### 事件 | 事件名称 | 说明 | 回调参数 | diff --git a/types/anchor/anchor.d.ts b/types/anchor/anchor.d.ts index e199211ac..3525c6d0a 100644 --- a/types/anchor/anchor.d.ts +++ b/types/anchor/anchor.d.ts @@ -48,4 +48,16 @@ export declare class Anchor extends AntdComponent { * @type boolean */ showInkInFixed: boolean; + + /** + * The class name of the container + * @type string + */ + wrapperClass: string; + + /** + * The style of the container + * @type object + */ + wrapperStyle: object; }