jsbox-cview 1.6.5 → 1.6.7

package/dist/components/dynamic-itemsize-section-matrix.d.ts

@@ -0,0 +1,115 @@
+import { Base } from "./base";
+import { Matrix } from "./single-views";
+export interface DynamicItemSizeSectionMatrixSection {
+    title: string;
+    items: Record<string, unknown>[];
+}
+export interface DynamicItemSizeSectionMatrixProps extends Omit<UiTypes.MatrixProps, "data" | "itemSize" | "autoItemSize" | "estimatedItemSize" | "columns" | "square" | "waterfall" | "reorder" | "menu"> {
+    data?: DynamicItemSizeSectionMatrixSection[];
+    fixedItemHeight?: number;
+    minItemWidth?: number;
+    maxColumns?: number;
+    spacing?: number;
+}
+export interface DynamicItemSizeSectionMatrixEvents extends Omit<UiTypes.MatrixEvents, "itemSize" | "reorderBegan" | "reorderMoved" | "canMoveItem" | "reorderFinished"> {
+    itemHeight?: (width: number) => number;
+}
+/**
+ * # CView Dynamic ItemSize Section Matrix
+ *
+ * 此组件是为了在 Dynamic ItemSize Matrix 的基础上添加 SectionTitle
+ *
+ * - 使用此组件必须在每个section中添加title，如果title为空字符串，依然添加高度35的空格(包含spacing)
+ * - sectionTitle的字体为font(13)，左右边距为16（不含spacing），即总宽度为 totalWidth - 2 * spacing - 32
+ * - 由于它必然和底下的item会有spacing，所以不建议spacing设的太大，那样会很违和
+ * - sectionTitle会使得section之间的间隔增加自身的高度
+ * - matrix事件会自动调整indexPath，包括didSelect、didLongPress、forEachItem
+ * - matrix的方法都在该组件中重新实现，自动调整indexPath
+ * - 不支持matrix原有的重新排序、自动大小功能，为防止sectionTitle暴露，也不支持menu
+ * - 不支持Dynamic ItemSize Matrix的dynamicHeightEnabled、heightToWidth
+ *
+ * ## 动态调整 itemSize
+ *
+ * 动态的改变自己的 itemSize，从而使得 spacing 被优先满足。
+ * 思路为在 matrix 上层套一个 superView，在旋转的时候 superView 会调用 matrix.relayout()
+ * 和 matrix.reload()，从而触发 itemSize 事件
+ *
+ * 其排布逻辑是这样的:
+ *
+ * 1. 由 minItemWidth，spacing，maxColumns 这三个参数决定 cloumns，
+ *    并结合 totalWidth 确定 itemSize.width
+ * 2. 确定 itemHeight 有两种方法:
+ *    - fixedItemHeight 固定高度，优先级第二
+ *    - event: itemHeight(width) => height 通过 width 动态计算，优先级最高
+ * 3. 如果 minItemWidth 比 totalWidth - 2 * spacing 还要小，那么 itemSize.width
+ *    会被设定为 totalWidth - 2 * spacing，以保证item不会超出边框
+ *
+ * ## props:
+ *
+ * 可以使用 matrix 的全部属性。
+ *
+ * 但data的类型调整为：
+ * { title: string; items: Record<string, unknown>[] }
+ *
+ * 特殊属性:
+ *
+ * - fixedItemHeight 固定 itemSize 高度
+ * - minItemWidth 最小的 itemSize 宽度
+ * - maxColumns 最大列数
+ * - spacing
+ *
+ * events:
+ *
+ * 可以使用 matrix 除 itemSize 以外的全部事件
+ *
+ * 其他特殊事件:
+ *
+ * - itemHeight: width => height 通过 itemWidth 动态计算 itemHeight
+ *
+ *
+ * 方法:
+ * - get data
+ * - set data
+ * - reload(): void;
+ * - object(indexPath: NSIndexPath): any;
+ * - insert(args: { indexPath: NSIndexPath;value: any; } ): void;
+ * - delete(indexPathOrIndex: NSIndexPath | number): void;
+ * - cell(indexPath: NSIndexPath): AllUIView;
+ * - scrollTo(args: { indexPath: NSIndexPath; animated?: boolean }): void;
+ */
+export declare class DynamicItemSizeSectionMatrix extends Base<UIView, UiTypes.ViewOptions> {
+    _defineView: () => UiTypes.ViewOptions;
+    private _props;
+    private _data;
+    private _events;
+    private _itemSizeWidth;
+    private _itemSizeHeight;
+    private _totalWidth;
+    private _columns;
+    private _fixedItemHeight;
+    private _minItemWidth;
+    private _maxColumns;
+    private _spacing;
+    matrix: Matrix;
+    constructor({ props, layout, events, }: {
+        props: DynamicItemSizeSectionMatrixProps;
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events: DynamicItemSizeSectionMatrixEvents;
+    });
+    private _mapData;
+    private _mapTemplate;
+    get data(): DynamicItemSizeSectionMatrixSection[];
+    set data(data: DynamicItemSizeSectionMatrixSection[]);
+    reload(): void;
+    object(indexPath: NSIndexPath): Record<string, unknown>;
+    insert({ indexPath, value }: {
+        indexPath: NSIndexPath;
+        value: any;
+    }): void;
+    delete(indexPath: NSIndexPath): void;
+    cell(indexPath: NSIndexPath): AllUIView;
+    scrollTo({ indexPath, animated }: {
+        indexPath: NSIndexPath;
+        animated?: boolean;
+    }): void;
+}

package/dist/components/dynamic-itemsize-section-matrix.js

@@ -0,0 +1,293 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicItemSizeSectionMatrix = void 0;
+const uitools_1 = require("../utils/uitools");
+const base_1 = require("./base");
+const single_views_1 = require("./single-views");
+function _getColumnsAndItemSizeWidth(containerWidth, minItemWidth, maxColumns, spacing) {
+    if (minItemWidth > containerWidth - 2 * spacing) {
+        return {
+            columns: 1,
+            itemSizeWidth: containerWidth - 2 * spacing,
+        };
+    }
+    const columns = Math.max(Math.min(Math.floor((containerWidth - spacing) / (minItemWidth + spacing)), maxColumns), 1);
+    const itemSizeWidth = Math.max(Math.floor((containerWidth - spacing * (columns + 1)) / columns), minItemWidth);
+    return {
+        columns,
+        itemSizeWidth,
+    };
+}
+function _getTextHeight(text, width) {
+    return (0, uitools_1.getTextHeight)(text, {
+        width,
+        font: $font(13),
+        inset: 0,
+    });
+}
+/**
+ * # CView Dynamic ItemSize Section Matrix
+ *
+ * 此组件是为了在 Dynamic ItemSize Matrix 的基础上添加 SectionTitle
+ *
+ * - 使用此组件必须在每个section中添加title，如果title为空字符串，依然添加高度35的空格(包含spacing)
+ * - sectionTitle的字体为font(13)，左右边距为16（不含spacing），即总宽度为 totalWidth - 2 * spacing - 32
+ * - 由于它必然和底下的item会有spacing，所以不建议spacing设的太大，那样会很违和
+ * - sectionTitle会使得section之间的间隔增加自身的高度
+ * - matrix事件会自动调整indexPath，包括didSelect、didLongPress、forEachItem
+ * - matrix的方法都在该组件中重新实现，自动调整indexPath
+ * - 不支持matrix原有的重新排序、自动大小功能，为防止sectionTitle暴露，也不支持menu
+ * - 不支持Dynamic ItemSize Matrix的dynamicHeightEnabled、heightToWidth
+ *
+ * ## 动态调整 itemSize
+ *
+ * 动态的改变自己的 itemSize，从而使得 spacing 被优先满足。
+ * 思路为在 matrix 上层套一个 superView，在旋转的时候 superView 会调用 matrix.relayout()
+ * 和 matrix.reload()，从而触发 itemSize 事件
+ *
+ * 其排布逻辑是这样的:
+ *
+ * 1. 由 minItemWidth，spacing，maxColumns 这三个参数决定 cloumns，
+ *    并结合 totalWidth 确定 itemSize.width
+ * 2. 确定 itemHeight 有两种方法:
+ *    - fixedItemHeight 固定高度，优先级第二
+ *    - event: itemHeight(width) => height 通过 width 动态计算，优先级最高
+ * 3. 如果 minItemWidth 比 totalWidth - 2 * spacing 还要小，那么 itemSize.width
+ *    会被设定为 totalWidth - 2 * spacing，以保证item不会超出边框
+ *
+ * ## props:
+ *
+ * 可以使用 matrix 的全部属性。
+ *
+ * 但data的类型调整为：
+ * { title: string; items: Record<string, unknown>[] }
+ *
+ * 特殊属性:
+ *
+ * - fixedItemHeight 固定 itemSize 高度
+ * - minItemWidth 最小的 itemSize 宽度
+ * - maxColumns 最大列数
+ * - spacing
+ *
+ * events:
+ *
+ * 可以使用 matrix 除 itemSize 以外的全部事件
+ *
+ * 其他特殊事件:
+ *
+ * - itemHeight: width => height 通过 itemWidth 动态计算 itemHeight
+ *
+ *
+ * 方法:
+ * - get data
+ * - set data
+ * - reload(): void;
+ * - object(indexPath: NSIndexPath): any;
+ * - insert(args: { indexPath: NSIndexPath;value: any; } ): void;
+ * - delete(indexPathOrIndex: NSIndexPath | number): void;
+ * - cell(indexPath: NSIndexPath): AllUIView;
+ * - scrollTo(args: { indexPath: NSIndexPath; animated?: boolean }): void;
+ */
+class DynamicItemSizeSectionMatrix extends base_1.Base {
+    constructor({ props, layout, events, }) {
+        super();
+        this._totalWidth = 0;
+        this._columns = 1;
+        this._props = props;
+        this._data = this._props.data ?? [];
+        this._events = events;
+        this._itemSizeWidth = 0;
+        this._itemSizeHeight = 0;
+        this._fixedItemHeight = this._props.fixedItemHeight ?? 96;
+        this._minItemWidth = this._props.minItemWidth ?? 96;
+        this._maxColumns = this._props.maxColumns ?? 5;
+        this._spacing = this._props.spacing ?? 6;
+        const { itemHeight, didSelect, didLongPress, forEachItem, ...otherEvents } = this._events;
+        this.matrix = new single_views_1.Matrix({
+            props: {
+                ...props,
+                data: this._mapData(this._data),
+                template: this._mapTemplate(props.template),
+            },
+            layout: $layout.fill,
+            events: {
+                ...otherEvents,
+                itemSize: (_sender, indexPath) => {
+                    if (this._totalWidth === 0) {
+                        return $size(0, 0);
+                    }
+                    if (indexPath.item === 0) {
+                        const width = Math.max(this._totalWidth - 2 * this._spacing, 32);
+                        const textHeight = _getTextHeight(this._data[indexPath.section].title, width - 32);
+                        const height = textHeight + 35 - this._spacing * (indexPath.section === 0 ? 1 : 2);
+                        return $size(width, height);
+                    }
+                    else {
+                        return $size(this._itemSizeWidth, this._itemSizeHeight);
+                    }
+                },
+                didSelect: didSelect
+                    ? (sender, indexPath) => {
+                        if (indexPath.item === 0) {
+                            return;
+                        }
+                        else {
+                            didSelect(sender, $indexPath(indexPath.section, indexPath.item - 1), this._data[indexPath.section].items[indexPath.item - 1]);
+                        }
+                    }
+                    : undefined,
+                didLongPress: didLongPress
+                    ? (sender, indexPath) => {
+                        if (indexPath.item === 0) {
+                            return;
+                        }
+                        else {
+                            didLongPress(sender, $indexPath(indexPath.section, indexPath.item - 1), this._data[indexPath.section].items[indexPath.item - 1]);
+                        }
+                    }
+                    : undefined,
+                forEachItem: forEachItem
+                    ? (sender, indexPath) => {
+                        if (indexPath.item === 0) {
+                            return;
+                        }
+                        else {
+                            forEachItem(sender, $indexPath(indexPath.section, indexPath.item - 1));
+                        }
+                    }
+                    : undefined,
+            },
+        });
+        this._defineView = () => {
+            return {
+                type: "view",
+                props: {
+                    id: this.id,
+                    bgcolor: $color("clear"),
+                },
+                layout,
+                views: [this.matrix.definition],
+                events: {
+                    layoutSubviews: (sender) => {
+                        sender.relayout();
+                        if (sender.frame.width === this._totalWidth)
+                            return;
+                        this._totalWidth = sender.frame.width;
+                        const { columns, itemSizeWidth } = _getColumnsAndItemSizeWidth(this._totalWidth, this._minItemWidth, this._maxColumns, this._spacing);
+                        this._columns = columns;
+                        this._itemSizeWidth = itemSizeWidth;
+                        this._itemSizeHeight = this._events.itemHeight
+                            ? this._events.itemHeight(this._itemSizeWidth)
+                            : this._fixedItemHeight;
+                        this.matrix.view.reload();
+                    },
+                },
+            };
+        };
+    }
+    _mapData(data) {
+        return data.map((n) => {
+            const mappedItems = n.items.map((n) => {
+                return {
+                    __section_title__: { hidden: true },
+                    __original_template__: { hidden: false },
+                    ...n,
+                };
+            });
+            return {
+                title: "",
+                items: [
+                    {
+                        __section_title__: { hidden: false },
+                        __section_title_label__: { text: n.title },
+                        __original_template__: { hidden: true },
+                    },
+                    ...mappedItems,
+                ],
+            };
+        });
+    }
+    _mapTemplate(template) {
+        if (!template)
+            return;
+        const newTemplate = {
+            views: [
+                {
+                    type: "view",
+                    props: {
+                        id: "__section_title__",
+                    },
+                    layout: $layout.fill,
+                    views: [
+                        {
+                            // 在这里放一个透明且无效果的button，从而取消item自己的highlight效果
+                            type: "button",
+                            props: {
+                                bgcolor: $color("clear"),
+                            },
+                            layout: $layout.fill,
+                        },
+                        {
+                            type: "label",
+                            props: {
+                                id: "__section_title_label__",
+                                bgcolor: $color("clear"),
+                                font: $font(13),
+                                textColor: $color("secondaryText"),
+                                lines: 0,
+                            },
+                            layout: (make, view) => {
+                                make.left.right.inset(16);
+                                make.bottom.inset(0);
+                            },
+                        },
+                    ],
+                },
+                {
+                    type: "view",
+                    props: {
+                        ...template.props,
+                        id: "__original_template__",
+                    },
+                    layout: $layout.fill,
+                    views: template.views,
+                },
+            ],
+        };
+        return newTemplate;
+    }
+    get data() {
+        return this._data;
+    }
+    set data(data) {
+        this._data = data;
+        this.matrix.view.data = this._mapData(data);
+        this.reload();
+    }
+    reload() {
+        this.matrix.view.reload();
+    }
+    object(indexPath) {
+        return this._data?.[indexPath.section]?.items[indexPath.item];
+    }
+    insert({ indexPath, value }) {
+        this._data?.[indexPath.section]?.items.splice(indexPath.item, 0, value);
+        this.matrix.view.data = this._mapData(this._data);
+        this.reload();
+    }
+    delete(indexPath) {
+        this._data?.[indexPath.section]?.items.splice(indexPath.item, 1);
+        this.matrix.view.data = this._mapData(this._data);
+        this.reload();
+    }
+    cell(indexPath) {
+        return this.matrix.view.cell($indexPath(indexPath.section, indexPath.item + 1));
+    }
+    scrollTo({ indexPath, animated }) {
+        this.matrix.view.scrollTo({
+            indexPath: $indexPath(indexPath.section, indexPath.item + 1),
+            animated,
+        });
+    }
+}
+exports.DynamicItemSizeSectionMatrix = DynamicItemSizeSectionMatrix;

package/dist/components/dynamic-preference-listview.d.ts

@@ -0,0 +1,63 @@
+import { Base } from "./base";
+import { PreferenceSection } from "./static-preference-listview";
+interface CunstomProps extends UiTypes.ListProps {
+    stringLeftInset?: number;
+    infoAndLinkLeftInset?: number;
+    sliderWidth?: number;
+    tabWidth?: number;
+    symbolSizeForSymbolAction?: JBSize;
+}
+/**
+ * # cview PreferenceListView_dynamic
+ *
+ * 便捷的设置列表实现. 样式以及功能均以 PreferenceListView_static 为准.
+ *
+ * 优势在于:
+ *
+ * - 可以实现 sections 重新写入.
+ *
+ * 劣势在于:
+ *
+ * - 由于每个 cell 不能单独布局, 因此标题和内容的长度无法动态调整, 在两者都比较短的情况下没有问题, 长了布局可能会重叠.
+ * - 不能真正实现 selectable 为 false, 分割线仍然会闪动
+ *
+ * 为了缓解上面的问题, 让修改布局无需调整源代码, 增加下列 props:
+ *
+ * - stringLeftInset?: number = 120 将同时作用于 string, number, integer, list, date
+ *   但是由于后四者内容可控, 可视为只作用于 string
+ * - infoAndLinkLeftInset?: number = 120 作用于 info, link
+ * - sliderWidth?: number = 200 作用于 slider
+ * - tabWidth?: number = 200 作用于 tab
+ * - symbolSizeForSymbolAction?: size = $size(24, 24) 作用于symbol-action
+ *   注意以上的修改是应用于 template, 而不是应用于单个 cell 的
+ *
+ * 独特方法:
+ *
+ * - cview.sections = sections 可以写入新的 sections
+ */
+export declare class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOptions> {
+    _defineView: () => UiTypes.ListOptions;
+    private _sections;
+    private _props;
+    constructor({ sections, props, layout, events, }: {
+        sections: PreferenceSection[];
+        props: CunstomProps;
+        layout?: (make: MASConstraintMaker, view: UIListView) => void;
+        events?: {
+            changed?: (values: any) => void;
+        };
+    });
+    _handleText(text: string, type: string): number | undefined;
+    _handleSliderValue(num?: number, decimal?: number, min?: number, max?: number): number;
+    _map(sections: PreferenceSection[]): {
+        title: string;
+        rows: any[];
+    }[];
+    get sections(): PreferenceSection[];
+    set sections(sections: PreferenceSection[]);
+    get values(): {
+        [key: string]: any;
+    };
+    set(key: string, value: any): void;
+}
+export {};

package/dist/components/dynamic-preference-listview.js

@@ -36,14 +36,25 @@ class DynamicPreferenceListView extends base_1.Base {
         super();
         this._sections = sections.map((n) => ({
             title: n.title,
-            rows: n.rows.map((r) => (Object.assign({}, r))),
+            rows: n.rows.map((r) => ({ ...r })),
         }));
-        this._props = Object.assign({ stringLeftInset: 120, infoAndLinkLeftInset: 120, sliderWidth: 200, tabWidth: 200, symbolSizeForSymbolAction: $size(24, 24) }, props);
+        this._props = {
+            stringLeftInset: 120,
+            infoAndLinkLeftInset: 120,
+            sliderWidth: 200,
+            tabWidth: 200,
+            symbolSizeForSymbolAction: $size(24, 24),
+            ...props,
+        };
         this._layout = layout;
         this._defineView = () => {
             return {
                 type: "list",
-                props: Object.assign(Object.assign({ style: 2 }, this._props), { id: this.id, template: {
+                props: {
+                    style: 2,
+                    ...this._props,
+                    id: this.id,
+                    template: {
                         views: [
                             {
                                 type: "view",
@@ -169,17 +180,15 @@ class DynamicPreferenceListView extends base_1.Base {
                                                 },
                                                 events: {
                                                     changed: (sender) => {
-                                                        var _a;
                                                         const { section, row } = sender.info;
                                                         const options = this._sections[section].rows[row];
                                                         const label = sender.next;
-                                                        label.text = this._handleSliderValue(sender.value * ((_a = options.max) !== null && _a !== void 0 ? _a : 1), options.decimal, options.min, options.max).toString();
+                                                        label.text = this._handleSliderValue(sender.value * (options.max ?? 1), options.decimal, options.min, options.max).toString();
                                                     },
                                                     touchesEnded: (sender) => {
-                                                        var _a;
                                                         const { section, row } = sender.info;
                                                         const options = this._sections[section].rows[row];
-                                                        this._sections[section].rows[row].value = this._handleSliderValue(sender.value * ((_a = options.max) !== null && _a !== void 0 ? _a : 1), options.decimal, options.min, options.max);
+                                                        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);
                                                     },
@@ -263,11 +272,12 @@ class DynamicPreferenceListView extends base_1.Base {
                                 ],
                             },
                         ],
-                    }, data: this._map(this._sections) }),
+                    },
+                    data: this._map(this._sections),
+                },
                 layout: this._layout,
                 events: {
                     didSelect: (sender, indexPath, data) => {
-                        var _a, _b;
                         const row = this._sections[indexPath.section].rows[indexPath.row];
                         if (!static_preference_listview_1.selectableTypes.includes(row.type))
                             return;
@@ -288,7 +298,7 @@ class DynamicPreferenceListView extends base_1.Base {
                             }
                             case "number": {
                                 $input.text({
-                                    text: (_a = row.value) === null || _a === void 0 ? void 0 : _a.toString(),
+                                    text: row.value?.toString(),
                                     type: $kbType.decimal,
                                     placeholder: row.placeholder,
                                     handler: (text) => {
@@ -309,7 +319,7 @@ class DynamicPreferenceListView extends base_1.Base {
                             }
                             case "integer": {
                                 $input.text({
-                                    text: (_b = row.value) === null || _b === void 0 ? void 0 : _b.toString(),
+                                    text: row.value?.toString(),
                                     type: $kbType.number,
                                     placeholder: row.placeholder,
                                     handler: (text) => {
@@ -472,7 +482,6 @@ class DynamicPreferenceListView extends base_1.Base {
         return sections.map((section, sectionIndex) => ({
             title: section.title,
             rows: section.rows.map((n, rowIndex) => {
-                var _a, _b, _c;
                 const data = generateDefaultRow(n);
                 switch (n.type) {
                     case "string": {
@@ -531,7 +540,7 @@ class DynamicPreferenceListView extends base_1.Base {
                             text: adjustedValue,
                         };
                         data.slider = {
-                            value: adjustedValue / ((_a = n.max) !== null && _a !== void 0 ? _a : 1),
+                            value: adjustedValue / (n.max ?? 1),
                             info: { section: sectionIndex, row: rowIndex, key: n.key },
                             //min: n.min, // 不可用，否则会出现slider滑动结束变为0点的bug
                             //max: n.max,
@@ -594,8 +603,8 @@ class DynamicPreferenceListView extends base_1.Base {
                         data.symbol = {
                             hidden: n.symbol ? false : true,
                             symbol: n.symbol,
-                            tintColor: (_b = n.tintColor) !== null && _b !== void 0 ? _b : $color("primaryText"),
-                            contentMode: (_c = n.contentMode) !== null && _c !== void 0 ? _c : 1,
+                            tintColor: n.tintColor ?? $color("primaryText"),
+                            contentMode: n.contentMode ?? 1,
                         };
                         break;
                     }
@@ -616,7 +625,7 @@ class DynamicPreferenceListView extends base_1.Base {
     set sections(sections) {
         this._sections = sections.map((n) => ({
             title: n.title,
-            rows: n.rows.map((r) => (Object.assign({}, r))),
+            rows: n.rows.map((r) => ({ ...r })),
         }));
         this.view.data = this._map(this._sections);
     }

package/dist/components/dynamic-rowheight-list.d.ts

@@ -0,0 +1,38 @@
+import { Base } from "./base";
+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;
+}
+/**
+ * # cview Dynamic RowHeight List
+ *
+ * 可以自动更新 rowHeight 的 list
+ *
+ * 核心策略为 list 的所有行均为 cview，且每一个 cview 需要实现一个方法：
+ * heightToWidth(width: number) => number
+ * 通过这个方法汇报自己在某个宽度的时候所需要的高度，这必须任何时候均立即可用；
+ *
+ * 特别参数
+ * sections: {title: string, rows: cview[]}[]
+ * rows: cview[]
+ * 两者不能同时存在，否则rows不起作用
+ *
+ * 除了 props.data, props.template 和 events.rowHeight 不可用，其他均和 list 一致
+ */
+export declare class DynamicRowHeightList extends Base<UIListView, UiTypes.ListOptions> {
+    _defineView: () => UiTypes.ListOptions;
+    constructor({ sections, rows, props, layout, events, }: {
+        sections?: {
+            title: string;
+            rows: DynamicRowHeightListCView[];
+        }[];
+        rows?: DynamicRowHeightListCView[];
+        props: DynamicRowHeightListProps;
+        layout: (make: MASConstraintMaker, view: UIListView) => void;
+        events: DynamicRowHeightListEvents;
+    });
+}
+export {};

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

@@ -37,9 +37,14 @@ class DynamicRowHeightList extends base_1.Base {
             }
             return {
                 type: "list",
-                props: Object.assign({ id: this.id, data }, props),
+                props: {
+                    id: this.id,
+                    data,
+                    ...props,
+                },
                 layout,
-                events: Object.assign({ rowHeight: (sender, indexPath) => {
+                events: {
+                    rowHeight: (sender, indexPath) => {
                         if (sections) {
                             const cview = sections[indexPath.section].rows[indexPath.row];
                             return cview.heightToWidth(sender.frame.width);
@@ -50,7 +55,9 @@ class DynamicRowHeightList extends base_1.Base {
                         else {
                             throw new Error("sections or rows must be provided");
                         }
-                    } }, events),
+                    },
+                    ...events,
+                },
             };
         };
     }