feat(flexible): 添加onInitialized回调及版本更新至alpha

Author: susanforme

packages/flexible/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cherrywind/flexible",
-  "version": "0.0.5",
+  "version": "0.0.5.alpha.1",
   "private": false,
   "keywords": [
     "flexible"

packages/flexible/src/index.ts

@@ -92,6 +92,7 @@ export interface FlexibleOptions {
         delay?: number;
       }
     | false;
+  onInitialized?: () => void;
 }
 
 /**
@@ -112,6 +113,7 @@ export const flexible = (options: FlexibleOptions = {}): (() => void) => {
     ratio: propRatio,
     recalibrate = true,
     resizeOption,
+    onInitialized,
   } = options;
   const breakpoints = propBreakpoints;
   const layouts = propLayouts;
@@ -204,18 +206,23 @@ export const flexible = (options: FlexibleOptions = {}): (() => void) => {
   }
   if (immediate) {
     responsive();
+    requestAnimationFrame(() => {
+      onInitialized?.();
+    });
   } else {
-    window.addEventListener('load', responsive);
+    window.addEventListener('load', () => {
+      responsive();
+      requestAnimationFrame(() => {
+        onInitialized?.();
+      });
+    });
   }
   window.addEventListener('resize', resizeHandler);
   if (orientationchange) {
     screen.orientation.addEventListener('change', resizeHandler);
   }
   // 返回清理函数
   return () => {
-    if (!immediate) {
-      window.removeEventListener('load', responsive);
-    }
     window.removeEventListener('resize', resizeHandler);
     if (orientationchange) {
       screen.orientation.removeEventListener('change', resizeHandler);