jsbox-cview 1.6.5 → 1.6.7

package/dist/controller/base-controller.d.ts

@@ -0,0 +1,125 @@
+import { Base } from "../components/base";
+import { ContentView } from "../components/single-views";
+/**
+ * status
+ *   - created = 0 被创建，未被加载
+ *   - loaded = 1 被加载，显示状态未知
+ *   - appeared= 2 处于可显示状态
+ *   - disappeared = 3 处于不显示状态
+ *   - removed = 4 根视图被移除
+ * 其中只有 2 和 3 可以相互转化，其他不可以
+ */
+export declare const controllerStatus: {
+    created: number;
+    loaded: number;
+    appeared: number;
+    disappeared: number;
+    removed: number;
+};
+export declare class ControllerRootView extends ContentView {
+    constructor({ props, layout, events, }: {
+        props: {
+            bgcolor: UIColor;
+        };
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events: {
+            ready: (sender: UIView) => void;
+        };
+    });
+    set views(views: UiTypes.AllViewOptions[] | Base<any, any>[]);
+}
+export interface BaseControllerProps {
+    id?: string;
+    bgcolor?: UIColor;
+}
+export interface BaseControllerEvents {
+    didCreate?: (controller: BaseController) => void;
+    didLoad?: (controller: BaseController) => void;
+    didAppear?: (controller: BaseController) => void;
+    didDisappear?: (controller: BaseController) => void;
+    didRemove?: (controller: BaseController) => void;
+}
+/**
+ * # CView Base Controller
+ *
+ * Cview 控件尽量保持非侵入性和功能专注。而控制器负责控件之间的关联和数据更新。
+ * 另外，控制器可以实现一些常用的页面构建形式，比如底部Tab分页，左侧滑动分页，弹出式页面等。
+ *
+ * ## 属性
+ *
+ * - id?: string 可以指定 id，如不指定，会自动赋值全局唯一 id
+ * - 只写 bgcolor?: UIColor = $color("primarySurface") rootView 的 bgcolor
+ * - 只读 cviews: {}
+ * - 只读 rootView
+ * - 只读 status
+ *   - created = 0 被创建，未被加载
+ *   - loaded = 1 被加载，显示状态未知
+ *   - appearing = 2 处于可显示状态
+ *   - disappearing = 3 处于不显示状态
+ *   - removed = 4 根视图被移除
+ *
+ * ## 事件
+ *
+ * 5 个生命周期节点：创建、加载、显示、隐藏、销毁。后面四个具有生命周期事件。
+ *
+ * 创建阶段没有对应事件，此阶段适合为 rootView 添加子 view，
+ * 不能涉及对 UIView 的任何操作，因为此时 rootView 还未加载。
+ *
+ * 生命周期事件：
+ *
+ * 1. didLoad: controller => void 在 rootView 被加载之后执行
+ *    - 可以在 rootView 的 ready 事件中自动执行，也可以手动执行加快速度
+ *    - 也可以在这个节点为 rootView 添加子 view
+ *    - 这个节点可以对 UIView 进行操作了
+ *    - 可以向 Model 层请求初始数据
+ * 2. didAppear: controller => void 在 rootView 显现的时候执行
+ *    - 向 Model 层请求刷新数据
+ * 3. didDisappear: controller => void 在 rootView 不可见的时候执行
+ *    - 如果是持续执行的刷新行为，可以在此处转为暂停
+ * 4. didRemove: controller => void 在 rootView 被移除的时候执行
+ *    - 应该在此节点释放自定义的 objc
+ *    - 数据持久化
+ *
+ * ## 方法
+ *
+ * 加载方法：
+ *
+ * 1. uirender(props) 此方法只能使用一次，对应的 Controller 将成为顶级 Controller
+ * 2. uipush(props)
+ * 3. 直接让 rootView.definition 包含在其他 View 的 views 参数中
+ *
+ * 生命周期管理：
+ *
+ * 1. load() 会在 rootView 的 ready 事件中自动调用，也可以手动调用，以加速运行
+ * 2. appear()
+ * 3. disappear()
+ * 4. remove() 用来移除 Router 中的当前 Controller，**请注意此方法和 rootView 的移除无关**，
+ *    如果通过 uirender 和 uipush，可以在销毁时自动执行 remove()
+ *
+ * ## 其他
+ *
+ * - rootView 可以直接通过 rootView.views 设置其_views 属性，
+ *   其中元素可以为 view 定义也可以为 cview
+ */
+export declare class BaseController {
+    protected _props: BaseControllerProps;
+    protected _events: BaseControllerEvents;
+    readonly id: string;
+    private _status;
+    cviews: {
+        [key: string]: Base<any, any>;
+    };
+    readonly rootView: ControllerRootView;
+    constructor({ props, layout, events, }?: {
+        props?: BaseControllerProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: BaseControllerEvents;
+    });
+    load(): void;
+    appear(): void;
+    disappear(): void;
+    remove(): void;
+    uirender(props: UiTypes.RootViewPrefs): void;
+    uipush(props: UiTypes.RootViewPrefs): void;
+    get status(): number;
+}

package/dist/controller/base-controller.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseController = exports.ControllerRootView = void 0;
+exports.BaseController = exports.ControllerRootView = exports.controllerStatus = void 0;
 const base_1 = require("../components/base");
 const single_views_1 = require("../components/single-views");
 const cvid_1 = require("../utils/cvid");
@@ -14,7 +14,7 @@ const controller_router_1 = require("./controller-router");
  *   - removed = 4 根视图被移除
  * 其中只有 2 和 3 可以相互转化，其他不可以
  */
-const controllerStatus = {
+exports.controllerStatus = {
     created: 0,
     loaded: 1,
     appeared: 2,
@@ -102,7 +102,7 @@ class BaseController {
         this._props = props || {};
         this._events = events;
         this.id = this._props.id || cvid_1.cvid.newId;
-        this._status = controllerStatus.created; // status使用额外的get来使其只读
+        this._status = exports.controllerStatus.created; // status使用额外的get来使其只读
         this.rootView = new ControllerRootView({
             props: {
                 bgcolor: this._props.bgcolor || $color("primarySurface"),
@@ -116,38 +116,38 @@ class BaseController {
     }
     load() {
         // 只有status为created才可以运行
-        if (this._status !== controllerStatus.created)
+        if (this._status !== exports.controllerStatus.created)
             return;
-        this._status = controllerStatus.loaded;
+        this._status = exports.controllerStatus.loaded;
         if (this._events.didLoad)
             this._events.didLoad(this);
         controller_router_1.router.add(this);
     }
     appear() {
         // 只有status为loaded或者disappeared，才可以运行
-        if (this._status !== controllerStatus.loaded && this._status !== controllerStatus.disappeared)
+        if (this._status !== exports.controllerStatus.loaded && this._status !== exports.controllerStatus.disappeared)
             return;
         if (this._events.didAppear)
             this._events.didAppear(this);
-        this._status = controllerStatus.appeared;
+        this._status = exports.controllerStatus.appeared;
     }
     disappear() {
         // 只有status为loaded或者appeared，才可以运行
-        if (this._status !== controllerStatus.loaded && this._status !== controllerStatus.appeared)
+        if (this._status !== exports.controllerStatus.loaded && this._status !== exports.controllerStatus.appeared)
             return;
         if (this._events.didDisappear)
             this._events.didDisappear(this);
-        this._status = controllerStatus.disappeared;
+        this._status = exports.controllerStatus.disappeared;
     }
     // 此方法不能用于移除rootView，其作用是将控制器从Router中移除，并触发didRemove事件
     remove() {
         // 如果已经移除，不可以再次运行
-        if (this._status === controllerStatus.removed)
+        if (this._status === exports.controllerStatus.removed)
             return;
         if (this._events.didRemove)
             this._events.didRemove(this);
         controller_router_1.router.delete(this);
-        this._status = controllerStatus.removed;
+        this._status = exports.controllerStatus.removed;
     }
     uirender(props) {
         controller_router_1.router.root = this;

package/dist/controller/controller-router.d.ts

@@ -0,0 +1,48 @@
+import { BaseController } from "./base-controller";
+/**
+ * 控制器的路由器，用于管理控制器的集合和操作。
+ *
+ * ## 属性
+ * - `root`：根控制器。
+ * - `appeared`：状态为appeared的控制器列表。
+ * - `controllerSet`：控制器集合。
+ *
+ * ## 方法
+ * - `add(controller: BaseController)`：添加控制器到路由器中。
+ * - `delete(controller: BaseController)`：从路由器中删除控制器。
+ * - `get(id: string)`：根据控制器的ID获取控制器。
+ *
+ */
+declare class Router {
+    private _set;
+    root?: BaseController;
+    constructor();
+    /**
+     * 添加控制器到路由器中。
+     * @param controller 要添加的控制器。
+     */
+    add(controller: BaseController): void;
+    /**
+     * 从路由器中删除控制器。
+     * @param controller 要删除的控制器。
+     */
+    delete(controller: BaseController): void;
+    /**
+     * 根据控制器的ID获取控制器。
+     * @param id 控制器的ID。
+     * @returns 匹配的控制器，如果找不到则返回undefined。
+     */
+    get(id: string): BaseController | undefined;
+    /**
+     * 获取状态为appeared的控制器集合。
+     * @returns 控制器集合。
+     */
+    get appeared(): BaseController[];
+    /**
+     * 获取控制器集合。
+     * @returns 控制器集合。
+     */
+    get controllerSet(): Set<BaseController>;
+}
+export declare const router: Router;
+export {};

package/dist/controller/pageviewer-controller.d.ts

@@ -0,0 +1,38 @@
+import { BaseController, BaseControllerProps, BaseControllerEvents } from "./base-controller";
+import { PageViewer } from "../components/pageviewer";
+import { PageViewerTitleBar } from "../components/pageviewer-titlebar";
+import { CustomNavigationBar, NavigationBarProps } from "../components/custom-navigation-bar";
+interface PageViewerControllerProps extends BaseControllerProps {
+    items: {
+        controller: BaseController;
+        title: string;
+    }[];
+    navBarProps?: Partial<NavigationBarProps>;
+    index?: number;
+}
+/**
+ * # CView PageViewer Controller
+ *
+ * 一个可以左右滑动翻页的控制器。
+ *
+ * Props:
+ *
+ * - items: { controller: Controller, title: string }[]
+ * - navBarProps: {} 可用于 navBar 的其他属性，不包括 title 和 titleView
+ */
+export declare class PageViewerController extends BaseController {
+    protected _props: PageViewerControllerProps;
+    cviews: {
+        pageviewer: PageViewer;
+        titlebar: PageViewerTitleBar;
+        navbar: CustomNavigationBar;
+    };
+    constructor({ props, layout, events, }: {
+        props: PageViewerControllerProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: BaseControllerEvents;
+    });
+    get index(): number;
+    set index(num: number);
+}
+export {};

package/dist/controller/pageviewer-controller.js

@@ -51,7 +51,10 @@ class PageViewerController extends base_controller_1.BaseController {
             },
         });
         this.cviews.navbar = new custom_navigation_bar_1.CustomNavigationBar({
-            props: Object.assign(Object.assign({}, this._props.navBarProps), { titleView: this.cviews.titlebar }),
+            props: {
+                ...this._props.navBarProps,
+                titleView: this.cviews.titlebar,
+            },
         });
         this.rootView.views = [this.cviews.navbar, this.cviews.pageviewer];
     }

package/dist/controller/presented-page-controller.d.ts

@@ -0,0 +1,41 @@
+import { BaseController, BaseControllerProps, BaseControllerEvents } from "./base-controller";
+interface PresentedPageControllerProps extends BaseControllerProps {
+    presentMode?: number;
+    animated?: boolean;
+    interactiveDismissalDisabled?: boolean;
+}
+interface PresentedPageControllerEvents extends BaseControllerEvents {
+    dismissed?: (controller: PresentedPageController) => void;
+}
+/** # CView PresentedPageController
+ *
+ * ## Props
+ *
+ * - presentMode?: number = 1
+ * - animated?: boolean = true
+ * - interactiveDismissalDisabled?: boolean = false
+ * - bgcolor?: UIColor = $color("secondarySurface")
+ *
+ * ## 专用事件
+ *
+ * - dismissed: function  退出时的回调
+ *
+ * ## 专用方法
+ *
+ * - present() 在 `sheet.present()` 之后会先后执行 `load()` 和 `appear()`
+ * - dismiss()
+ *
+ * ## 布局
+ * 此控制器的 layout 必定为 `$layout.fill`，无需自行设定
+ */
+export declare class PresentedPageController extends BaseController {
+    private _sheet;
+    constructor({ props, layout, events, }?: {
+        props?: Partial<PresentedPageControllerProps>;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: PresentedPageControllerEvents;
+    });
+    present(): void;
+    dismiss(): void;
+}
+export {};

package/dist/controller/presented-page-controller.js

@@ -26,24 +26,22 @@ const sheet_1 = require("../components/sheet");
  */
 class PresentedPageController extends base_controller_1.BaseController {
     constructor({ props, layout, events, } = {}) {
-        var _a, _b;
         super({
             props: {
-                id: props === null || props === void 0 ? void 0 : props.id,
-                bgcolor: props === null || props === void 0 ? void 0 : props.bgcolor,
+                id: props?.id,
+                bgcolor: props?.bgcolor,
             },
             layout,
             events,
         });
         this._sheet = new sheet_1.Sheet({
-            presentMode: (_a = props === null || props === void 0 ? void 0 : props.presentMode) !== null && _a !== void 0 ? _a : 1,
-            animated: (_b = props === null || props === void 0 ? void 0 : props.animated) !== null && _b !== void 0 ? _b : true,
-            interactiveDismissalDisabled: (props === null || props === void 0 ? void 0 : props.interactiveDismissalDisabled) || false,
-            bgcolor: (props === null || props === void 0 ? void 0 : props.bgcolor) || $color("secondarySurface"),
+            presentMode: props?.presentMode ?? 1,
+            animated: props?.animated ?? true,
+            interactiveDismissalDisabled: props?.interactiveDismissalDisabled || false,
+            bgcolor: props?.bgcolor || $color("secondarySurface"),
             cview: this.rootView,
             dismissalHandler: () => {
-                var _a;
-                (_a = events === null || events === void 0 ? void 0 : events.dismissed) === null || _a === void 0 ? void 0 : _a.call(events, this);
+                events?.dismissed?.(this);
                 this.remove();
             },
         });

package/dist/controller/splitview-controller.d.ts

@@ -0,0 +1,90 @@
+import { BaseController, BaseControllerProps, BaseControllerEvents } from "./base-controller";
+import { Base } from "../components/base";
+import { ContentView } from "../components/single-views";
+declare class SecondaryView extends Base<UIView, UiTypes.ViewOptions> {
+    _props: UiTypes.ViewProps;
+    _layouts: {
+        hidden: (make: MASConstraintMaker, view: AllUIView) => void;
+        shown: (make: MASConstraintMaker, view: AllUIView) => void;
+    };
+    line: ContentView;
+    _defineView: () => UiTypes.ViewOptions;
+    constructor({ props, layout, views, }: {
+        props?: UiTypes.ViewProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        views?: UiTypes.AllViewOptions[];
+    });
+    add(view: UiTypes.AllViewOptions | Base<any, any>): void;
+    show(): void;
+    hide(): void;
+}
+declare class MaskView extends Base<UIView, UiTypes.ViewOptions> {
+    _props: {
+        bgcolor: UIColor;
+        dismissHandler?: () => void;
+    };
+    _shown: boolean;
+    _dismissEvent: () => void;
+    _gestureObject: any;
+    _defineView: () => UiTypes.ViewOptions;
+    constructor({ props, layout, }: {
+        props: {
+            bgcolor?: UIColor;
+            dismissHandler?: () => void;
+        };
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+    });
+    _addGesture(view: UIView, event: () => void): void;
+    releaseGestureObject(): void;
+    show(): void;
+    hide(): void;
+}
+interface SplitViewControllerProps extends BaseControllerProps {
+    items: {
+        controller: BaseController;
+        bgcolor: UIColor;
+    }[];
+}
+/** # CView SplitView Controller
+ *
+ * 实现左右分栏布局的控制器, 本身不提供除了分割线以外的视觉效果
+ *
+ * 此控制器加载后，会禁用原本的ScreenEdgePanGesture，此控制器应该作为根控制器使用
+ *
+ * @param options.props.items: { controller: Controller, bgcolor: UIColor }[]
+ *  其中第一个放在主视图上, 第二个放在次视图上
+ *
+ * @property sideBarShown: boolean = false 侧栏是否显示
+ * @property canShowSidebar: boolean = true 是否启动显示侧栏的动作
+ *  （若为false，依然可以用sideBarShown来控制侧栏的显示）
+ */
+export declare class SplitViewController extends BaseController {
+    private _screenEdgePanGestureObject;
+    private _sideBarShown;
+    private _canShowSidebar;
+    private _primaryController;
+    private _secondaryController;
+    cviews: {
+        primaryView: ContentView;
+        secondaryView: SecondaryView;
+        maskView: MaskView;
+    };
+    constructor({ props, layout, events, }: {
+        props: SplitViewControllerProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: BaseControllerEvents;
+    });
+    load(): void;
+    remove(): void;
+    uirender(): void;
+    uipush(): void;
+    _defineGestureObject(event: () => void): any;
+    _renewScreenEdgePanGesture(): void;
+    _showSideBar(): void;
+    _hideSideBar(): void;
+    get sideBarShown(): boolean;
+    set sideBarShown(bool: boolean);
+    get canShowSidebar(): boolean;
+    set canShowSidebar(bool: boolean);
+}
+export {};

package/dist/controller/splitview-controller.js

@@ -8,7 +8,10 @@ const cvid_1 = require("../utils/cvid");
 class SecondaryView extends base_1.Base {
     constructor({ props, layout, views = [], }) {
         super();
-        this._props = Object.assign({ bgcolor: $color("groupedBackground", "secondarySurface") }, props);
+        this._props = {
+            bgcolor: $color("groupedBackground", "secondarySurface"),
+            ...props,
+        };
         this._layouts = {
             hidden: (make, view) => {
                 make.top.bottom.inset(0);
@@ -37,7 +40,10 @@ class SecondaryView extends base_1.Base {
         this._defineView = () => {
             return {
                 type: "view",
-                props: Object.assign(Object.assign({}, this._props), { id: this.id }),
+                props: {
+                    ...this._props,
+                    id: this.id,
+                },
                 layout,
                 views: [...views, this.line.definition],
             };
@@ -65,7 +71,7 @@ class SecondaryView extends base_1.Base {
 class MaskView extends base_1.Base {
     constructor({ props, layout = $layout.fill, }) {
         super();
-        this._props = Object.assign({ bgcolor: $color("clear") }, props);
+        this._props = { bgcolor: $color("clear"), ...props };
         this._shown = false;
         this._dismissEvent = () => {
             if (!this._shown)
@@ -76,7 +82,11 @@ class MaskView extends base_1.Base {
         this._defineView = () => {
             return {
                 type: "view",
-                props: Object.assign(Object.assign({}, this._props), { hidden: true, id: this.id }),
+                props: {
+                    ...this._props,
+                    hidden: true,
+                    id: this.id,
+                },
                 layout,
                 events: {
                     ready: (sender) => this._addGesture(sender, this._dismissEvent),
@@ -140,21 +150,23 @@ class SplitViewController extends base_controller_1.BaseController {
                 bgcolor: props.bgcolor,
             },
             layout,
-            events: Object.assign(Object.assign({}, events), { didAppear: (sender) => {
-                    var _a;
+            events: {
+                ...events,
+                didAppear: (sender) => {
                     if (this._sideBarShown) {
                         this._secondaryController.appear();
                     }
                     else {
                         this._primaryController.appear();
                     }
-                    (_a = events === null || events === void 0 ? void 0 : events.didAppear) === null || _a === void 0 ? void 0 : _a.call(events, this);
-                }, didDisappear: () => {
-                    var _a;
+                    events?.didAppear?.(this);
+                },
+                didDisappear: () => {
                     this._primaryController.disappear();
                     this._secondaryController.disappear();
-                    (_a = events === null || events === void 0 ? void 0 : events.didDisappear) === null || _a === void 0 ? void 0 : _a.call(events, this);
-                } }),
+                    events?.didDisappear?.(this);
+                },
+            },
         });
         this._sideBarShown = false;
         this._canShowSidebar = true;
@@ -195,10 +207,14 @@ class SplitViewController extends base_controller_1.BaseController {
         this.rootView.views = [this.cviews.secondaryView, this.cviews.primaryView];
     }
     load() {
+        if (this.status !== base_controller_1.controllerStatus.created)
+            return;
         super.load();
         this._renewScreenEdgePanGesture();
     }
     remove() {
+        if (this.status === base_controller_1.controllerStatus.removed)
+            return;
         $objc_release(this._screenEdgePanGestureObject);
         this.cviews.maskView.releaseGestureObject();
         super.remove();

package/dist/controller/tabbar-controller.d.ts

@@ -0,0 +1,49 @@
+import { BaseController, BaseControllerProps, BaseControllerEvents } from "./base-controller";
+import { ContentView } from "../components/single-views";
+import { TabBar } from "../components/tabbar";
+interface TabBarControllerProps extends BaseControllerProps {
+    items: {
+        title?: string;
+        symbol?: string;
+        image?: UIImage;
+        tintColor?: UIColor;
+        bgcolor?: UIColor;
+        controller: BaseController;
+    }[];
+    index?: number;
+}
+interface TabBarControllerEvents extends BaseControllerEvents {
+    changed?: (controller: TabBarController, index: number) => void;
+    doubleTapped?: (controller: TabBarController, index: number) => void;
+}
+/**
+ * # CView TabBar Controller
+ *
+ * TabBarController 是一个 PagingController
+ *
+ * ## 属性
+ *
+ * - items: {title?: string,
+ *           symbol?: string,
+ *           image?: UIImage,
+ *           tintColor?: UIColor,
+ *           bgcolor?: UIColor,
+ *           controller: Controller}[]
+ * - index: number = 0
+ */
+export declare class TabBarController extends BaseController {
+    _props: TabBarControllerProps;
+    cviews: {
+        tabbar: TabBar;
+        pageContentView: ContentView;
+    };
+    pages: ContentView[];
+    constructor({ props, layout, events, }: {
+        props: TabBarControllerProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: TabBarControllerEvents;
+    });
+    set index(num: number);
+    get index(): number;
+}
+export {};

package/dist/controller/tabbar-controller.js

@@ -27,15 +27,17 @@ class TabBarController extends base_controller_1.BaseController {
                 bgcolor: props.bgcolor,
             },
             layout,
-            events: Object.assign(Object.assign({}, events), { didAppear: () => {
-                    var _a;
+            events: {
+                ...events,
+                didAppear: () => {
                     this._props.items[this.index].controller.appear();
-                    (_a = events.didAppear) === null || _a === void 0 ? void 0 : _a.call(events, this);
-                }, didDisappear: () => {
-                    var _a;
+                    events.didAppear?.(this);
+                },
+                didDisappear: () => {
                     this._props.items[this.index].controller.disappear();
-                    (_a = events.didDisappear) === null || _a === void 0 ? void 0 : _a.call(events, this);
-                } }),
+                    events.didDisappear?.(this);
+                },
+            },
         });
         this._props = {
             items: props.items,
@@ -49,15 +51,11 @@ class TabBarController extends base_controller_1.BaseController {
             },
             events: {
                 changed: (cview, index) => {
-                    var _a, _b;
                     this.index = index;
-                    (_a = this._props.items.find((item) => item.controller.status === 2)) === null || _a === void 0 ? void 0 : _a.controller.disappear();
-                    this._props.items[index].controller.appear();
-                    (_b = events.changed) === null || _b === void 0 ? void 0 : _b.call(events, this, index);
+                    events.changed?.(this, index);
                 },
                 doubleTapped: (cview, index) => {
-                    var _a;
-                    (_a = events.doubleTapped) === null || _a === void 0 ? void 0 : _a.call(events, this, index);
+                    events.doubleTapped?.(this, index);
                 },
             },
         });
@@ -81,7 +79,6 @@ class TabBarController extends base_controller_1.BaseController {
         this.rootView.views = [this.cviews.pageContentView, this.cviews.tabbar];
     }
     set index(num) {
-        var _a;
         if (this._props.index === num)
             return;
         this.cviews.tabbar.index = num;
@@ -89,7 +86,7 @@ class TabBarController extends base_controller_1.BaseController {
             n.view.hidden = i !== num;
         });
         this._props.index = num;
-        (_a = this._props.items.find((item) => item.controller.status === 2)) === null || _a === void 0 ? void 0 : _a.controller.disappear();
+        this._props.items.find((item) => item.controller.status === 2)?.controller.disappear();
         this._props.items[num].controller.appear();
     }
     get index() {

package/{index.ts → dist/index.d.ts}

@@ -1,7 +1,9 @@
+/// <reference types="jsbox-types" preserve="true" />
 export * from "./components/base";
 export * from "./components/custom-navigation-bar";
 export * from "./components/dynamic-contextmenu-view";
 export * from "./components/dynamic-itemsize-matrix";
+export * from "./components/dynamic-itemsize-section-matrix";
 export * from "./components/dynamic-preference-listview";
 export * from "./components/dynamic-rowheight-list";
 export * from "./components/enhanced-imageview";