jsbox-cview 1.6.0 → 1.6.2

package/components/enhanced-imageview.ts

@@ -63,19 +63,14 @@ export class EnhancedImageView extends Base<UIView, UiTypes.ViewOptions> {
           $delay(0.1, () =>
             this._addGesture(view, (gesture: any) => {
               const location = gesture.$locationInView(view.ocValue());
-              const realLocation = $point(
-                location.x - view.bounds.x,
-                location.y - view.bounds.y
-              );
+              const realLocation = $point(location.x - view.bounds.x, location.y - view.bounds.y);
               const frame = this.view.frame;
               if (realLocation.y <= frame.height / 2) {
-                if (events.upperLocationTouched)
-                  events.upperLocationTouched(this);
+                if (events.upperLocationTouched) events.upperLocationTouched(this);
               } else {
-                if (events.lowerLocationTouched)
-                  events.lowerLocationTouched(this);
+                if (events.lowerLocationTouched) events.lowerLocationTouched(this);
               }
-            })
+            }),
           );
         },
       },

package/components/flowlayout.ts

@@ -30,10 +30,7 @@ import { Base } from "./base";
  * - set items(items: FlowlayoutItem[])  设置子视图
  * - get items(): FlowlayoutItem[]  获取子视图
  */
-export class Flowlayout<T extends FlowlayoutItem> extends Base<
-  UIView,
-  UiTypes.ViewOptions
-> {
+export class Flowlayout<T extends FlowlayoutItem> extends Base<UIView, UiTypes.ViewOptions> {
   private _width: number; // 缓存宽度，用于判断是否需要重新布局
   private _props: {
     items: T[];
@@ -84,7 +81,7 @@ export class Flowlayout<T extends FlowlayoutItem> extends Base<
           didLongPress: events?.didLongPress,
           flowlayout: this,
           index,
-        })
+        }),
     );
     this._defineView = () => ({
       type: "view",
@@ -98,8 +95,7 @@ export class Flowlayout<T extends FlowlayoutItem> extends Base<
           if (this._width !== sender.frame.width) {
             this._width = sender.frame.width;
             const height = this._layoutWrappers();
-            if (!this._props.fixedHeight)
-              sender.updateLayout((make) => make.height.equalTo(height));
+            if (!this._props.fixedHeight) sender.updateLayout((make) => make.height.equalTo(height));
           }
         },
       },
@@ -126,13 +122,12 @@ export class Flowlayout<T extends FlowlayoutItem> extends Base<
           didLongPress: this._events?.didLongPress,
           flowlayout: this,
           index,
-        })
+        }),
     );
     this.view.views.forEach((v) => v.remove());
     this._wrappers.forEach((wrapper) => this.view.add(wrapper.definition));
     const height = this._layoutWrappers();
-    if (!this._props.fixedHeight)
-      this.view.updateLayout((make) => make.height.equalTo(height));
+    if (!this._props.fixedHeight) this.view.updateLayout((make) => make.height.equalTo(height));
   }
 
   _layoutWrappers(): number {
@@ -192,10 +187,7 @@ interface FlowlayoutItem extends Base<any, any> {
   itemWidth: () => number;
 }
 
-class WrapperView<T extends FlowlayoutItem> extends Base<
-  UIView,
-  UiTypes.ViewOptions
-> {
+class WrapperView<T extends FlowlayoutItem> extends Base<UIView, UiTypes.ViewOptions> {
   _defineView: () => UiTypes.ViewOptions;
   item: T;
   constructor({

package/components/image-pager.ts

@@ -108,8 +108,7 @@ export class ImagePager extends Base<UIView, UiTypes.ViewOptions> {
           const oldPage = this.page;
           this._props.page = Math.round(target.x / sender.frame.width);
           //this.loadsrc(this.page, true);
-          if (oldPage !== this.page && events.changed)
-            events.changed(this.page);
+          if (oldPage !== this.page && events.changed) events.changed(this.page);
         },
         didScroll: (sender) => {
           this.loadsrc(this.page + 1, true);

package/components/oc-webview.ts

@@ -17,7 +17,7 @@ import { Base } from "./base";
  * - didStart?: (sender: any) => void;
  * - didFinish?: (sender: any) => void;
  * - didFail?: (sender: any, error: NSError | null) => void;
- * 
+ *
  * events中sender的any类型实际为WKWebView OC类型
  *
  * ## Methods
@@ -50,15 +50,8 @@ export class OCWebView extends Base<UIView, UiTypes.RuntimeOptions> {
     super();
     // ====== 创建 WebView ======
     const config = $objc("WKWebViewConfiguration").invoke("new");
-    config.invoke(
-      "setWebsiteDataStore:",
-      $objc("WKWebsiteDataStore").invoke("defaultDataStore"),
-    );
-    const webView = $objc("WKWebView").invoke(
-      "alloc.initWithFrame:configuration:",
-      $rect(0, 0, 0, 0),
-      config,
-    );
+    config.invoke("setWebsiteDataStore:", $objc("WKWebsiteDataStore").invoke("defaultDataStore"));
+    const webView = $objc("WKWebView").invoke("alloc.initWithFrame:configuration:", $rect(0, 0, 0, 0), config);
     this.webView = webView;
 
     this._defineView = () => {
@@ -75,27 +68,16 @@ export class OCWebView extends Base<UIView, UiTypes.RuntimeOptions> {
             const navDelegate = $delegate({
               type: "WKNavigationDelegate",
               events: {
-                "webView:didStartProvisionalNavigation:": (
-                  wv: any,
-                  nav: any,
-                ) => {
+                "webView:didStartProvisionalNavigation:": (wv: any, nav: any) => {
                   events.didStart && events.didStart(wv);
                 },
                 "webView:didFinishNavigation:": (wv: any, nav: any) => {
                   events.didFinish && events.didFinish(wv);
                 },
-                "webView:didFailNavigation:withError:": (
-                  wv: any,
-                  nav: any,
-                  e: any,
-                ) => {
+                "webView:didFailNavigation:withError:": (wv: any, nav: any, e: any) => {
                   events.didFail && events.didFail(wv, e ? e.jsValue() : null);
                 },
-                "webView:didFailProvisionalNavigation:withError:": (
-                  wv: any,
-                  nav: any,
-                  e: any,
-                ) => {
+                "webView:didFailProvisionalNavigation:withError:": (wv: any, nav: any, e: any) => {
                   events.didFail && events.didFail(wv, e ? e.jsValue() : null);
                 },
               },

package/components/page-control.ts

@@ -67,14 +67,9 @@ export class PageControl extends Runtime {
     const pageControl = $objc("UIPageControl").$new();
     pageControl.$setNumberOfPages(this._numberOfPages);
     pageControl.$setCurrentPage(this._currentPage);
-    if (this._pageIndicatorTintColor)
-      pageControl.$setPageIndicatorTintColor(
-        this._pageIndicatorTintColor.ocValue()
-      );
+    if (this._pageIndicatorTintColor) pageControl.$setPageIndicatorTintColor(this._pageIndicatorTintColor.ocValue());
     if (this._currentPageIndicatorTintColor)
-      pageControl.$setCurrentPageIndicatorTintColor(
-        this._currentPageIndicatorTintColor.ocValue()
-      );
+      pageControl.$setCurrentPageIndicatorTintColor(this._currentPageIndicatorTintColor.ocValue());
 
     pageControl.$addEventHandler({
       events: $UIEvent.valueChanged,

package/components/pageviewer-titlebar.ts

@@ -63,17 +63,13 @@ export class PageViewerTitleBar extends Base<UIView, UiTypes.ViewOptions> {
     };
     const { changed, ...restEvents } = events;
     this._floatedIndex = this._props.index;
-    this._lineStartLocationPercentage =
-      this._floatedIndex / this._props.items.length;
+    this._lineStartLocationPercentage = this._floatedIndex / this._props.items.length;
     this.labels = this._props.items.map((n, i) => {
       return new Label({
         props: {
           text: n,
           font: $font("bold", 17),
-          textColor:
-            i === this.index
-              ? this._props.selectedItemColor
-              : this._props.defaultItemColor,
+          textColor: i === this.index ? this._props.selectedItemColor : this._props.defaultItemColor,
           align: $align.center,
           userInteractionEnabled: true,
         },
@@ -101,9 +97,7 @@ export class PageViewerTitleBar extends Base<UIView, UiTypes.ViewOptions> {
       },
       layout: (make, view) => {
         make.left.bottom.inset(0);
-        make.width
-          .equalTo(view.super)
-          .multipliedBy(this._floatedIndex / this._props.items.length);
+        make.width.equalTo(view.super).multipliedBy(this._floatedIndex / this._props.items.length);
       },
     });
     this.line = new ContentView({
@@ -125,11 +119,7 @@ export class PageViewerTitleBar extends Base<UIView, UiTypes.ViewOptions> {
         },
         layout,
         events: restEvents,
-        views: [
-          this.stack.definition,
-          this.placeholderView.definition,
-          this.line.definition,
-        ],
+        views: [this.stack.definition, this.placeholderView.definition, this.line.definition],
       };
     };
   }
@@ -158,7 +148,7 @@ export class PageViewerTitleBar extends Base<UIView, UiTypes.ViewOptions> {
         n.view.textColor = weightedAverageColors(
           this._props.selectedItemColor,
           this._props.defaultItemColor,
-          floatedIndex - i > 0 ? 1 - (floatedIndex - i) : 1 - (i - floatedIndex)
+          floatedIndex - i > 0 ? 1 - (floatedIndex - i) : 1 - (i - floatedIndex),
         );
       } else {
         n.view.textColor = this._props.defaultItemColor;

package/components/pageviewer.ts

@@ -75,26 +75,17 @@ export class PageViewer extends Base<UIView, UiTypes.ViewOptions> {
       events: {
         layoutSubviews: (sender) => {
           this._pageWidth = sender.frame.width;
-          if (this._pageWidth)
-            sender.contentSize = $size(
-              this._pageWidth * this._props.cviews.length,
-              0
-            );
+          if (this._pageWidth) sender.contentSize = $size(this._pageWidth * this._props.cviews.length, 0);
         },
         willEndDragging: (sender, velocity, target) => {
           const oldPage = this.page;
           this._props.page = Math.round(target.x / this._pageWidth);
-          if (oldPage !== this.page && this._events.changed)
-            this._events.changed(this, this.page);
+          if (oldPage !== this.page && this._events.changed) this._events.changed(this, this.page);
         },
         didScroll: (sender) => {
           const rawPage = sender.contentOffset.x / this._pageWidth;
-          this._floatPage = Math.min(
-            Math.max(0, rawPage),
-            this._props.cviews.length - 1
-          );
-          if (this._events.floatPageChanged)
-            this._events.floatPageChanged(this, this._floatPage);
+          this._floatPage = Math.min(Math.max(0, rawPage), this._props.cviews.length - 1);
+          if (this._events.floatPageChanged) this._events.floatPageChanged(this, this._floatPage);
         },
       },
       layout: $layout.fill,

package/components/rotating-view.ts

@@ -60,9 +60,7 @@ export class RotatingView extends Base<UIView, UiTypes.ViewOptions> {
       if (!this._props.image) throw new Error("image is required");
       this._innerView = new Image({
         props: {
-          image: this._props.tintColor
-            ? this._props.image.alwaysTemplate
-            : this._props.image,
+          image: this._props.tintColor ? this._props.image.alwaysTemplate : this._props.image,
           tintColor: this._props.tintColor,
           contentMode: this._props.contentMode,
         },

package/components/searchbar.ts

@@ -110,8 +110,7 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
         placeholder: this._props.placeholder,
         bgcolor: $color("clear"),
         radius: 0,
-        accessoryView:
-          this._props.accessoryCview && this._props.accessoryCview.definition,
+        accessoryView: this._props.accessoryCview && this._props.accessoryCview.definition,
       },
       layout: (make, view) => {
         make.left.equalTo(view.prev.right);
@@ -201,11 +200,7 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
           clipsToBounds: true,
         },
         layout,
-        views: [
-          this.cviews.bgview.definition,
-          this.cviews.iconInput.definition,
-          this.cviews.cancelButton.definition,
-        ],
+        views: [this.cviews.bgview.definition, this.cviews.iconInput.definition, this.cviews.cancelButton.definition],
       };
     };
   }
@@ -214,17 +209,11 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
     switch (this._props.style) {
       case 0: {
         const IconInputLayout = $layout.fill;
-        const IconInputLayoutFocused = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const IconInputLayoutFocused = (make: MASConstraintMaker, view: AllUIView) => {
           make.left.top.bottom.inset(0);
           make.right.inset(cancelButtonWidth);
         };
-        const cancelButtonLayout = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const cancelButtonLayout = (make: MASConstraintMaker, view: AllUIView) => {
           make.right.top.bottom.inset(0);
           make.width.equalTo(cancelButtonWidth);
         };
@@ -243,19 +232,13 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
           make.left.top.bottom.inset(0);
           make.right.equalTo(view.prev);
         };
-        const cancelButtonLayout = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const cancelButtonLayout = (make: MASConstraintMaker, view: AllUIView) => {
           make.top.bottom.inset(0);
           make.left.equalTo(view.prev.prev.right);
           make.width.equalTo(cancelButtonWidth);
         };
         const bgviewLayoutNormal = $layout.fill;
-        const bgviewLayoutFocused = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const bgviewLayoutFocused = (make: MASConstraintMaker, view: AllUIView) => {
           make.left.top.bottom.inset(0);
           make.right.inset(cancelButtonWidth);
         };
@@ -266,34 +249,22 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
         };
       }
       case 2: {
-        const IconInputLayoutNormal = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const IconInputLayoutNormal = (make: MASConstraintMaker, view: AllUIView) => {
           make.center.equalTo(view.super);
           make.top.bottom.inset(0);
           make.width.equalTo(placeholderWidth + 50);
         };
-        const IconInputLayoutFocused = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const IconInputLayoutFocused = (make: MASConstraintMaker, view: AllUIView) => {
           make.left.top.bottom.inset(0);
           make.right.inset(cancelButtonWidth);
         };
-        const cancelButtonLayout = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const cancelButtonLayout = (make: MASConstraintMaker, view: AllUIView) => {
           make.right.top.bottom.inset(0);
           make.left.equalTo(view.prev.prev.right);
           make.width.equalTo(cancelButtonWidth);
         };
         const bgviewLayoutNormal = $layout.fill;
-        const bgviewLayoutFocused = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const bgviewLayoutFocused = (make: MASConstraintMaker, view: AllUIView) => {
           make.left.top.bottom.inset(0);
           make.right.inset(cancelButtonWidth);
         };
@@ -313,8 +284,7 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
 
   _onFocused() {
     this._focused = true;
-    if (this._layouts.iconInput.focused)
-      this.cviews.iconInput.view.remakeLayout(this._layouts.iconInput.focused);
+    if (this._layouts.iconInput.focused) this.cviews.iconInput.view.remakeLayout(this._layouts.iconInput.focused);
     switch (this._props.style) {
       case 0: {
         $ui.animate({
@@ -327,8 +297,7 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
         break;
       }
       case 1: {
-        if (this._layouts.bgview.focused)
-          this.cviews.bgview.view.remakeLayout(this._layouts.bgview.focused);
+        if (this._layouts.bgview.focused) this.cviews.bgview.view.remakeLayout(this._layouts.bgview.focused);
         $ui.animate({
           duration: 0.2,
           animation: () => {
@@ -339,12 +308,8 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
         break;
       }
       case 2: {
-        if (this._layouts.iconInput.focused)
-          this.cviews.iconInput.view.remakeLayout(
-            this._layouts.iconInput.focused
-          );
-        if (this._layouts.bgview.focused)
-          this.cviews.bgview.view.remakeLayout(this._layouts.bgview.focused);
+        if (this._layouts.iconInput.focused) this.cviews.iconInput.view.remakeLayout(this._layouts.iconInput.focused);
+        if (this._layouts.bgview.focused) this.cviews.bgview.view.remakeLayout(this._layouts.bgview.focused);
         $ui.animate({
           duration: 0.2,
           animation: () => {
@@ -390,15 +355,10 @@ export class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
           inset: 20,
         });
         const textWidth = getTextWidth(this.text, { inset: 20 });
-        const IconInputLayoutInputing = (
-          make: MASConstraintMaker,
-          view: AllUIView
-        ) => {
+        const IconInputLayoutInputing = (make: MASConstraintMaker, view: AllUIView) => {
           make.center.equalTo(view.super);
           make.top.bottom.inset(0);
-          make.width
-            .equalTo(Math.max(textWidth, placeholderWidth) + 50)
-            .priority(999);
+          make.width.equalTo(Math.max(textWidth, placeholderWidth) + 50).priority(999);
           make.width.lessThanOrEqualTo(view.super).priority(1000);
         };
         this.cviews.iconInput.view.remakeLayout(IconInputLayoutInputing);

package/components/sheet.ts

@@ -31,11 +31,7 @@ const UIModalPresentationStyle = {
  * - dismiss()
  *
  */
-export class Sheet<
-  T extends Base<U, R>,
-  U extends AllUIView,
-  R extends UiTypes.AllViewOptions
-> {
+export class Sheet<T extends Base<U, R>, U extends AllUIView, R extends UiTypes.AllViewOptions> {
   id: string;
   _animated: boolean;
   _presentMode: number;
@@ -76,8 +72,7 @@ export class Sheet<
     this._PSViewControllerView = this._PSViewController.$view();
     this._PSViewControllerView.$setBackgroundColor(this._bgcolor);
     this._PSViewController.$setModalPresentationStyle(this._presentMode);
-    if (this._interactiveDismissalDisabled)
-      this._PSViewController.$setModalInPresentation(true);
+    if (this._interactiveDismissalDisabled) this._PSViewController.$setModalInPresentation(true);
     if (this._cview) this._add(this._cview);
   }
 
@@ -100,19 +95,10 @@ export class Sheet<
 
   present() {
     this._create();
-    $ui.controller
-      .ocValue()
-      .invoke(
-        "presentModalViewController:animated",
-        this._PSViewController,
-        this._animated
-      );
+    $ui.controller.ocValue().invoke("presentModalViewController:animated", this._PSViewController, this._animated);
   }
 
   dismiss() {
-    this._PSViewController.invoke(
-      "dismissModalViewControllerAnimated",
-      this._animated
-    );
+    this._PSViewController.invoke("dismissModalViewControllerAnimated", this._animated);
   }
 }

package/components/single-views.ts

@@ -9,7 +9,7 @@ export class SingleView<
   V extends UIBaseView,
   P extends UiTypes.BaseViewProps,
   E extends UiTypes.BaseViewEvents<V>,
-  O extends UiTypes.AllViewOptions
+  O extends UiTypes.AllViewOptions,
 > extends Base<V, O> {
   _type: T;
   _props?: P;
@@ -397,13 +397,7 @@ export class Stepper extends SingleView<
   }
 }
 
-export class Text extends SingleView<
-  "text",
-  UITextView,
-  UiTypes.TextProps,
-  UiTypes.TextEvents,
-  UiTypes.TextOptions
-> {
+export class Text extends SingleView<"text", UITextView, UiTypes.TextProps, UiTypes.TextEvents, UiTypes.TextOptions> {
   constructor({
     props,
     layout,
@@ -537,13 +531,7 @@ export class Stack extends SingleView<
   }
 }
 
-export class Tab extends SingleView<
-  "tab",
-  UITabView,
-  UiTypes.TabProps,
-  UiTypes.TabEvents,
-  UiTypes.TabOptions
-> {
+export class Tab extends SingleView<"tab", UITabView, UiTypes.TabProps, UiTypes.TabEvents, UiTypes.TabOptions> {
   constructor({
     props,
     layout,
@@ -565,13 +553,7 @@ export class Tab extends SingleView<
   }
 }
 
-export class Menu extends SingleView<
-  "menu",
-  UIMenuView,
-  UiTypes.MenuProps,
-  UiTypes.MenuEvents,
-  UiTypes.MenuOptions
-> {
+export class Menu extends SingleView<"menu", UIMenuView, UiTypes.MenuProps, UiTypes.MenuEvents, UiTypes.MenuOptions> {
   constructor({
     props,
     layout,
@@ -621,13 +603,7 @@ export class Map extends SingleView<
   }
 }
 
-export class Web extends SingleView<
-  "web",
-  UIWebView,
-  UiTypes.WebProps,
-  UiTypes.WebEvents,
-  UiTypes.WebOptions
-> {
+export class Web extends SingleView<"web", UIWebView, UiTypes.WebProps, UiTypes.WebEvents, UiTypes.WebOptions> {
   constructor({
     props,
     layout,
@@ -649,13 +625,7 @@ export class Web extends SingleView<
   }
 }
 
-export class List extends SingleView<
-  "list",
-  UIListView,
-  UiTypes.ListProps,
-  UiTypes.ListEvents,
-  UiTypes.ListOptions
-> {
+export class List extends SingleView<"list", UIListView, UiTypes.ListProps, UiTypes.ListEvents, UiTypes.ListOptions> {
   constructor({
     props,
     layout,

package/components/spinners/loading-dual-ring.ts

@@ -4,13 +4,7 @@ class CanvasComponet extends Base<UICanvasView, UiTypes.CanvasOptions> {
   _tintColor: UIColor;
   startAngle: number;
   _defineView: () => UiTypes.CanvasOptions;
-  constructor({
-    tintColor,
-    startAngle,
-  }: {
-    tintColor: UIColor;
-    startAngle: number;
-  }) {
+  constructor({ tintColor, startAngle }: { tintColor: UIColor; startAngle: number }) {
     super();
     this._tintColor = tintColor;
     this.startAngle = startAngle;
@@ -34,7 +28,7 @@ class CanvasComponet extends Base<UICanvasView, UiTypes.CanvasOptions> {
               radius / 2 - 20,
               this.startAngle,
               this.startAngle + (Math.PI * 2 * 1) / 4,
-              false
+              false,
             );
             ctx.strokePath();
           },

package/components/spinners/loading-wedges.ts

@@ -4,13 +4,7 @@ class CanvasComponet extends Base<UICanvasView, UiTypes.CanvasOptions> {
   _tintColor: UIColor;
   startAngle: number;
   _defineView: () => UiTypes.CanvasOptions;
-  constructor({
-    tintColor,
-    startAngle,
-  }: {
-    tintColor: UIColor;
-    startAngle: number;
-  }) {
+  constructor({ tintColor, startAngle }: { tintColor: UIColor; startAngle: number }) {
     super();
     this._tintColor = tintColor;
     this.startAngle = startAngle;
@@ -32,7 +26,7 @@ class CanvasComponet extends Base<UICanvasView, UiTypes.CanvasOptions> {
               radius / 2,
               this.startAngle,
               this.startAngle + (Math.PI * 2 * 1) / 4,
-              true
+              true,
             );
             ctx.addLineToPoint(radius / 2, radius / 2);
             ctx.closePath();
@@ -59,12 +53,7 @@ export class Wedges extends Base<UIView, UiTypes.ViewOptions> {
    * @param layout 布局
    */
   constructor({
-    colors = [
-      $color("#f5542e"),
-      $color("#f2c327"),
-      $color("#008b6e"),
-      $color("#00aede"),
-    ],
+    colors = [$color("#f5542e"), $color("#f2c327"), $color("#008b6e"), $color("#00aede")],
     layout,
   }: {
     colors?: UIColor[];
@@ -94,12 +83,7 @@ export class Wedges extends Base<UIView, UiTypes.ViewOptions> {
         props: {
           id: this.id,
         },
-        views: [
-          canvas1.definition,
-          canvas2.definition,
-          canvas3.definition,
-          canvas4.definition,
-        ],
+        views: [canvas1.definition, canvas2.definition, canvas3.definition, canvas4.definition],
         layout,
         events: {
           ready: async (sender) => {

package/components/spinners/spinner-androidstyle.ts

@@ -12,10 +12,7 @@ interface AndroidStyleSpinnerProps {
  * 安卓风格的加载指示器, 基于Lottie实现, 效果是一个圆环一边旋转一边缩放。
  * 由于帧数有限，不建议在大视图上使用。
  */
-export class AndroidStyleSpinner extends Base<
-  UILottieView,
-  UiTypes.LottieOptions
-> {
+export class AndroidStyleSpinner extends Base<UILottieView, UiTypes.LottieOptions> {
   private _props: AndroidStyleSpinnerProps;
   _defineView: () => UiTypes.LottieOptions;
 
@@ -260,9 +257,7 @@ export class AndroidStyleSpinner extends Base<
         layout:
           layout ||
           ((make, view) => {
-            make.size.equalTo(
-              $size(this._props.diameter, this._props.diameter)
-            );
+            make.size.equalTo($size(this._props.diameter, this._props.diameter));
             make.center.equalTo(view.super);
           }),
         events: {