jsbox-cview 1.6.2 → 1.6.3

package/components/dialogs/dialog-sheet.ts

@@ -14,6 +14,8 @@ import { Base } from "../base";
  * @param presentMode 显示模式
  * @param bgcolor 背景颜色
  * @param doneButtonHidden 是否隐藏完成按钮, 默认为false，如果隐藏则需要自行实现完成逻辑
+ * @param doneButtonValidator 完成按钮验证器，返回true则执行完成逻辑，返回false则不执行
+ * @param doneButtonTitle 完成按钮标题，默认为"完成"
  */
 export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions> {
   _props: {
@@ -23,6 +25,8 @@ export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions>
     presentMode?: number;
     bgcolor?: UIColor;
     doneButtonHidden?: boolean;
+    doneButtonValidator?: () => boolean;
+    doneButtonTitle?: string;
   };
   _done: boolean;
   private _navbar?: CustomNavigationBar;
@@ -36,6 +40,8 @@ export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions>
     presentMode?: number;
     bgcolor?: UIColor;
     doneButtonHidden?: boolean;
+    doneButtonValidator?: () => boolean;
+    doneButtonTitle?: string;
   }) {
     super({
       presentMode: props.presentMode || ($device.isIpad ? 2 : 1),
@@ -58,7 +64,23 @@ export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions>
       props: {
         title: this._props.title,
         leftBarButtonItems: [{ symbol: "xmark", handler: () => this.dismiss() }],
-        rightBarButtonItems: this._props.doneButtonHidden ? [] : [{ title: l10n("DONE"), handler: () => this.done() }],
+        rightBarButtonItems: this._props.doneButtonHidden
+          ? []
+          : [
+              {
+                title: this._props.doneButtonTitle || l10n("DONE"),
+                handler: () => {
+                  if (this._props.doneButtonValidator) {
+                    if (this._props.doneButtonValidator()) {
+                      this.done();
+                    } else {
+                      return;
+                    }
+                  }
+                  this.done();
+                },
+              },
+            ],
       },
     });
     this._props.cview._layout = (make, view) => {

package/dist/components/custom-navigation-bar.js

@@ -102,9 +102,7 @@ class CustomNavigationBar extends base_1.Base {
             // leftItemView
             let leftInset = 0;
             if (this._props.popButtonEnabled) {
-                const titleWidth = this._props.popButtonTitle
-                    ? (0, uitools_1.getTextWidth)(this._props.popButtonTitle)
-                    : 0;
+                const titleWidth = this._props.popButtonTitle ? (0, uitools_1.getTextWidth)(this._props.popButtonTitle) : 0;
                 leftInset = titleWidth + 35;
                 const views = [];
                 const chevronOptions = {
@@ -298,10 +296,7 @@ class CustomNavigationBar extends base_1.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,
                 ],

package/dist/components/dialogs/dialog-sheet.js

@@ -14,6 +14,8 @@ const single_views_1 = require("../single-views");
  * @param presentMode 显示模式
  * @param bgcolor 背景颜色
  * @param doneButtonHidden 是否隐藏完成按钮, 默认为false，如果隐藏则需要自行实现完成逻辑
+ * @param doneButtonValidator 完成按钮验证器，返回true则执行完成逻辑，返回false则不执行
+ * @param doneButtonTitle 完成按钮标题，默认为"完成"
  */
 class DialogSheet extends sheet_1.Sheet {
     constructor(props) {
@@ -36,12 +38,25 @@ class DialogSheet extends sheet_1.Sheet {
         this._navbar = new custom_navigation_bar_1.CustomNavigationBar({
             props: {
                 title: this._props.title,
-                leftBarButtonItems: [
-                    { symbol: "xmark", handler: () => this.dismiss() },
-                ],
+                leftBarButtonItems: [{ symbol: "xmark", handler: () => this.dismiss() }],
                 rightBarButtonItems: this._props.doneButtonHidden
                     ? []
-                    : [{ title: (0, l10n_1.l10n)("DONE"), handler: () => this.done() }],
+                    : [
+                        {
+                            title: this._props.doneButtonTitle || (0, l10n_1.l10n)("DONE"),
+                            handler: () => {
+                                if (this._props.doneButtonValidator) {
+                                    if (this._props.doneButtonValidator()) {
+                                        this.done();
+                                    }
+                                    else {
+                                        return;
+                                    }
+                                }
+                                this.done();
+                            },
+                        },
+                    ],
             },
         });
         this._props.cview._layout = (make, view) => {

package/dist/components/dialogs/list-dialog.js

@@ -57,8 +57,7 @@ function listDialog({ items, multiSelectEnabled, value, values = [], title, }) {
             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) => {
@@ -74,9 +73,7 @@ function listDialog({ items, multiSelectEnabled, value, values = [], title, }) {
         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

package/dist/components/dynamic-contextmenu-view.js

@@ -48,7 +48,7 @@ class DynamicContextMenuView extends base_1.Base {
             },
         });
     }
-    createContextMenuConfiguration({ title, items, }) {
+    createContextMenuConfiguration({ title, items }) {
         return $objc("UIContextMenuConfiguration").$configurationWithIdentifier_previewProvider_actionProvider(null, null, $block("UIMenu *, NSArray *", () => {
             const actions = items.map((item) => {
                 const action = $objc("UIAction").$actionWithTitle_image_identifier_handler(item.title, item.symbol || null, null, $block("void, UIAction *", () => item.handler()));
@@ -56,15 +56,15 @@ class DynamicContextMenuView extends base_1.Base {
                     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);
         }));
     }
     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/dist/components/dynamic-itemsize-matrix.js

@@ -21,10 +21,8 @@ function _getColumnsAndItemSizeWidth(containerWidth, minItemWidth, maxColumns, s
             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 // 最小宽度
-    );
+    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,
@@ -125,7 +123,7 @@ class DynamicItemSizeMatrix extends base_1.Base {
     }
     heightToWidth(width) {
         const { columns, itemSizeWidth } = _getColumnsAndItemSizeWidth(width, this._props.minItemWidth, this._props.maxColumns, 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/dist/components/dynamic-preference-listview.js

@@ -126,8 +126,7 @@ class DynamicPreferenceListView extends base_1.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;
                                                         label.text = sender.value.toString();
                                                         if (events.changed)
@@ -180,8 +179,7 @@ class DynamicPreferenceListView extends base_1.Base {
                                                         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 * ((_a = options.max) !== null && _a !== void 0 ? _a : 1), options.decimal, options.min, options.max);
                                                         if (events.changed)
                                                             events.changed(this.values);
                                                     },
@@ -602,9 +600,7 @@ class DynamicPreferenceListView extends base_1.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/dist/components/pageviewer-titlebar.js

@@ -41,16 +41,13 @@ class PageViewerTitleBar extends base_1.Base {
         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: {
                     text: n,
                     font: $font("bold", 17),
-                    textColor: i === this.index
-                        ? this._props.selectedItemColor
-                        : this._props.defaultItemColor,
+                    textColor: i === this.index ? this._props.selectedItemColor : this._props.defaultItemColor,
                     align: $align.center,
                     userInteractionEnabled: true,
                 },
@@ -79,9 +76,7 @@ class PageViewerTitleBar extends base_1.Base {
             },
             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({
@@ -103,11 +98,7 @@ class PageViewerTitleBar extends base_1.Base {
                 },
                 layout,
                 events: restEvents,
-                views: [
-                    this.stack.definition,
-                    this.placeholderView.definition,
-                    this.line.definition,
-                ],
+                views: [this.stack.definition, this.placeholderView.definition, this.line.definition],
             };
         };
     }

package/dist/components/rotating-view.js

@@ -35,9 +35,7 @@ class RotatingView extends base_1.Base {
                 throw new Error("image is required");
             this._innerView = new single_views_1.Image({
                 props: {
-                    image: this._props.tintColor
-                        ? this._props.image.alwaysTemplate
-                        : this._props.image,
+                    image: this._props.tintColor ? this._props.image.alwaysTemplate : this._props.image,
                     tintColor: this._props.tintColor,
                     contentMode: this._props.contentMode,
                 },

package/dist/components/searchbar.js

@@ -150,11 +150,7 @@ class SearchBar extends base_1.Base {
                     clipsToBounds: true,
                 },
                 layout,
-                views: [
-                    this.cviews.bgview.definition,
-                    this.cviews.iconInput.definition,
-                    this.cviews.cancelButton.definition,
-                ],
+                views: [this.cviews.bgview.definition, this.cviews.iconInput.definition, this.cviews.cancelButton.definition],
             };
         };
     }
@@ -313,9 +309,7 @@ class SearchBar extends base_1.Base {
                 const IconInputLayoutInputing = (make, view) => {
                     make.center.equalTo(view.super);
                     make.top.bottom.inset(0);
-                    make.width
-                        .equalTo(Math.max(textWidth, placeholderWidth) + 50)
-                        .priority(999);
+                    make.width.equalTo(Math.max(textWidth, placeholderWidth) + 50).priority(999);
                     make.width.lessThanOrEqualTo(view.super).priority(1000);
                 };
                 this.cviews.iconInput.view.remakeLayout(IconInputLayoutInputing);

package/dist/components/sheet.js

@@ -70,9 +70,7 @@ class Sheet {
     }
     present() {
         this._create();
-        $ui.controller
-            .ocValue()
-            .invoke("presentModalViewController:animated", this._PSViewController, this._animated);
+        $ui.controller.ocValue().invoke("presentModalViewController:animated", this._PSViewController, this._animated);
     }
     dismiss() {
         this._PSViewController.invoke("dismissModalViewControllerAnimated", this._animated);

package/dist/components/spinners/loading-dual-ring.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DualRing = void 0;
 const base_1 = require("../base");
 class CanvasComponet extends base_1.Base {
-    constructor({ tintColor, startAngle, }) {
+    constructor({ tintColor, startAngle }) {
         super();
         this._tintColor = tintColor;
         this.startAngle = startAngle;

package/dist/components/spinners/loading-wedges.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wedges = void 0;
 const base_1 = require("../base");
 class CanvasComponet extends base_1.Base {
-    constructor({ tintColor, startAngle, }) {
+    constructor({ tintColor, startAngle }) {
         super();
         this._tintColor = tintColor;
         this.startAngle = startAngle;
@@ -49,12 +49,7 @@ class Wedges extends base_1.Base {
      * @param colors 饼图颜色（必须是4个颜色）
      * @param layout 布局
      */
-    constructor({ colors = [
-        $color("#f5542e"),
-        $color("#f2c327"),
-        $color("#008b6e"),
-        $color("#00aede"),
-    ], layout, }) {
+    constructor({ colors = [$color("#f5542e"), $color("#f2c327"), $color("#008b6e"), $color("#00aede")], layout, }) {
         super();
         const interval = 1 / 60;
         this._defineView = () => {
@@ -79,12 +74,7 @@ class Wedges extends base_1.Base {
                 props: {
                     id: this.id,
                 },
-                views: [
-                    canvas1.definition,
-                    canvas2.definition,
-                    canvas3.definition,
-                    canvas4.definition,
-                ],
+                views: [canvas1.definition, canvas2.definition, canvas3.definition, canvas4.definition],
                 layout,
                 events: {
                     ready: (sender) => __awaiter(this, void 0, void 0, function* () {

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

@@ -15,13 +15,7 @@ exports.selectableTypes = [
     "symbol-action",
     "action",
 ];
-exports.excludedTypes = [
-    "info",
-    "interactive-info",
-    "link",
-    "symbol-action",
-    "action",
-];
+exports.excludedTypes = ["info", "interactive-info", "link", "symbol-action", "action"];
 class Cell extends base_1.Base {
     constructor({ key, title, value, titleColor = $color("primaryText"), changedEvent, }, values) {
         super();
@@ -297,7 +291,7 @@ class SliderCell extends Cell {
     constructor(props, values) {
         super(props, values);
         this._type = "slider";
-        const { decimal = 1, min = 0, max = 1, minColor = $color("systemLink"), maxColor, thumbColor, } = props;
+        const { decimal = 1, min = 0, max = 1, minColor = $color("systemLink"), maxColor, thumbColor } = props;
         this._decimal = decimal;
         this._min = min;
         this._max = max;

package/dist/components/tabbar.js

@@ -64,9 +64,7 @@ class ImageLabelCell extends base_1.Base {
     }
     set selected(selected) {
         this._props.selected = selected;
-        const color = selected
-            ? this._props.selectedSegmentTintColor
-            : this._props.defaultSegmentTintColor;
+        const color = selected ? this._props.selectedSegmentTintColor : this._props.defaultSegmentTintColor;
         this.view.get("image").tintColor = color;
         const label = this.view.get("label");
         label.textColor = color;
@@ -130,9 +128,7 @@ class ImageCell extends base_1.Base {
     }
     set selected(selected) {
         this._props.selected = selected;
-        const color = selected
-            ? this._props.selectedSegmentTintColor
-            : this._props.defaultSegmentTintColor;
+        const color = selected ? this._props.selectedSegmentTintColor : this._props.defaultSegmentTintColor;
         this.view.get("image").tintColor = color;
     }
     get selected() {
@@ -212,9 +208,7 @@ class TabBar extends base_1.Base {
                     },
                     layout: (make, view) => {
                         make.left.right.bottom.inset(0);
-                        make.top
-                            .equalTo(view.super.safeAreaBottom)
-                            .inset(-this._props.height);
+                        make.top.equalTo(view.super.safeAreaBottom).inset(-this._props.height);
                     },
                     views: [line, stack],
                     events: {
@@ -240,9 +234,7 @@ class TabBar extends base_1.Base {
                     },
                     layout: (make, view) => {
                         make.left.right.bottom.inset(0);
-                        make.top
-                            .equalTo(view.super.safeAreaBottom)
-                            .inset(-this._props.height);
+                        make.top.equalTo(view.super.safeAreaBottom).inset(-this._props.height);
                     },
                     views: [line, stack],
                     events: {

package/dist/controller/base-controller.js

@@ -125,8 +125,7 @@ class BaseController {
     }
     appear() {
         // 只有status为loaded或者disappeared，才可以运行
-        if (this._status !== controllerStatus.loaded &&
-            this._status !== controllerStatus.disappeared)
+        if (this._status !== controllerStatus.loaded && this._status !== controllerStatus.disappeared)
             return;
         if (this._events.didAppear)
             this._events.didAppear(this);
@@ -134,8 +133,7 @@ class BaseController {
     }
     disappear() {
         // 只有status为loaded或者appeared，才可以运行
-        if (this._status !== controllerStatus.loaded &&
-            this._status !== controllerStatus.appeared)
+        if (this._status !== controllerStatus.loaded && this._status !== controllerStatus.appeared)
             return;
         if (this._events.didDisappear)
             this._events.didDisappear(this);

package/dist/controller/splitview-controller.js

@@ -101,9 +101,7 @@ class MaskView extends base_1.Base {
             .$alloc()
             .$initWithTarget_action(object, "swipeEvent");
         swipeGestureRecognizer.$setDirection(1 << 1); // 从右向左划动
-        const tapGestureRecognizer = $objc("UITapGestureRecognizer")
-            .$alloc()
-            .$initWithTarget_action(object, "tapEvent");
+        const tapGestureRecognizer = $objc("UITapGestureRecognizer").$alloc().$initWithTarget_action(object, "tapEvent");
         view.ocValue().$addGestureRecognizer(tapGestureRecognizer);
         view.ocValue().$addGestureRecognizer(swipeGestureRecognizer);
     }
@@ -188,10 +186,7 @@ class SplitViewController extends base_controller_1.BaseController {
                 make.left.equalTo(view.prev.right);
                 make.width.equalTo(view.super);
             },
-            views: [
-                props.items[0].controller.rootView.definition,
-                this.cviews.maskView.definition,
-            ],
+            views: [props.items[0].controller.rootView.definition, this.cviews.maskView.definition],
         });
         this._screenEdgePanGestureObject = this._defineGestureObject(() => {
             if (!this.sideBarShown && this._canShowSidebar)
@@ -235,18 +230,13 @@ class SplitViewController extends base_controller_1.BaseController {
         return object;
     }
     _renewScreenEdgePanGesture() {
-        const UIScreenEdgePanGestureRecognizer = $ui.controller.view
-            .ocValue()
-            .$gestureRecognizers()
-            .$firstObject();
+        const UIScreenEdgePanGestureRecognizer = $ui.controller.view.ocValue().$gestureRecognizers().$firstObject();
         UIScreenEdgePanGestureRecognizer.invoke("removeTarget:action:", null, null);
         const NewUIScreenEdgePanGestureRecognizer = $objc("UIScreenEdgePanGestureRecognizer")
             .$alloc()
             .$initWithTarget_action(this._screenEdgePanGestureObject, "screenEdgePanEvent");
         NewUIScreenEdgePanGestureRecognizer.$setEdges(1 << 1);
-        this.rootView.view
-            .ocValue()
-            .$addGestureRecognizer(NewUIScreenEdgePanGestureRecognizer);
+        this.rootView.view.ocValue().$addGestureRecognizer(NewUIScreenEdgePanGestureRecognizer);
     }
     _showSideBar() {
         this.cviews.secondaryView.show();

package/dist/controller/tabbar-controller.js

@@ -51,8 +51,7 @@ class TabBarController extends base_controller_1.BaseController {
                 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();
+                    (_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);
                 },
@@ -90,8 +89,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();
+        (_a = this._props.items.find((item) => item.controller.status === 2)) === null || _a === void 0 ? void 0 : _a.controller.disappear();
         this._props.items[num].controller.appear();
     }
     get index() {

package/dist/test/dialog-sheet.js

@@ -0,0 +1,49 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const dialog_sheet_1 = require("../components/dialogs/dialog-sheet");
+const single_views_1 = require("../components/single-views");
+const cview = new single_views_1.ContentView({
+    props: {
+        bgcolor: $color("lightGray"),
+    },
+    layout: $layout.fill,
+});
+$ui.render({
+    views: [
+        {
+            type: "button",
+            props: {
+                title: "Show Dialog Sheet",
+            },
+            layout: $layout.center,
+            events: {
+                tapped: () => __awaiter(void 0, void 0, void 0, function* () {
+                    const sheet = new dialog_sheet_1.DialogSheet({
+                        title: "Dialog Sheet",
+                        cview,
+                        doneHandler: () => {
+                            $ui.alert("Done");
+                        },
+                        presentMode: 1,
+                        bgcolor: $color("white"),
+                        doneButtonHidden: false,
+                        doneButtonValidator: () => {
+                            return true;
+                        },
+                        doneButtonTitle: "完成",
+                    });
+                    yield sheet.present();
+                }),
+            },
+        },
+    ],
+});

package/dist/test/dynamic-itemsize-matrix.js

@@ -57,8 +57,7 @@ const matrix = new dynamic_itemsize_matrix_1.DynamicItemSizeMatrix({
             matrix.columns;
             console.log(sender.contentOffset.y);
             console.log(Math.ceil(sender.contentOffset.y / (matrix.itemSize.height + 5)));
-            console.log(Math.ceil(sender.contentOffset.y / (matrix.itemSize.height + 5)) *
-                matrix.columns);
+            console.log(Math.ceil(sender.contentOffset.y / (matrix.itemSize.height + 5)) * matrix.columns);
         },
     },
 });

package/dist/test/flowlayout.js

@@ -19,11 +19,7 @@ class FlowlayoutItem extends single_views_1.Label {
 }
 const flowlayout = new flowlayout_1.Flowlayout({
     props: {
-        items: [
-            new FlowlayoutItem("Hello"),
-            new FlowlayoutItem("World"),
-            new FlowlayoutItem("Flowlayout"),
-        ],
+        items: [new FlowlayoutItem("Hello"), new FlowlayoutItem("World"), new FlowlayoutItem("Flowlayout")],
         spacing: 10,
         itemHeight: 30,
         fixedRows: 2,

package/dist/utils/path.js

@@ -34,10 +34,7 @@ function split(path) {
         return [protocol + "/", remainingPath.slice(1)];
     }
     else {
-        return [
-            protocol + remainingPath.slice(0, lastIndex),
-            remainingPath.slice(lastIndex + 1),
-        ];
+        return [protocol + remainingPath.slice(0, lastIndex), remainingPath.slice(lastIndex + 1)];
     }
 }
 exports.split = split;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsbox-cview",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "为 JSBox 设计的微型框架",
   "repository": {
     "type": "git",
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@types/node": "^20.11.17",
     "browserify": "^17.0.1",
-    "jsbox-types": "^2.0.0",
+    "jsbox-types": "^2.0.3",
     "prettier": "^3.8.1"
   }
 }

package/test/dialog-sheet.ts

@@ -0,0 +1,40 @@
+import { DialogSheet } from "../components/dialogs/dialog-sheet";
+import { ContentView } from "../components/single-views";
+
+const cview = new ContentView({
+  props: {
+    bgcolor: $color("lightGray"),
+  },
+  layout: $layout.fill,
+});
+
+$ui.render({
+  views: [
+    {
+      type: "button",
+      props: {
+        title: "Show Dialog Sheet",
+      },
+      layout: $layout.center,
+      events: {
+        tapped: async () => {
+          const sheet = new DialogSheet({
+            title: "Dialog Sheet",
+            cview,
+            doneHandler: () => {
+              $ui.alert("Done");
+            },
+            presentMode: 1,
+            bgcolor: $color("white"),
+            doneButtonHidden: false,
+            doneButtonValidator: () => {
+              return true;
+            },
+            doneButtonTitle: "完成",
+          });
+          await sheet.present();
+        },
+      },
+    },
+  ],
+});