feat: fix typo

doric-js/bundle/doric-lib.es5.js

@@ -3634,6 +3634,17 @@ var BlurEffect = /** @class */ (function (_super) {
     ], BlurEffect.prototype, "radius", void 0);
     return BlurEffect;
 }(Stack));
+var AeroEffect = /** @class */ (function (_super) {
+    __extends$2(AeroEffect, _super);
+    function AeroEffect() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property,
+        __metadata("design:type", Object)
+    ], AeroEffect.prototype, "effectiveRect", void 0);
+    return AeroEffect;
+}(Stack));
 function blurEffect(views, config) {
     var ret = new BlurEffect;
     ret.layoutConfig = layoutConfig().fit();
@@ -3650,6 +3661,22 @@ function blurEffect(views, config) {
     }
     return ret;
 }
+function aeroEffect(views, config) {
+    var ret = new AeroEffect;
+    ret.layoutConfig = layoutConfig().fit();
+    if (views instanceof View) {
+        ret.addChild(views);
+    }
+    else {
+        views.forEach(function (e) {
+            ret.addChild(e);
+        });
+    }
+    if (config) {
+        ret.apply(config);
+    }
+    return ret;
+}
 
 function modal(context) {
     return {
@@ -4459,6 +4486,7 @@ var ModularPanel = /** @class */ (function (_super) {
     return ModularPanel;
 }(Module));
 
+exports.AeroEffect = AeroEffect;
 exports.AlphaAnimation = AlphaAnimation;
 exports.AnimationSet = AnimationSet;
 exports.AssetResource = AssetResource;
@@ -4526,6 +4554,7 @@ exports.View = View;
 exports.ViewComponent = ViewComponent;
 exports.ViewHolder = ViewHolder;
 exports.ViewModel = ViewModel;
+exports.aeroEffect = aeroEffect;
 exports.animate = animate;
 exports.blurEffect = blurEffect;
 exports.coordinator = coordinator;

doric-js/bundle/doric-lib.js

@@ -2742,6 +2742,12 @@ __decorate([
     Property,
     __metadata("design:type", Number)
 ], BlurEffect.prototype, "radius", void 0);
+class AeroEffect extends Stack {
+}
+__decorate([
+    Property,
+    __metadata("design:type", Object)
+], AeroEffect.prototype, "effectiveRect", void 0);
 function blurEffect(views, config) {
     const ret = new BlurEffect;
     ret.layoutConfig = layoutConfig().fit();
@@ -2758,6 +2764,22 @@ function blurEffect(views, config) {
     }
     return ret;
 }
+function aeroEffect(views, config) {
+    const ret = new AeroEffect;
+    ret.layoutConfig = layoutConfig().fit();
+    if (views instanceof View) {
+        ret.addChild(views);
+    }
+    else {
+        views.forEach(e => {
+            ret.addChild(e);
+        });
+    }
+    if (config) {
+        ret.apply(config);
+    }
+    return ret;
+}
 
 function modal(context) {
     return {
@@ -3407,6 +3429,7 @@ class ModularPanel extends Module {
     }
 }
 
+exports.AeroEffect = AeroEffect;
 exports.AlphaAnimation = AlphaAnimation;
 exports.AnimationSet = AnimationSet;
 exports.AssetResource = AssetResource;
@@ -3474,6 +3497,7 @@ exports.View = View;
 exports.ViewComponent = ViewComponent;
 exports.ViewHolder = ViewHolder;
 exports.ViewModel = ViewModel;
+exports.aeroEffect = aeroEffect;
 exports.animate = animate;
 exports.blurEffect = blurEffect;
 exports.coordinator = coordinator;

doric-js/bundle/doric-vm.js

@@ -4263,6 +4263,12 @@ __decorate([
     Property,
     __metadata("design:type", Number)
 ], BlurEffect.prototype, "radius", void 0);
+class AeroEffect extends Stack {
+}
+__decorate([
+    Property,
+    __metadata("design:type", Object)
+], AeroEffect.prototype, "effectiveRect", void 0);
 function blurEffect(views, config) {
     const ret = new BlurEffect;
     ret.layoutConfig = layoutConfig().fit();
@@ -4279,6 +4285,22 @@ function blurEffect(views, config) {
     }
     return ret;
 }
+function aeroEffect(views, config) {
+    const ret = new AeroEffect;
+    ret.layoutConfig = layoutConfig().fit();
+    if (views instanceof View) {
+        ret.addChild(views);
+    }
+    else {
+        views.forEach(e => {
+            ret.addChild(e);
+        });
+    }
+    if (config) {
+        ret.apply(config);
+    }
+    return ret;
+}
 
 function modal(context) {
     return {
@@ -5169,6 +5191,7 @@ global$1.nativeEmpty = () => {
     }, 0);
 };
 
+exports.AeroEffect = AeroEffect;
 exports.AlphaAnimation = AlphaAnimation;
 exports.AnimationSet = AnimationSet;
 exports.AssetResource = AssetResource;
@@ -5236,6 +5259,7 @@ exports.View = View;
 exports.ViewComponent = ViewComponent;
 exports.ViewHolder = ViewHolder;
 exports.ViewModel = ViewModel;
+exports.aeroEffect = aeroEffect;
 exports.animate = animate;
 exports.blurEffect = blurEffect;
 exports.coordinator = coordinator;

doric-js/index.d.ts

@@ -1110,7 +1110,20 @@ declare module 'doric/lib/src/widget/effect' {
                 */
             radius?: number;
     }
+    export class AeroEffect extends Stack {
+            /**
+                * Specify the effective rectangle.
+                * If not set, the default is the entire area.
+                */
+            effectiveRect?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+            };
+    }
     export function blurEffect(views: View | View[], config?: Partial<BlurEffect>): BlurEffect;
+    export function aeroEffect(views: View | View[], config?: Partial<AeroEffect>): AeroEffect;
 }
 
 declare module 'doric/lib/src/native/modal' {

doric-js/lib/src/widget/effect.d.ts

@@ -18,4 +18,17 @@ export declare class BlurEffect extends Stack {
      */
     radius?: number;
 }
+export declare class AeroEffect extends Stack {
+    /**
+     * Specify the effective rectangle.
+     * If not set, the default is the entire area.
+     */
+    effectiveRect?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
 export declare function blurEffect(views: View | View[], config?: Partial<BlurEffect>): BlurEffect;
+export declare function aeroEffect(views: View | View[], config?: Partial<AeroEffect>): AeroEffect;

doric-js/lib/src/widget/effect.js

@@ -35,6 +35,12 @@ __decorate([
     Property,
     __metadata("design:type", Number)
 ], BlurEffect.prototype, "radius", void 0);
+export class AeroEffect extends Stack {
+}
+__decorate([
+    Property,
+    __metadata("design:type", Object)
+], AeroEffect.prototype, "effectiveRect", void 0);
 export function blurEffect(views, config) {
     const ret = new BlurEffect;
     ret.layoutConfig = layoutConfig().fit();
@@ -51,3 +57,19 @@ export function blurEffect(views, config) {
     }
     return ret;
 }
+export function aeroEffect(views, config) {
+    const ret = new AeroEffect;
+    ret.layoutConfig = layoutConfig().fit();
+    if (views instanceof View) {
+        ret.addChild(views);
+    }
+    else {
+        views.forEach(e => {
+            ret.addChild(e);
+        });
+    }
+    if (config) {
+        ret.apply(config);
+    }
+    return ret;
+}

doric-js/src/widget/effect.ts

@@ -38,6 +38,22 @@ export class BlurEffect extends Stack {
     radius?: number
 }
 
+
+export class AeroEffect extends Stack {
+    /**
+     * Specify the effective rectangle.
+     * If not set, the default is the entire area.
+     */
+    @Property
+    effectiveRect?: {
+        x: number,
+        y: number,
+        width: number,
+        height: number,
+    }
+}
+
+
 export function blurEffect(views: View | View[], config?: Partial<BlurEffect>) {
     const ret = new BlurEffect
     ret.layoutConfig = layoutConfig().fit()
@@ -52,4 +68,20 @@ export function blurEffect(views: View | View[], config?: Partial<BlurEffect>) {
         ret.apply(config)
     }
     return ret
+}
+
+export function aeroEffect(views: View | View[], config?: Partial<AeroEffect>) {
+    const ret = new AeroEffect
+    ret.layoutConfig = layoutConfig().fit()
+    if (views instanceof View) {
+        ret.addChild(views)
+    } else {
+        views.forEach(e => {
+            ret.addChild(e)
+        })
+    }
+    if (config) {
+        ret.apply(config)
+    }
+    return ret
 }