chore: move to official api (#422)

Author: zombieJ

src/Popup/index.tsx

@@ -153,8 +153,9 @@ const Popup = React.forwardRef<HTMLDivElement, PopupProps>((props, ref) => {
 
   // Set align style
   if (ready || !open) {
-    const { points, _experimental } = align;
-    const dynamicInset = _experimental?.dynamicInset;
+    const { points } = align;
+    const dynamicInset =
+      align.dynamicInset || (align as any)._experimental?.dynamicInset;
     const alignRight = dynamicInset && points[0][1] === 'r';
     const alignBottom = dynamicInset && points[0][0] === 'b';
 

src/interface.ts

@@ -29,16 +29,6 @@ export interface AlignType {
    * Point can be 't'(top), 'b'(bottom), 'c'(center), 'l'(left), 'r'(right) */
   points?: (string | AlignPoint)[];
 
-  /**
-   * @private Do not use in your production code
-   */
-  _experimental?: {
-    /**
-     * @private Do not use in your production code. Auto adjust align logic
-     */
-    dynamicInset?: boolean;
-  };
-
   /**
    * offset source node by offset[0] in x and offset[1] in y.
    * If offset contains percentage string value, it is relative to sourceNode region.
@@ -74,6 +64,11 @@ export interface AlignType {
    *    Similar to `visible`, but if `visible` region not satisfy, fallback to `scroll`.
    */
   htmlRegion?: 'visible' | 'scroll' | 'visibleFirst';
+
+  /**
+   * Auto chose position with `top` or `bottom` by the align result
+   */
+  dynamicInset?: boolean;
   /**
    * Whether use css right instead of left to position
    */