plain-design 1.0.0-beta.90 → 1.0.0-beta.91

package/package.json

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

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

@@ -51,6 +51,10 @@ export const Popup = designComponent({
     noArrow: { type: Boolean, default: null },                                            // 是否去掉箭头
     minWidth: { type: [Number, String] },                                                 // 最小宽度
     minHeight: { type: [Number, String] },                                                // 最小高度
+    maxTop: { type: [Number, Function] as PropType<iPopupUseOption['maxTop']> },          // 最大top
+    minTop: { type: [Number, Function] as PropType<iPopupUseOption['minTop']> },          // 最小top
+    maxLeft: { type: [Number, Function] as PropType<iPopupUseOption['maxLeft']> },        // 最大left
+    minLeft: { type: [Number, Function] as PropType<iPopupUseOption['minLeft']> },        // 最小left
     noBackground: { type: Boolean },                                                      // 透明背景色
     cover: { type: Boolean },                                                             // 覆盖reference
     noBorder: { type: Boolean },                                                          // 无边框
@@ -247,6 +251,10 @@ export const Popup = designComponent({
         noArrow: props.noArrow,
         minHeight: props.minHeight,
         minWidth: props.minWidth,
+        maxTop: props.maxTop,
+        minTop: props.minTop,
+        maxLeft: props.maxLeft,
+        minLeft: props.minLeft,
         noBackground: props.noBackground,
         cover: props.cover,
         noBorder: props.noBorder,

package/src/packages/components/usePopup/refresh/calcPosition.ts

@@ -7,13 +7,15 @@ import {handleDirection} from "../utils/handleDirection";
  * @date    2023/5/16 16:16
  */
 export function calcPosition(
-  {
+  buildParams: iPopupRefreshBuildParams
+): { top: number, left: number } {
+
+  const {
     direction,
     align,
     rects,
     option
-  }: iPopupRefreshBuildParams
-) {
+  } = buildParams;
 
   let top: number | null = null;
   let left: number | null = null;
@@ -81,5 +83,22 @@ export function calcPosition(
     if (left > maxLeft) {left = maxLeft;}
   }
 
+  if (option.maxTop != null) {
+    const maxTop = typeof option.maxTop === "function" ? option.maxTop(buildParams) : option.maxTop;
+    if (top! > maxTop) {top = maxTop;}
+  }
+  if (option.minTop != null) {
+    const minTop = typeof option.minTop === "function" ? option.minTop(buildParams) : option.minTop;
+    if (top! < minTop) {top = minTop;}
+  }
+  if (option.maxLeft != null) {
+    const maxLeft = typeof option.maxLeft === "function" ? option.maxLeft(buildParams) : option.maxLeft;
+    if (left! > maxLeft) {left = maxLeft;}
+  }
+  if (option.minLeft != null) {
+    const minLeft = typeof option.minLeft === "function" ? option.minLeft(buildParams) : option.minLeft;
+    if (left! < minLeft) {left = minLeft;}
+  }
+
   return { top: top!, left: left! };
 }

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

@@ -97,6 +97,10 @@ export interface iPopupCustomOption {
   minHeight?: string | number,                // 最小高度
   width?: string | number,                    // 固定宽度
   height?: string | number,                   // 固定高度
+  maxTop?: number | ((param: iPopupRefreshBuildParams) => number),// 最大top值
+  minTop?: number | ((param: iPopupRefreshBuildParams) => number),// 最小top值
+  maxLeft?: number | ((param: iPopupRefreshBuildParams) => number),// 最大left值
+  minLeft?: number | ((param: iPopupRefreshBuildParams) => number),// 最小left值
   noBackground?: boolean,                     // 禁用背景色
   noTransition?: boolean,                     // 禁用过度动画
   cover?: boolean,                            // 覆盖reference