feat:Aero add style property

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

@@ -3643,6 +3643,10 @@ var AeroEffect = /** @class */ (function (_super) {
         Property,
         __metadata("design:type", Object)
     ], AeroEffect.prototype, "effectiveRect", void 0);
+    __decorate([
+        Property,
+        __metadata("design:type", String)
+    ], AeroEffect.prototype, "style", void 0);
     return AeroEffect;
 }(Stack));
 function blurEffect(views, config) {

doric-js/bundle/doric-lib.js

@@ -2748,6 +2748,10 @@ __decorate([
     Property,
     __metadata("design:type", Object)
 ], AeroEffect.prototype, "effectiveRect", void 0);
+__decorate([
+    Property,
+    __metadata("design:type", String)
+], AeroEffect.prototype, "style", void 0);
 function blurEffect(views, config) {
     const ret = new BlurEffect;
     ret.layoutConfig = layoutConfig().fit();

doric-js/bundle/doric-vm.js

@@ -4269,6 +4269,10 @@ __decorate([
     Property,
     __metadata("design:type", Object)
 ], AeroEffect.prototype, "effectiveRect", void 0);
+__decorate([
+    Property,
+    __metadata("design:type", String)
+], AeroEffect.prototype, "style", void 0);
 function blurEffect(views, config) {
     const ret = new BlurEffect;
     ret.layoutConfig = layoutConfig().fit();

doric-js/index.d.ts

@@ -1121,6 +1121,11 @@ declare module 'doric/lib/src/widget/effect' {
                     width: number;
                     height: number;
             };
+            /**
+                * Specify the area of the view is lighter or darker than the underlying view.
+                * If not set, the default is light.
+                */
+            style?: "light" | "dark" | "extraLight";
     }
     export function blurEffect(views: View | View[], config?: Partial<BlurEffect>): BlurEffect;
     export function aeroEffect(views: View | View[], config?: Partial<AeroEffect>): AeroEffect;

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

@@ -29,6 +29,11 @@ export declare class AeroEffect extends Stack {
         width: number;
         height: number;
     };
+    /**
+     * Specify the area of the view is lighter or darker than the underlying view.
+     * If not set, the default is light.
+     */
+    style?: "light" | "dark" | "extraLight";
 }
 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

@@ -41,6 +41,10 @@ __decorate([
     Property,
     __metadata("design:type", Object)
 ], AeroEffect.prototype, "effectiveRect", void 0);
+__decorate([
+    Property,
+    __metadata("design:type", String)
+], AeroEffect.prototype, "style", void 0);
 export function blurEffect(views, config) {
     const ret = new BlurEffect;
     ret.layoutConfig = layoutConfig().fit();

doric-js/src/widget/effect.ts

@@ -51,6 +51,12 @@ export class AeroEffect extends Stack {
         width: number,
         height: number,
     }
+    /**
+     * Specify the area of the view is lighter or darker than the underlying view.
+     * If not set, the default is light.
+     */
+    @Property
+    style?: "light" | "dark" | "extraLight"
 }