jsbox-cview 1.6.0 → 1.6.2

package/.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+build
+coverage
+package-lock.json
+tsconfig.json

package/.prettierrc

@@ -0,0 +1,3 @@
+{
+  "printWidth": 120
+}

package/components/alert/input-alert.ts

@@ -1,9 +1,4 @@
-import {
-  UIAlertActionStyle,
-  UIAlertControllerStyle,
-  UIAlertAction,
-  UIAlertController,
-} from "./uialert";
+import { UIAlertActionStyle, UIAlertControllerStyle, UIAlertAction, UIAlertController } from "./uialert";
 
 import { l10n } from "../../utils/l10n";
 
@@ -39,11 +34,7 @@ export function inputAlert({
   confirmText?: string;
 }): Promise<string> {
   return new Promise((resolve, reject) => {
-    const alertVC = new UIAlertController(
-      title,
-      message,
-      UIAlertControllerStyle.Alert
-    );
+    const alertVC = new UIAlertController(title, message, UIAlertControllerStyle.Alert);
     alertVC.addTextField({
       placeholder,
       text,
@@ -58,12 +49,8 @@ export function inputAlert({
       },
     });
 
-    alertVC.addAction(
-      new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent)
-    );
-    alertVC.addAction(
-      new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent)
-    );
+    alertVC.addAction(new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent));
+    alertVC.addAction(new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent));
     alertVC.present();
 
     function confirmEvent() {

package/components/alert/login-alert.ts

@@ -1,9 +1,4 @@
-import {
-  UIAlertActionStyle,
-  UIAlertControllerStyle,
-  UIAlertAction,
-  UIAlertController,
-} from "./uialert";
+import { UIAlertActionStyle, UIAlertControllerStyle, UIAlertAction, UIAlertController } from "./uialert";
 
 import { l10n } from "../../utils/l10n";
 
@@ -33,11 +28,7 @@ export function loginAlert({
   confirmText?: string;
 } = {}): Promise<{ username: string; password: string }> {
   return new Promise((resolve, reject) => {
-    const alertVC = new UIAlertController(
-      title,
-      message,
-      UIAlertControllerStyle.Alert
-    );
+    const alertVC = new UIAlertController(title, message, UIAlertControllerStyle.Alert);
 
     alertVC.addTextField({
       placeholder: placeholder1,
@@ -56,12 +47,8 @@ export function loginAlert({
       },
     });
 
-    alertVC.addAction(
-      new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent)
-    );
-    alertVC.addAction(
-      new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent)
-    );
+    alertVC.addAction(new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent));
+    alertVC.addAction(new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent));
     alertVC.present();
 
     function confirmEvent() {

package/components/alert/plain-alert.ts

@@ -1,9 +1,4 @@
-import {
-  UIAlertActionStyle,
-  UIAlertControllerStyle,
-  UIAlertAction,
-  UIAlertController,
-} from "./uialert";
+import { UIAlertActionStyle, UIAlertControllerStyle, UIAlertAction, UIAlertController } from "./uialert";
 
 import { l10n } from "../../utils/l10n";
 
@@ -28,18 +23,10 @@ export function plainAlert({
   confirmText?: string;
 } = {}): Promise<string> {
   return new Promise((resolve, reject) => {
-    const alertVC = new UIAlertController(
-      title,
-      message,
-      UIAlertControllerStyle.Alert
-    );
+    const alertVC = new UIAlertController(title, message, UIAlertControllerStyle.Alert);
 
-    alertVC.addAction(
-      new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent)
-    );
-    alertVC.addAction(
-      new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent)
-    );
+    alertVC.addAction(new UIAlertAction(cancelText, UIAlertActionStyle.Destructive, cancelEvent));
+    alertVC.addAction(new UIAlertAction(confirmText, UIAlertActionStyle.Default, confirmEvent));
     alertVC.present();
 
     function confirmEvent() {

package/components/alert/uialert.ts

@@ -14,11 +14,7 @@ export class UIAlertAction {
   style: number;
   instance: any;
 
-  constructor(
-    title: string,
-    style = UIAlertActionStyle.Default,
-    handler: Function
-  ) {
+  constructor(title: string, style = UIAlertActionStyle.Default, handler: Function) {
     this.title = title;
     this.style = style;
     this.instance = $objc("UIAlertAction").$actionWithTitle_style_handler(
@@ -28,7 +24,7 @@ export class UIAlertAction {
         if (handler) {
           handler(this);
         }
-      })
+      }),
     );
   }
 }
@@ -41,17 +37,11 @@ export class UIAlertController {
   message: string;
   style: number;
   instance: any;
-  constructor(
-    title: string,
-    message: string,
-    style = UIAlertControllerStyle.ActionSheet
-  ) {
+  constructor(title: string, message: string, style = UIAlertControllerStyle.ActionSheet) {
     this.title = title;
     this.message = message;
     this.style = style;
-    this.instance = $objc(
-      "UIAlertController"
-    ).$alertControllerWithTitle_message_preferredStyle(title, message, style);
+    this.instance = $objc("UIAlertController").$alertControllerWithTitle_message_preferredStyle(title, message, style);
   }
 
   addAction(action: UIAlertAction) {
@@ -98,10 +88,10 @@ export class UIAlertController {
                   }
                 },
               },
-            })
+            }),
           );
         }
-      })
+      }),
     );
   }
 

package/components/base.ts

@@ -18,10 +18,7 @@ import { cvid } from "../utils/cvid";
  * - 通过组件化的方式，将JSBox view的定义和实例绑定，使用起来更加方便
  * - 可以便利地创建自定义组件
  */
-export abstract class Base<
-  T extends AllUIView,
-  R extends UiTypes.AllViewOptions
-> {
+export abstract class Base<T extends AllUIView, R extends UiTypes.AllViewOptions> {
   readonly id: string;
   private _view?: T;
   abstract _defineView: () => R;

package/components/custom-navigation-bar.ts

@@ -127,10 +127,7 @@ interface NavigationBarCViews {
  * - restore() 普通布局
  * - expand() 扩展布局
  */
-export class CustomNavigationBar extends Base<
-  UIView | UIBlurView,
-  UiTypes.ViewOptions | UiTypes.BlurOptions
-> {
+export class CustomNavigationBar extends Base<UIView | UIBlurView, UiTypes.ViewOptions | UiTypes.BlurOptions> {
   _props: NavigationBarProps;
   _events: NavigationBarEvents;
   cviews: Required<NavigationBarCViews>;
@@ -165,9 +162,7 @@ export class CustomNavigationBar extends Base<
       // leftItemView
       let leftInset = 0;
       if (this._props.popButtonEnabled) {
-        const titleWidth = this._props.popButtonTitle
-          ? getTextWidth(this._props.popButtonTitle)
-          : 0;
+        const titleWidth = this._props.popButtonTitle ? getTextWidth(this._props.popButtonTitle) : 0;
         leftInset = titleWidth + 35;
         const views = [];
         const chevronOptions: UiTypes.ViewOptions = {
@@ -187,8 +182,7 @@ export class CustomNavigationBar extends Base<
                 contentMode: 1,
                 tintColor: this._props.tintColor,
               },
-              layout: (make: MASConstraintMaker) =>
-                make.edges.insets($insets(12.5, 10, 12.5, 0)),
+              layout: (make: MASConstraintMaker) => make.edges.insets($insets(12.5, 10, 12.5, 0)),
             },
           ],
         };
@@ -226,17 +220,14 @@ export class CustomNavigationBar extends Base<
             },
             longPressed: this._props.popToRootEnabled
               ? (sender) => {
-                  if (this._events.popToRootHandler)
-                    this._events.popToRootHandler(this);
+                  if (this._events.popToRootHandler) this._events.popToRootHandler(this);
                   $ui.popToRoot();
                 }
               : undefined,
           },
         });
       } else {
-        leftInset = this._calculateItemViewWidth(
-          this._props.leftBarButtonItems
-        );
+        leftInset = this._calculateItemViewWidth(this._props.leftBarButtonItems);
         this.cviews.leftItemView = new ContentView({
           props: {
             bgcolor: undefined,
@@ -245,16 +236,12 @@ export class CustomNavigationBar extends Base<
             make.width.equalTo(leftInset);
             make.left.top.bottom.inset(0);
           },
-          views: this._createCviewsOnItemView(
-            this._props.leftBarButtonItems
-          ).map((n) => n.definition),
+          views: this._createCviewsOnItemView(this._props.leftBarButtonItems).map((n) => n.definition),
         });
       }
 
       // rightItemView
-      const rightInset = this._calculateItemViewWidth(
-        this._props.rightBarButtonItems
-      );
+      const rightInset = this._calculateItemViewWidth(this._props.rightBarButtonItems);
       this.cviews.rightItemView = new ContentView({
         props: {
           bgcolor: undefined,
@@ -263,9 +250,7 @@ export class CustomNavigationBar extends Base<
           make.width.equalTo(rightInset);
           make.right.top.bottom.inset(0);
         },
-        views: this._createCviewsOnItemView(
-          this._props.rightBarButtonItems
-        ).map((n) => n.definition),
+        views: this._createCviewsOnItemView(this._props.rightBarButtonItems).map((n) => n.definition),
       });
 
       // titleView
@@ -369,10 +354,7 @@ export class CustomNavigationBar extends Base<
             type: "view",
             props: {},
             layout: $layout.fillSafeArea,
-            views: [
-              this.cviews.contentView.definition,
-              this.cviews.toolViewWrapper.definition,
-            ],
+            views: [this.cviews.contentView.definition, this.cviews.toolViewWrapper.definition],
           },
           this.cviews.separator.definition,
         ],
@@ -448,8 +430,7 @@ export class CustomNavigationBar extends Base<
   set title(title: string) {
     if (this._props.title === undefined) return;
     this._props.title = title;
-    if ("text" in this.cviews.titleViewWrapper.view)
-      this.cviews.titleViewWrapper.view.text = title;
+    if ("text" in this.cviews.titleViewWrapper.view) this.cviews.titleViewWrapper.view.text = title;
   }
 
   hide(animated = true) {
@@ -485,9 +466,7 @@ export class CustomNavigationBar extends Base<
     this.cviews.toolViewWrapper.view.hidden = true;
     this.cviews.titleViewWrapper.view.hidden = false;
     this.view.remakeLayout(navBarLayouts[navBarStyles.minimized]);
-    this.cviews.contentView.view.updateLayout((make) =>
-      make.height.equalTo(25)
-    );
+    this.cviews.contentView.view.updateLayout((make) => make.height.equalTo(25));
     if (animated) {
       $ui.animate({
         duration: 0.3,
@@ -513,9 +492,7 @@ export class CustomNavigationBar extends Base<
     this.cviews.titleViewWrapper.view.hidden = false;
     //this.cviews.toolViewWrapper.view.hidden = true;
     this.view.remakeLayout(navBarLayouts[navBarStyles.normal]);
-    this.cviews.contentView.view.updateLayout((make) =>
-      make.height.equalTo(50)
-    );
+    this.cviews.contentView.view.updateLayout((make) => make.height.equalTo(50));
     if (animated) {
       $ui.animate({
         duration: 0.3,
@@ -545,9 +522,7 @@ export class CustomNavigationBar extends Base<
     this.cviews.toolViewWrapper.view.hidden = false;
     this.cviews.titleViewWrapper.view.hidden = false;
     this.view.remakeLayout(navBarLayouts[navBarStyles.expanded]);
-    this.cviews.contentView.view.updateLayout((make) =>
-      make.height.equalTo(50)
-    );
+    this.cviews.contentView.view.updateLayout((make) => make.height.equalTo(50));
     if (animated) {
       $ui.animate({
         duration: 0.3,

package/components/dialogs/dialog-sheet.ts

@@ -15,11 +15,7 @@ import { Base } from "../base";
  * @param bgcolor 背景颜色
  * @param doneButtonHidden 是否隐藏完成按钮, 默认为false，如果隐藏则需要自行实现完成逻辑
  */
-export class DialogSheet extends Sheet<
-  ContentView,
-  UIView,
-  UiTypes.ViewOptions
-> {
+export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions> {
   _props: {
     title: string;
     cview: Base<any, any>;
@@ -61,12 +57,8 @@ export class DialogSheet extends Sheet<
     this._navbar = new CustomNavigationBar({
       props: {
         title: this._props.title,
-        leftBarButtonItems: [
-          { symbol: "xmark", handler: () => this.dismiss() },
-        ],
-        rightBarButtonItems: this._props.doneButtonHidden
-          ? []
-          : [{ title: l10n("DONE"), handler: () => this.done() }],
+        leftBarButtonItems: [{ symbol: "xmark", handler: () => this.dismiss() }],
+        rightBarButtonItems: this._props.doneButtonHidden ? [] : [{ title: l10n("DONE"), handler: () => this.done() }],
       },
     });
     this._props.cview._layout = (make, view) => {
@@ -82,8 +74,7 @@ export class DialogSheet extends Sheet<
 
   done() {
     this._done = true;
-    if (this.resolve && this._props.doneHandler)
-      this.resolve(this._props.doneHandler());
+    if (this.resolve && this._props.doneHandler) this.resolve(this._props.doneHandler());
     this.dismiss();
   }
 

package/components/dialogs/form-dialog.ts

@@ -1,8 +1,5 @@
 import { Base } from "../base";
-import {
-  PreferenceListView,
-  PreferenceSection,
-} from "../static-preference-listview";
+import { PreferenceListView, PreferenceSection } from "../static-preference-listview";
 import { DialogSheet } from "./dialog-sheet";
 
 class DialogSheetForm extends DialogSheet {
@@ -16,7 +13,7 @@ class DialogSheetForm extends DialogSheet {
       bgcolor?: UIColor;
       doneButtonHidden?: boolean;
     },
-    checkHandler: (values: { [key: string]: any }) => boolean
+    checkHandler: (values: { [key: string]: any }) => boolean,
   ) {
     super(sheetProps);
     this._checkHandler = checkHandler;
@@ -57,7 +54,7 @@ export function formDialog({
       cview: view,
       doneHandler: () => view.values,
     },
-    checkHandler || (() => true)
+    checkHandler || (() => true),
   );
   return new Promise((resolve, reject) => {
     sheet.promisify(resolve, reject);

package/components/dialogs/list-dialog.ts

@@ -66,8 +66,7 @@ export function listDialog({
       didSelect: (sender, indexPath) => {
         const data = sender.data;
         if (multiSelectEnabled) {
-          data[indexPath.item].image.hidden =
-            !data[indexPath.item].image.hidden;
+          data[indexPath.item].image.hidden = !data[indexPath.item].image.hidden;
         } else {
           data.forEach((n, i) => {
             n.image.hidden = i !== indexPath.item;
@@ -82,9 +81,7 @@ export function listDialog({
     bgcolor: $color("insetGroupedBackground"),
     cview: listView,
     doneHandler: () => {
-      const filtered = listView.view.data
-        .map((n, i) => (n.image.hidden ? -1 : i))
-        .filter((n) => n !== -1);
+      const filtered = listView.view.data.map((n, i) => (n.image.hidden ? -1 : i)).filter((n) => n !== -1);
       if (multiSelectEnabled) return filtered;
       else return filtered[0];
     },

package/components/dynamic-contextmenu-view.ts

@@ -23,10 +23,7 @@ const RegisteredOCClassName: Set<string> = new Set();
  *    生成上下文菜单的回调函数。
  *
  */
-export class DynamicContextMenuView extends Base<
-  UIView,
-  UiTypes.RuntimeOptions
-> {
+export class DynamicContextMenuView extends Base<UIView, UiTypes.RuntimeOptions> {
   private generateContextMenu: (sender: UIView) => {
     title?: string;
     items: MenuItem[];
@@ -77,10 +74,7 @@ export class DynamicContextMenuView extends Base<
     $define({
       type: this._ocClassName + " : UIView <UIContextMenuInteractionDelegate>",
       events: {
-        "contextMenuInteraction:configurationForMenuAtLocation:": (
-          interacton: any,
-          point: JBPoint
-        ) => {
+        "contextMenuInteraction:configurationForMenuAtLocation:": (interacton: any, point: JBPoint) => {
           const view = interacton.$view().jsValue();
           const menu = this.generateContextMenu(view);
           return this.createContextMenuConfiguration(menu);
@@ -89,42 +83,32 @@ export class DynamicContextMenuView extends Base<
     });
   }
 
-  private createContextMenuConfiguration({
-    title,
-    items,
-  }: {
-    title?: string;
-    items: MenuItem[];
-  }) {
-    return $objc(
-      "UIContextMenuConfiguration"
-    ).$configurationWithIdentifier_previewProvider_actionProvider(
+  private createContextMenuConfiguration({ title, items }: { title?: string; items: MenuItem[] }) {
+    return $objc("UIContextMenuConfiguration").$configurationWithIdentifier_previewProvider_actionProvider(
       null,
       null,
       $block("UIMenu *, NSArray *", () => {
         const actions = items.map((item) => {
-          const action = $objc(
-            "UIAction"
-          ).$actionWithTitle_image_identifier_handler(
+          const action = $objc("UIAction").$actionWithTitle_image_identifier_handler(
             item.title,
             item.symbol || null,
             null,
-            $block("void, UIAction *", () => item.handler())
+            $block("void, UIAction *", () => item.handler()),
           );
           if (item.destructive) action.$setAttributes(1 << 1);
           return action;
         });
-        return title ? $objc("UIMenu").$menuWithTitle_children(title, actions) : $objc("UIMenu").$menuWithChildren(actions);
-      })
+        return title
+          ? $objc("UIMenu").$menuWithTitle_children(title, actions)
+          : $objc("UIMenu").$menuWithChildren(actions);
+      }),
     );
   }
 
   private createRuntimeView() {
     this.defineOCClass();
     const view = $objc(this._ocClassName).invoke("alloc.init");
-    const interaction = $objc("UIContextMenuInteraction")
-      .invoke("alloc")
-      .invoke("initWithDelegate", view);
+    const interaction = $objc("UIContextMenuInteraction").invoke("alloc").invoke("initWithDelegate", view);
     view.$addInteraction(interaction);
     return view;
   }

package/components/dynamic-itemsize-matrix.ts

@@ -26,7 +26,7 @@ function _getColumnsAndItemSizeWidth(
   containerWidth: number,
   minItemWidth: number,
   maxColumns: number,
-  spacing: number
+  spacing: number,
 ) {
   if (minItemWidth > containerWidth - 2 * spacing) {
     return {
@@ -35,15 +35,12 @@ function _getColumnsAndItemSizeWidth(
     };
   }
   const columns = Math.max(
-    Math.min(
-      Math.floor((containerWidth - spacing) / (minItemWidth + spacing)),
-      maxColumns
-    ),
-    1 // 最少一列
+    Math.min(Math.floor((containerWidth - spacing) / (minItemWidth + spacing)), maxColumns),
+    1, // 最少一列
   );
   const itemSizeWidth = Math.max(
     Math.floor((containerWidth - spacing * (columns + 1)) / columns),
-    minItemWidth // 最小宽度
+    minItemWidth, // 最小宽度
   );
   return {
     columns,
@@ -156,7 +153,7 @@ export class DynamicItemSizeMatrix extends Base<UIView, UiTypes.ViewOptions> {
               sender.frame.width,
               this._props.minItemWidth,
               this._props.maxColumns,
-              this._props.spacing
+              this._props.spacing,
             );
             this._columns = columns;
             this._itemSizeWidth = itemSizeWidth;
@@ -167,8 +164,7 @@ export class DynamicItemSizeMatrix extends Base<UIView, UiTypes.ViewOptions> {
             if (this._props.dynamicHeightEnabled) {
               const height = this.heightToWidth(sender.frame.width);
               sender.updateLayout((make) => make.height.equalTo(height));
-              if (this._events.heightChanged)
-                this._events.heightChanged(this, height);
+              if (this._events.heightChanged) this._events.heightChanged(this, height);
             }
           },
         },
@@ -182,9 +178,9 @@ export class DynamicItemSizeMatrix extends Base<UIView, UiTypes.ViewOptions> {
       width,
       this._props.minItemWidth,
       this._props.maxColumns,
-      this._props.spacing
+      this._props.spacing,
     );
-    const rows = Math.ceil(this._props.data.length / columns);
+    const rows = this._props.data ? Math.ceil(this._props.data.length / columns) : 0;
     const itemSizeHeight = this._events.itemHeight
       ? this._events.itemHeight(itemSizeWidth)
       : this._props.fixedItemHeight;

package/components/dynamic-preference-listview.ts

@@ -65,10 +65,7 @@ interface RequiredCunstomProps extends UiTypes.ListProps {
  *
  * - cview.sections = sections 可以写入新的 sections
  */
-export class DynamicPreferenceListView extends Base<
-  UIListView,
-  UiTypes.ListOptions
-> {
+export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOptions> {
   _defineView: () => UiTypes.ListOptions;
   private _sections: PreferenceSection[];
   private _props: RequiredCunstomProps;
@@ -189,8 +186,7 @@ export class DynamicPreferenceListView extends Base<
                         events: {
                           changed: (sender) => {
                             const { section, row } = sender.info;
-                            this._sections[section].rows[row].value =
-                              sender.value;
+                            this._sections[section].rows[row].value = sender.value;
                             const label = sender.next as UILabelView;
                             label.text = sender.value.toString();
                             if (events.changed) events.changed(this.values);
@@ -233,29 +229,24 @@ export class DynamicPreferenceListView extends Base<
                         events: {
                           changed: (sender) => {
                             const { section, row } = sender.info;
-                            const options = this._sections[section].rows[
-                              row
-                            ] as PrefsRowSlider;
+                            const options = this._sections[section].rows[row] as PrefsRowSlider;
                             const label = sender.next as UILabelView;
                             label.text = this._handleSliderValue(
                               sender.value * (options.max ?? 1),
                               options.decimal,
                               options.min,
-                              options.max
+                              options.max,
                             ).toString();
                           },
                           touchesEnded: (sender) => {
                             const { section, row } = sender.info;
-                            const options = this._sections[section].rows[
-                              row
-                            ] as PrefsRowSlider;
-                            this._sections[section].rows[row].value =
-                              this._handleSliderValue(
-                                sender.value * (options.max ?? 1),
-                                options.decimal,
-                                options.min,
-                                options.max
-                              );
+                            const options = this._sections[section].rows[row] as PrefsRowSlider;
+                            this._sections[section].rows[row].value = this._handleSliderValue(
+                              sender.value * (options.max ?? 1),
+                              options.decimal,
+                              options.min,
+                              options.max,
+                            );
                             if (events.changed) events.changed(this.values);
                           },
                         },
@@ -488,12 +479,7 @@ export class DynamicPreferenceListView extends Base<
     }
   }
 
-  _handleSliderValue(
-    num?: number,
-    decimal?: number,
-    min?: number,
-    max?: number
-  ): number {
+  _handleSliderValue(num?: number, decimal?: number, min?: number, max?: number): number {
     if (num === undefined) return min || 0;
     if (decimal === undefined) decimal = 1;
     if (isNaN(num)) num = min || 0;
@@ -577,12 +563,7 @@ export class DynamicPreferenceListView extends Base<
           }
           case "slider": {
             data.slider_and_number.hidden = false;
-            const adjustedValue = this._handleSliderValue(
-              n.value,
-              n.decimal,
-              n.min,
-              n.max
-            );
+            const adjustedValue = this._handleSliderValue(n.value, n.decimal, n.min, n.max);
             data.label_slider = {
               textColor: $color("primaryText"),
               text: adjustedValue,
@@ -657,9 +638,7 @@ export class DynamicPreferenceListView extends Base<
             break;
           }
           case "action": {
-            data.title.textColor = n.destructive
-              ? $color("red")
-              : $color("systemLink");
+            data.title.textColor = n.destructive ? $color("red") : $color("systemLink");
             break;
           }
           default:

package/components/dynamic-rowheight-list.ts

@@ -1,9 +1,7 @@
 import { Base } from "./base";
 
-interface DynamicRowHeightListProps
-  extends Omit<UiTypes.ListProps, "data" | "template"> {}
-interface DynamicRowHeightListEvents
-  extends Omit<UiTypes.ListEvents, "rowHeight"> {}
+interface DynamicRowHeightListProps extends Omit<UiTypes.ListProps, "data" | "template"> {}
+interface DynamicRowHeightListEvents extends Omit<UiTypes.ListEvents, "rowHeight"> {}
 interface DynamicRowHeightListCView extends Base<any, any> {
   heightToWidth: (width: number) => number;
 }
@@ -24,10 +22,7 @@ interface DynamicRowHeightListCView extends Base<any, any> {
  *
  * 除了 props.data, props.template 和 events.rowHeight 不可用，其他均和 list 一致
  */
-export class DynamicRowHeightList extends Base<
-  UIListView,
-  UiTypes.ListOptions
-> {
+export class DynamicRowHeightList extends Base<UIListView, UiTypes.ListOptions> {
   _defineView: () => UiTypes.ListOptions;
   constructor({
     sections,