test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-12-02 12:07:54 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

perf: update affix

Browse Source
This commit is contained in:
tanjinzhou 2020-06-15 18:25:44 +08:00
parent e2c86fe21e
commit 733c8fce8e
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/affix/index.jsx
View File

@ -131,7 +131,12 @@ const Affix = {
measure() {
const { status, lastAffix } = this;
const { target } = this;
if (status !== AffixStatus.Prepare || !this.$refs.fixedNode || !this.$el || !target) {
if (
status !== AffixStatus.Prepare ||
!this.$refs.fixedNode ||
!this.$refs.placeholderNode ||
!target
) {
return;
}
@ -147,7 +152,7 @@ const Affix = {
status: AffixStatus.None,
};
const targetRect = getTargetRect(targetNode);
const placeholderReact = getTargetRect(this.$el);
const placeholderReact = getTargetRect(this.$refs.placeholderNode);
const fixedTop = getFixedTop(placeholderReact, targetRect, offsetTop);
const fixedBottom = getFixedBottom(placeholderReact, targetRect, offsetBottom);
if (fixedTop !== undefined) {
@ -209,9 +214,9 @@ const Affix = {
const offsetBottom = this.getOffsetBottom();
const targetNode = target();
if (targetNode && this.$el) {
if (targetNode && this.$refs.placeholderNode) {
const targetRect = getTargetRect(targetNode);
const placeholderReact = getTargetRect(this.$el);
const placeholderReact = getTargetRect(this.$refs.placeholderNode);
const fixedTop = getFixedTop(placeholderReact, targetRect, offsetTop);
const fixedBottom = getFixedBottom(placeholderReact, targetRect, offsetBottom);
@ -234,7 +239,6 @@ const Affix = {
const className = classNames({
[getPrefixCls('affix', prefixCls)]: affixStyle,
});
const props = omit($props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target']);
return (
<ResizeObserver

5
components/vc-resize-observer/index.jsx
View File

@ -6,6 +6,7 @@ const VueResizeObserver = {
name: 'ResizeObserver',
props: {
disabled: Boolean,
onResize: Function,
},
data() {
this.currentElement = null;
@ -45,12 +46,12 @@ const VueResizeObserver = {
}
if (!this.resizeObserver && element) {
this.resizeObserver = new ResizeObserver(this.onResize);
this.resizeObserver = new ResizeObserver(this.handleResize);
this.resizeObserver.observe(element);
}
},
onResize(entries) {
handleResize(entries) {
const { target } = entries[0];
const { width, height } = target.getBoundingClientRect();
/**