plain-design 1.0.0-beta.29 → 1.0.0-beta.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.29",
+  "version": "1.0.0-beta.30",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/Popup/index.tsx

@@ -34,7 +34,8 @@ export const Popup = designComponent({
     beforeHide: { type: Function as PropType<iPopupCustomOption['beforeHide']> },         // 隐藏之前处理动作，返回false则阻止隐藏
     destroyOnClose: { type: Boolean, default: true, },                                                    // 是否在关闭的时候销毁内容
     type: { type: String as PropType<iPopupDefaultOption['type']> },                      // 类型，在打开一个popup的时候，会将同类型的popup自动关闭
-    appendToBody: { type: Boolean as PropType<iPopupDefaultOption['appendToBody']>, default: true },                          // 挂载到某个dom节点下
+    appendToBody: { type: Boolean as PropType<iPopupDefaultOption['appendToBody']>, default: true },  // 挂载到某个dom节点下
+    transformRefreshOnScroll: { type: Boolean as PropType<iPopupDefaultOption['transformRefreshOnScroll']>, default: true },// scroll的时候refresh使用transform来优化
     offset: { type: Number as PropType<iPopupDefaultOption['offset']> },                  // 在direction方向上的距离
     autoSwitchDirection: { type: Boolean as PropType<iPopupDefaultOption['autoSwitchDirection']>, default: true },// 当空间不够时，是否自动切换direction
     size: { type: String as PropType<iPopupDefaultOption['size']> },                      // popup内容尺寸
@@ -231,6 +232,7 @@ export const Popup = designComponent({
         destroyOnClose: props.destroyOnClose,
         type: props.type,
         appendToBody: props.appendToBody,
+        transformRefreshOnScroll: props.transformRefreshOnScroll,
         offset: props.offset,
         autoSwitchDirection: props.autoSwitchDirection,
         refreshOnScroll: props.refreshOnScroll,

package/src/packages/components/usePopup/PopupItem.tsx

@@ -194,7 +194,7 @@ export const PopupItem = designComponent({
             clearTimeout(timer);
             timer = null;
           }
-          methods.refresh(true);
+          methods.refresh(state.option.transformRefreshOnScroll);
           timer = setTimeout(() => {
             methods.refresh();
           }, 100);

package/src/packages/components/usePopup/usePopupManager.tsx

@@ -63,6 +63,7 @@ export function usePopupManager({ getSize }: { getSize: () => typeof ThemeSize.T
         animation: ePopupAnimation.fade,
         destroyOnClose: true,
         appendToBody: true,
+        transformRefreshOnScroll: true,
         offset: 0,
         offsetAlign: 0,
         autoSwitchDirection: true,

package/src/packages/components/usePopup/utils/popup.utils.ts

@@ -63,6 +63,7 @@ export interface iPopupDefaultOption {
   animation: iPopupAnimation,                 // 动画类型
   destroyOnClose: boolean,                    // 关闭的时候销毁popup
   appendToBody: boolean,                      // 挂载到某个dom节点下
+  transformRefreshOnScroll: boolean,          // scroll的时候refresh使用transform来优化
   offset: number,                             // 在direction方向上的距离
   offsetAlign: number,                        // 在align方向上的偏移距离
   autoSwitchDirection: boolean,               // 当空间不够时，是否自动切换direction