jsbox-cview 1.5.21 → 1.5.23

package/dist/components/dynamic-rowheight-list.js

@@ -7,7 +7,8 @@ const base_1 = require("./base");
  *
  * 可以自动更新 rowHeight 的 list
  *
- * 核心策略为 list 的所有行均为 cview，且每一个 cview 需要实现一个方法：heightToWidth(width: number) => number
+ * 核心策略为 list 的所有行均为 cview，且每一个 cview 需要实现一个方法：
+ * heightToWidth(width: number) => number
  * 通过这个方法汇报自己在某个宽度的时候所需要的高度，这必须任何时候均立即可用；
  *
  * 特别参数
@@ -18,18 +19,18 @@ const base_1 = require("./base");
  * 除了 props.data, props.template 和 events.rowHeight 不可用，其他均和 list 一致
  */
 class DynamicRowHeightList extends base_1.Base {
-    constructor({ sections, rows, props, layout, events }) {
+    constructor({ sections, rows, props, layout, events, }) {
         super();
         this._defineView = () => {
             let data;
             if (sections && sections.length > 0) {
-                data = sections.map(n => ({
+                data = sections.map((n) => ({
                     title: n.title,
-                    rows: n.rows.map(r => r.definition)
+                    rows: n.rows.map((r) => r.definition),
                 }));
             }
             else if (rows && rows.length > 0) {
-                data = rows.map(r => r.definition);
+                data = rows.map((r) => r.definition);
             }
             else {
                 throw new Error("sections or rows must be provided");
@@ -49,7 +50,7 @@ class DynamicRowHeightList extends base_1.Base {
                         else {
                             throw new Error("sections or rows must be provided");
                         }
-                    } }, events)
+                    } }, events),
             };
         };
     }

package/dist/components/enhanced-imageview.js

@@ -11,7 +11,8 @@ const cvid_1 = require("../utils/cvid");
  *
  * 请注意：此组件使用了Runtime代码重新设置了Tapped事件。
  * 与以前使用touchesEnded事件来实现相比，可以避免在滑动手指时误触发。
- * 但因此带来了副作用：必须在关闭前通过releaseGestureObject释放掉此视图中自定义的NSObject，否则再次启动可能会有问题。
+ * 但因此带来了副作用：必须在关闭前通过releaseGestureObject释放掉此视图中自定义的NSObject，
+ * 否则再次启动可能会有问题。
  *
  * Props:
  *  src: string, 图片地址
@@ -22,14 +23,14 @@ const cvid_1 = require("../utils/cvid");
  * lowerLocationTouched: (sender: EnhancedImageView) => void, 下半部分被点击
  */
 class EnhancedImageView extends base_1.Base {
-    constructor({ props, layout, events = {} }) {
+    constructor({ props, layout, events = {}, }) {
         super();
         this._props = Object.assign({ maxZoomScale: 2 }, props);
         this._scroll = new single_views_1.Scroll({
             props: {
                 zoomEnabled: true,
                 doubleTapToZoom: false,
-                maxZoomScale: this._props.maxZoomScale
+                maxZoomScale: this._props.maxZoomScale,
             },
             layout: $layout.fill,
             views: [
@@ -38,13 +39,13 @@ class EnhancedImageView extends base_1.Base {
                     props: {
                         id: "image",
                         src: this._props.src,
-                        contentMode: 1
+                        contentMode: 1,
                     },
-                    layout: $layout.fill
-                }
+                    layout: $layout.fill,
+                },
             ],
             events: {
-                ready: view => {
+                ready: (view) => {
                     $delay(0.1, () => this._addGesture(view, (gesture) => {
                         const location = gesture.$locationInView(view.ocValue());
                         const realLocation = $point(location.x - view.bounds.x, location.y - view.bounds.y);
@@ -58,23 +59,23 @@ class EnhancedImageView extends base_1.Base {
                                 events.lowerLocationTouched(this);
                         }
                     }));
-                }
-            }
+                },
+            },
         });
         this._defineView = () => {
             return {
                 type: "view",
                 props: {
-                    id: this.id
+                    id: this.id,
                 },
                 views: [this._scroll.definition],
                 layout,
                 events: {
-                    layoutSubviews: sender => {
+                    layoutSubviews: (sender) => {
                         $delay(0.1, () => (this.src = this.src));
                         $delay(0.3, () => (this.src = this.src));
-                    }
-                }
+                    },
+                },
             };
         };
     }
@@ -83,11 +84,12 @@ class EnhancedImageView extends base_1.Base {
         $define({
             type: objectId + ": NSObject",
             events: {
-                tapped: event
-            }
+                tapped: event,
+            },
         });
         const object = $objc(objectId).$new();
-        $objc_retain(object); // 此步骤是必须的，否则将很快被系统释放掉，但是必须在关闭时手动释放掉，否则再次启动可能会有问题
+        $objc_retain(object); // 此步骤是必须的，否则将很快被系统释放掉，
+        // 但是必须在关闭时手动释放掉，否则再次启动可能会有问题
         this._gestureObject = object;
         const tapGestureRecognizer = $objc("UITapGestureRecognizer")
             .$alloc()

package/dist/components/flowlayout.js

@@ -6,7 +6,8 @@ const base_1 = require("./base");
  * 流式布局：间距固定，项目高度固定但宽度不定，左对齐，自动换行，不能滚动。
  *
  * 注意事项:
- * 1. 此控件默认是可变高度的，但前提是布局中必须有关于高度的约束。如果不需要可变高度，可以设置fixedHeight为true
+ * 1. 此控件默认是可变高度的，但前提是布局中必须有关于高度的约束。
+ *    如果不需要可变高度，可以设置fixedHeight为true
  * 1. 此控件的边缘是不留白的，这和Matrix不同
  * 2. itemWidth 如果超过总宽度，会被设定为总宽度
  * 3. maxRows 可以控制最大行数，如果超过则会被截断
@@ -32,7 +33,7 @@ const base_1 = require("./base");
  * - get items(): FlowlayoutItem[]  获取子视图
  */
 class Flowlayout extends base_1.Base {
-    constructor({ props, layout, events }) {
+    constructor({ props, layout, events, }) {
         super();
         this._width = 0;
         this._props = props;
@@ -43,7 +44,7 @@ class Flowlayout extends base_1.Base {
             didSelect: events === null || events === void 0 ? void 0 : events.didSelect,
             didLongPress: events === null || events === void 0 ? void 0 : events.didLongPress,
             flowlayout: this,
-            index
+            index,
         }));
         this._defineView = () => ({
             type: "view",
@@ -53,16 +54,16 @@ class Flowlayout extends base_1.Base {
             },
             layout,
             events: {
-                layoutSubviews: sender => {
+                layoutSubviews: (sender) => {
                     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));
                     }
-                }
+                },
             },
-            views: this._wrappers.map(wrapper => wrapper.definition)
+            views: this._wrappers.map((wrapper) => wrapper.definition),
         });
     }
     cell(index) {
@@ -81,11 +82,11 @@ class Flowlayout extends base_1.Base {
                 didSelect: (_a = this._events) === null || _a === void 0 ? void 0 : _a.didSelect,
                 didLongPress: (_b = this._events) === null || _b === void 0 ? void 0 : _b.didLongPress,
                 flowlayout: this,
-                index
+                index,
             });
         });
-        this.view.views.forEach(v => v.remove());
-        this._wrappers.forEach(wrapper => this.view.add(wrapper.definition));
+        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));
@@ -144,7 +145,7 @@ class Flowlayout extends base_1.Base {
 }
 exports.Flowlayout = Flowlayout;
 class WrapperView extends base_1.Base {
-    constructor({ item, menu, didSelect, didLongPress, flowlayout, index }) {
+    constructor({ item, menu, didSelect, didLongPress, flowlayout, index, }) {
         super();
         this.item = item;
         const props = {
@@ -160,15 +161,15 @@ class WrapperView extends base_1.Base {
             props,
             views: [item.definition],
             events: {
-                tapped: sender => {
+                tapped: (sender) => {
                     if (didSelect)
                         didSelect(flowlayout, index, item);
                 },
-                longPressed: sender => {
+                longPressed: (sender) => {
                     if (didLongPress)
                         didLongPress(flowlayout, index, item);
-                }
-            }
+                },
+            },
         });
     }
     set frame(frame) {

package/dist/components/image-pager.js

@@ -6,7 +6,8 @@ const single_views_1 = require("./single-views");
 /**
  * 图片浏览组件
  *
- * 与内置的Gallery组件相比，ImagePager组件可以动态刷新，适用于图片数量较多的场景，以及需要动态加载图片列表的场景
+ * 与内置的Gallery组件相比，ImagePager组件可以动态刷新，
+ * 适用于图片数量较多的场景，以及需要动态加载图片列表的场景
  *
  */
 class ImagePager extends base_1.Base {
@@ -21,7 +22,7 @@ class ImagePager extends base_1.Base {
      * - changed: (page: number) => void - 页码变化时触发
      * - tapped: (sender: ImagePager) => void - 点击图片时触发
      */
-    constructor({ props, layout, events = {} }) {
+    constructor({ props, layout, events = {}, }) {
         super();
         this._props = Object.assign({ srcs: [], page: 0, doubleTapToZoom: true }, props);
         this._pageLoadRecorder = {};
@@ -40,7 +41,7 @@ class ImagePager extends base_1.Base {
                                 id: "scroll",
                                 zoomEnabled: true,
                                 maxZoomScale: 3,
-                                doubleTapToZoom: this._props.doubleTapToZoom
+                                doubleTapToZoom: this._props.doubleTapToZoom,
                             },
                             layout: $layout.fill,
                             views: [
@@ -48,20 +49,20 @@ class ImagePager extends base_1.Base {
                                     type: "image",
                                     props: {
                                         id: "image",
-                                        contentMode: $contentMode.scaleAspectFit
-                                    }
-                                }
-                            ]
-                        }
-                    ]
+                                        contentMode: $contentMode.scaleAspectFit,
+                                    },
+                                },
+                            ],
+                        },
+                    ],
                 },
-                data: this._props.srcs.map(n => {
+                data: this._props.srcs.map((n) => {
                     return { image: { src: n } };
-                })
+                }),
             },
             layout: $layout.fill,
             events: {
-                ready: sender => {
+                ready: (sender) => {
                     // 如果没有此处的relayout，则会出现莫名其妙的bug
                     sender.relayout();
                     if (!this._matrix.view)
@@ -84,22 +85,22 @@ class ImagePager extends base_1.Base {
                     if (oldPage !== this.page && events.changed)
                         events.changed(this.page);
                 },
-                didScroll: sender => {
+                didScroll: (sender) => {
                     this.loadsrc(this.page + 1, true);
                     this.loadsrc(this.page - 1, true);
-                }
-            }
+                },
+            },
         });
         this._defineView = () => {
             return {
                 type: "view",
                 props: {
-                    id: this.id
+                    id: this.id,
                 },
                 layout,
                 views: [this._matrix.definition],
                 events: {
-                    layoutSubviews: sender => {
+                    layoutSubviews: (sender) => {
                         this._pageLoadRecorder = {};
                         sender.relayout();
                         if (!this._matrix.view)
@@ -108,8 +109,8 @@ class ImagePager extends base_1.Base {
                         this.page = this.page;
                         $delay(0.1, () => this.loadsrc(this.page, true));
                         $delay(0.3, () => this.loadsrc(this.page, true));
-                    }
-                }
+                    },
+                },
             };
         };
     }
@@ -139,14 +140,14 @@ class ImagePager extends base_1.Base {
     set page(page) {
         this._matrix.view.scrollTo({
             indexPath: $indexPath(0, page),
-            animated: false
+            animated: false,
         });
         this._props.page = page;
     }
     scrollToPage(page) {
         this._matrix.view.scrollTo({
             indexPath: $indexPath(0, page),
-            animated: true
+            animated: true,
         });
         this._props.page = page;
     }

package/dist/components/page-control.js

@@ -35,7 +35,7 @@ class PageControl extends single_views_1.Runtime {
      * - changed: (sender: PageControl, currentPage: number) => void
      *
      */
-    constructor({ props, layout, events = {} }) {
+    constructor({ props, layout, events = {}, }) {
         const { numberOfPages = 3, currentPage = 0, pageIndicatorTintColor, currentPageIndicatorTintColor } = props, restProps = __rest(props, ["numberOfPages", "currentPage", "pageIndicatorTintColor", "currentPageIndicatorTintColor"]);
         const { changed } = events, restEvents = __rest(events, ["changed"]);
         super({ props: restProps, layout, events: restEvents });
@@ -63,7 +63,7 @@ class PageControl extends single_views_1.Runtime {
                 this._currentPage = currentPage;
                 if (this._changed)
                     this._changed(this, currentPage);
-            })
+            }),
         });
         return pageControl;
     }

package/dist/components/pageviewer-titlebar.js

@@ -36,12 +36,13 @@ class PageViewerTitleBar extends base_1.Base {
      * @param events 事件
      * - changed: (cview, index) => void 在点击变更 index 的时候回调
      */
-    constructor({ props, layout, events = {} }) {
+    constructor({ props, layout, events = {}, }) {
         super();
         this._props = Object.assign({ index: 0, selectedItemColor: $color("systemLink"), defaultItemColor: $color("secondaryText") }, props);
         const { changed } = events, restEvents = __rest(events, ["changed"]);
         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 single_views_1.Label({
                 props: {
@@ -51,15 +52,15 @@ class PageViewerTitleBar extends base_1.Base {
                         ? this._props.selectedItemColor
                         : this._props.defaultItemColor,
                     align: $align.center,
-                    userInteractionEnabled: true
+                    userInteractionEnabled: true,
                 },
                 events: {
-                    tapped: sender => {
+                    tapped: (sender) => {
                         this.index = i;
                         if (changed)
                             changed(this, i);
-                    }
-                }
+                    },
+                },
             });
         });
         this.stack = new single_views_1.Stack({
@@ -67,44 +68,46 @@ class PageViewerTitleBar extends base_1.Base {
                 axis: $stackViewAxis.horizontal,
                 distribution: $stackViewDistribution.fillEqually,
                 stack: {
-                    views: this.labels.map(n => n.definition)
-                }
+                    views: this.labels.map((n) => n.definition),
+                },
             },
-            layout: $layout.fill
+            layout: $layout.fill,
         });
         this.placeholderView = new single_views_1.ContentView({
             props: {
-                bgcolor: $color("clear")
+                bgcolor: $color("clear"),
             },
             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 single_views_1.ContentView({
             props: {
-                bgcolor: this._props.selectedItemColor
+                bgcolor: this._props.selectedItemColor,
             },
             layout: (make, view) => {
                 make.height.equalTo(4);
                 make.width.equalTo(view.super).dividedBy(this._props.items.length);
                 make.bottom.inset(0);
                 make.left.equalTo(view.prev.right);
-            }
+            },
         });
         this._defineView = () => {
             return {
                 type: "view",
                 props: {
-                    id: this.id
+                    id: this.id,
                 },
                 layout,
                 events: restEvents,
                 views: [
                     this.stack.definition,
                     this.placeholderView.definition,
-                    this.line.definition
-                ]
+                    this.line.definition,
+                ],
             };
         };
     }

package/dist/components/pageviewer.js

@@ -4,7 +4,8 @@ exports.PageViewer = void 0;
 const base_1 = require("./base");
 const single_views_1 = require("./single-views");
 /**
- * 与JSBox内置的Gallery功能类似，但是效果更好，可以伴随翻页实现联动效果，参见[pageviewer-titlebar.ts](./pageviewer-titlebar.ts)
+ * 与JSBox内置的Gallery功能类似，但是效果更好，可以伴随翻页实现联动效果
+ * 参见[pageviewer-titlebar.ts](./pageviewer-titlebar.ts)
  *
  * @property page: number 当前页码（无动画效果）
  * @method scrollToPage(page: number) 滚动到某一页（带有动画效果）
@@ -20,20 +21,20 @@ class PageViewer extends base_1.Base {
      * - changed: (cview, page) => void 页面改变时回调
      * - floatPageChanged: (cview, floatPage) => void 滚动时回调（用于绑定其他联合滚动的控件）
      */
-    constructor({ props, layout, events = {} }) {
+    constructor({ props, layout, events = {}, }) {
         super();
         this._props = Object.assign({ page: 0 }, props);
         this._events = events;
         this._pageWidth = 0;
         this._floatPage = this._props.page;
-        const contentViews = this._props.cviews.map(n => {
+        const contentViews = this._props.cviews.map((n) => {
             return new single_views_1.ContentView({
                 views: [n.definition],
                 layout: (make, view) => {
                     make.height.width.equalTo(view.super);
                     make.left.equalTo(view.prev ? view.prev.right : view.super);
                     make.top.equalTo(view.super);
-                }
+                },
             });
         });
         this.scroll = new single_views_1.Scroll({
@@ -41,10 +42,10 @@ class PageViewer extends base_1.Base {
                 alwaysBounceVertical: false,
                 alwaysBounceHorizontal: true,
                 showsHorizontalIndicator: false,
-                pagingEnabled: true
+                pagingEnabled: true,
             },
             events: {
-                layoutSubviews: sender => {
+                layoutSubviews: (sender) => {
                     this._pageWidth = sender.frame.width;
                     if (this._pageWidth)
                         sender.contentSize = $size(this._pageWidth * this._props.cviews.length, 0);
@@ -55,15 +56,15 @@ class PageViewer extends base_1.Base {
                     if (oldPage !== this.page && this._events.changed)
                         this._events.changed(this, this.page);
                 },
-                didScroll: sender => {
+                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);
-                }
+                },
             },
             layout: $layout.fill,
-            views: [...contentViews.map(n => n.definition)]
+            views: [...contentViews.map((n) => n.definition)],
         });
         this._defineView = () => {
             return {
@@ -72,12 +73,12 @@ class PageViewer extends base_1.Base {
                 layout,
                 views: [this.scroll.definition],
                 events: {
-                    layoutSubviews: sender => {
+                    layoutSubviews: (sender) => {
                         sender.relayout();
                         this.page = this.page;
                         $delay(0.2, () => (this.page = this.page));
-                    }
-                }
+                    },
+                },
             };
         };
     }

package/dist/components/refresh-button.js

@@ -12,7 +12,7 @@ const base_1 = require("./base");
  *   - tapped
  */
 class RefreshButton extends base_1.Base {
-    constructor({ props, layout, events = {} }) {
+    constructor({ props, layout, events = {}, }) {
         super();
         this._loading = false;
         this._layout = layout;
@@ -41,7 +41,7 @@ class RefreshButton extends base_1.Base {
                         layout: (make, view) => {
                             make.edges.insets($insets(12.5, 12.5, 12.5, 12.5));
                             make.center.equalTo(view.super);
-                        }
+                        },
                     },
                     {
                         type: "spinner",
@@ -52,9 +52,9 @@ class RefreshButton extends base_1.Base {
                         },
                         layout: (make, view) => {
                             make.center.equalTo(view.super);
-                        }
-                    }
-                ]
+                        },
+                    },
+                ],
             };
         };
     }

package/dist/components/rotating-view.js

@@ -23,7 +23,7 @@ class RotatingView extends base_1.Base {
      * @param events 事件
      * - ready?: (cview: RotatingView) => void 默认的ready事件是自动开始旋转；也可以手动指定其他效果
      */
-    constructor({ props, layout, events = {} }) {
+    constructor({ props, layout, events = {}, }) {
         super();
         this._props = Object.assign({ contentMode: 1, rps: 0.5, clockwise: true }, props);
         this._rotatingFlag = false;
@@ -39,9 +39,9 @@ class RotatingView extends base_1.Base {
                         ? this._props.image.alwaysTemplate
                         : this._props.image,
                     tintColor: this._props.tintColor,
-                    contentMode: this._props.contentMode
+                    contentMode: this._props.contentMode,
                 },
-                layout: $layout.fill
+                layout: $layout.fill,
             });
         }
         this._defineView = () => {
@@ -50,16 +50,16 @@ class RotatingView extends base_1.Base {
                 props: Object.assign(Object.assign({}, this._props), { id: this.id }),
                 layout,
                 events: {
-                    ready: sender => {
+                    ready: (sender) => {
                         if (events.ready) {
                             events.ready(this);
                         }
                         else {
                             this.startRotating();
                         }
-                    }
+                    },
                 },
-                views: [this._innerView.definition]
+                views: [this._innerView.definition],
             };
         };
     }
@@ -77,14 +77,14 @@ class RotatingView extends base_1.Base {
             duration,
             options: 3 << 16,
             animation: () => {
-                view.rotate(Math.PI * 2 / 3 * clockwiseMultiplier);
+                view.rotate(((Math.PI * 2) / 3) * clockwiseMultiplier);
             },
             completion: () => {
                 $ui.animate({
                     duration,
                     options: 3 << 16,
                     animation: () => {
-                        view.rotate(Math.PI * 4 / 3 * clockwiseMultiplier);
+                        view.rotate(((Math.PI * 4) / 3) * clockwiseMultiplier);
                     },
                     completion: () => {
                         $ui.animate({
@@ -96,11 +96,11 @@ class RotatingView extends base_1.Base {
                             completion: () => {
                                 if (this._rotatingFlag)
                                     this._rotateView(view);
-                            }
+                            },
                         });
-                    }
+                    },
                 });
-            }
+            },
         });
     }
 }