jsbox-cview 1.5.21 → 1.5.23

package/dist/test/searchbar.js

@@ -3,34 +3,34 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const searchbar_1 = require("../components/searchbar");
 const s0 = new searchbar_1.SearchBar({
     props: {
-        style: 0
+        style: 0,
     },
     layout: (make, view) => {
         make.centerX.equalTo(view.super);
         make.size.equalTo($size(300, 44));
         make.top.equalTo(view.super).inset(50);
-    }
+    },
 });
 const s1 = new searchbar_1.SearchBar({
     props: {
-        style: 1
+        style: 1,
     },
     layout: (make, view) => {
         make.centerX.equalTo(view.super);
         make.size.equalTo($size(300, 44));
         make.top.equalTo(view.super).inset(125);
-    }
+    },
 });
 const s2 = new searchbar_1.SearchBar({
     props: {
-        style: 2
+        style: 2,
     },
     layout: (make, view) => {
         make.centerX.equalTo(view.super);
         make.size.equalTo($size(300, 44));
         make.top.equalTo(view.super).inset(200);
-    }
+    },
 });
 $ui.render({
-    views: [s0.definition, s1.definition, s2.definition]
+    views: [s0.definition, s1.definition, s2.definition],
 });

package/dist/test/splitview-controller.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const splitview_controller_1 = require("../controller/splitview-controller");
 const base_controller_1 = require("../controller/base-controller");
-const items = [{
+const items = [
+    {
         controller: new base_controller_1.BaseController({
             props: { bgcolor: $color("red") },
             events: {
@@ -11,11 +12,12 @@ const items = [{
                 },
                 didDisappear: () => {
                     console.log("Page 1 did disappear");
-                }
-            }
+                },
+            },
         }),
-        bgcolor: $color("red")
-    }, {
+        bgcolor: $color("red"),
+    },
+    {
         controller: new base_controller_1.BaseController({
             props: { bgcolor: $color("yellow") },
             events: {
@@ -24,15 +26,16 @@ const items = [{
                 },
                 didDisappear: () => {
                     console.log("Page 2 did disappear");
-                }
-            }
+                },
+            },
         }),
-        bgcolor: $color("green")
-    }];
+        bgcolor: $color("green"),
+    },
+];
 const pageViewerController = new splitview_controller_1.SplitViewController({
     props: {
-        items
+        items,
     },
-    events: {}
+    events: {},
 });
 pageViewerController.uirender();

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

@@ -9,19 +9,19 @@ const sections = [
                 type: "string",
                 title: "string",
                 key: "string",
-                value: "测试一号测试二号测试三号测试四号测试五号测试六号"
+                value: "测试一号测试二号测试三号测试四号测试五号测试六号",
             },
             {
                 type: "number",
                 title: "number",
                 key: "number",
-                value: 1111.1
+                value: 1111.1,
             },
             {
                 type: "integer",
                 title: "integer",
                 key: "integer",
-                value: 1111
+                value: 1111,
             },
             {
                 type: "stepper",
@@ -29,9 +29,9 @@ const sections = [
                 key: "stepper",
                 value: 2,
                 min: 2,
-                max: 5
-            }
-        ]
+                max: 5,
+            },
+        ],
     },
     {
         title: "Section 2",
@@ -40,7 +40,7 @@ const sections = [
                 type: "boolean",
                 title: "boolean",
                 key: "boolean",
-                value: true
+                value: true,
             },
             {
                 type: "slider",
@@ -49,30 +49,30 @@ const sections = [
                 value: 1,
                 decimal: 0,
                 min: 0,
-                max: 100
+                max: 100,
             },
             {
                 type: "list",
                 title: "list",
                 key: "list",
                 items: ["测试一号", "测试bbb"],
-                value: 0
+                value: 0,
             },
             {
                 type: "tab",
                 title: "tab",
                 key: "tab",
                 items: ["测试aaa", "测试bbb"],
-                value: 0
+                value: 0,
             },
             {
                 type: "date",
                 title: "date",
                 key: "date",
                 //value: new Date()
-                mode: 1
-            }
-        ]
+                mode: 1,
+            },
+        ],
     },
     {
         title: "Section 3",
@@ -80,19 +80,19 @@ const sections = [
             {
                 type: "info",
                 title: "info",
-                value: "this is info"
+                value: "this is info",
             },
             {
                 type: "link",
                 title: "link",
-                value: "https://apple.com"
+                value: "https://apple.com",
             },
             {
                 type: "action",
                 title: "action",
-                value: () => console.info(0)
-            }
-        ]
+                value: () => console.info(0),
+            },
+        ],
     },
     {
         title: "Section 4",
@@ -101,25 +101,25 @@ const sections = [
                 type: "interactive-info",
                 title: "interactive-info",
                 key: "interactive-info",
-                value: "测试一号测试二号测试三号测试四号测试五号测试六号"
+                value: "测试一号测试二号测试三号测试四号测试五号测试六号",
             },
             {
                 type: "interactive-info",
                 title: "interactive-info2",
                 key: "interactive-info2",
                 value: "测试一号测试二号测试三号测试四号测试五号测试六号",
-                copyable: true
-            }
-        ]
-    }
+                copyable: true,
+            },
+        ],
+    },
 ];
 const v = new static_preference_listview_1.PreferenceListView({
     props: { data: [] },
     sections: sections,
     layout: $layout.fill,
     events: {
-        changed: (values) => console.info(values)
-    }
+        changed: (values) => console.info(values),
+    },
 });
 $ui.render({
     props: {
@@ -127,10 +127,9 @@ $ui.render({
         navButtons: [
             {
                 symbol: "plus",
-                handler: () => {
-                }
-            }
-        ]
+                handler: () => { },
+            },
+        ],
     },
-    views: [v.definition]
+    views: [v.definition],
 });

package/dist/test/tabbar-controller.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tabbar_controller_1 = require("../controller/tabbar-controller");
 const base_controller_1 = require("../controller/base-controller");
-const items = [{
+const items = [
+    {
         controller: new base_controller_1.BaseController({
             props: { bgcolor: $color("red") },
             events: {
@@ -11,11 +12,12 @@ const items = [{
                 },
                 didDisappear: () => {
                     console.log("Page 1 did disappear");
-                }
-            }
+                },
+            },
         }),
-        title: "Page 1"
-    }, {
+        title: "Page 1",
+    },
+    {
         controller: new base_controller_1.BaseController({
             props: { bgcolor: $color("yellow") },
             events: {
@@ -24,14 +26,15 @@ const items = [{
                 },
                 didDisappear: () => {
                     console.log("Page 2 did disappear");
-                }
-            }
+                },
+            },
         }),
-        title: "Page 2"
-    }];
+        title: "Page 2",
+    },
+];
 const pageViewerController = new tabbar_controller_1.TabBarController({
     props: {
-        items
+        items,
     },
     events: {
         changed: (sender, index) => {
@@ -39,7 +42,7 @@ const pageViewerController = new tabbar_controller_1.TabBarController({
         },
         doubleTapped: (sender, index) => {
             console.log(`Double tapped on index ${index}`);
-        }
-    }
+        },
+    },
 });
 pageViewerController.uirender({});

package/dist/utils/colors.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.sectionHeaderColor = exports.gold = exports.searchBarBgcolor = exports.searchBarSymbolColor = exports.footBarDefaultSegmentColor = exports.sheetNavBarColor = void 0;
 exports.sheetNavBarColor = $color("tint", $color("tertiarySurface"));
 exports.footBarDefaultSegmentColor = $color("#b7bec6", "#6e6e6e");
-//fixedSecondarySurface: $color("#f2f2f7", $color("secondarySurface")), // 让 secondarySurface 在light mode下可以和纯白区分
 exports.searchBarSymbolColor = $color("#777", "#aaa");
 exports.searchBarBgcolor = $color("backgroundColor", "secondarySurface");
 exports.gold = $color("#ffd700");
 exports.sectionHeaderColor = $color({
     light: "#666666",
     dark: "#acacac",
-    black: "#ababab"
+    black: "#ababab",
 });

package/dist/utils/l10n.js

@@ -5,35 +5,35 @@ exports.l10n = void 0;
 const language = $device.info.language;
 const strings = {
     "zh-Hans": {
-        "DUPLICATE_VALUES": "取值重复",
-        "DONE": "完成",
-        "ADD": "添加",
-        "SEARCH": "搜索",
-        "PREVIOUS": "上一步",
-        "NEXT": "下一步",
-        "REMOVE": "移除",
-        "EDIT": "编辑",
-        "FINISHED": "完成",
-        "INVALID_VALUES": "取值不合法",
-        "CANCEL": "取消",
-        "CLIPBOARD": "剪贴板",
-        "OK": "好的"
+        DUPLICATE_VALUES: "取值重复",
+        DONE: "完成",
+        ADD: "添加",
+        SEARCH: "搜索",
+        PREVIOUS: "上一步",
+        NEXT: "下一步",
+        REMOVE: "移除",
+        EDIT: "编辑",
+        FINISHED: "完成",
+        INVALID_VALUES: "取值不合法",
+        CANCEL: "取消",
+        CLIPBOARD: "剪贴板",
+        OK: "好的",
+    },
+    en: {
+        DUPLICATE_VALUES: "Duplicate values",
+        DONE: "Done",
+        ADD: "Add",
+        SEARCH: "Search",
+        PREVIOUS: "Previous",
+        NEXT: "Next",
+        REMOVE: "Remove",
+        EDIT: "Edit",
+        FINISHED: "Finished",
+        INVALID_VALUES: "Invalid values",
+        CANCEL: "Cancel",
+        CLIPBOARD: "Clipboard",
+        OK: "OK",
     },
-    "en": {
-        "DUPLICATE_VALUES": "Duplicate values",
-        "DONE": "Done",
-        "ADD": "Add",
-        "SEARCH": "Search",
-        "PREVIOUS": "Previous",
-        "NEXT": "Next",
-        "REMOVE": "Remove",
-        "EDIT": "Edit",
-        "FINISHED": "Finished",
-        "INVALID_VALUES": "Invalid values",
-        "CANCEL": "Cancel",
-        "CLIPBOARD": "Clipboard",
-        "OK": "OK"
-    }
 };
 function l10n(key) {
     if (!strings[language])

package/dist/utils/path.js

@@ -36,7 +36,7 @@ function split(path) {
     else {
         return [
             protocol + remainingPath.slice(0, lastIndex),
-            remainingPath.slice(lastIndex + 1)
+            remainingPath.slice(lastIndex + 1),
         ];
     }
 }
@@ -73,7 +73,7 @@ function join(...args) {
             return part.trim().replace(/(^[/]*|[/]*$)/g, "");
         }
     })
-        .filter(x => x.length)
+        .filter((x) => x.length)
         .join("/");
 }
 exports.join = join;

package/dist/utils/rect.js

@@ -2,7 +2,11 @@
 // 用于处理矩形的工具函数
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.inset = exports.translate = exports.union = exports.intersection = exports.intersects = exports.containsRect = exports.containsPoint = exports.center = void 0;
-// When called without arguments, return the center of the rectangle. When a Point is passed as an argument, the rectangle’s x and y values are adjusted, so that the new center of the rectangle is p.
+/**
+ * When called without arguments, return the center of the rectangle.
+ * When a Point is passed as an argument, the rectangle’s x and y values
+ * are adjusted, so that the new center of the rectangle is p.
+ */
 function center(rect, point) {
     const { x = 0, y = 0, width: w, height: h } = rect;
     if (!point)
@@ -13,28 +17,40 @@ function center(rect, point) {
     return point;
 }
 exports.center = center;
-// Return true if the given point lies within the bounds of the rectangle, false otherwise.
+/**
+ * Return true if the given point lies within the bounds of the rectangle,
+ * false otherwise.
+ */
 function containsPoint(rect, point) {
     const { x, y, width: w, height: h } = rect;
     const { x: px, y: py } = point;
     return x <= px && px <= x + w && y <= py && py <= y + h;
 }
 exports.containsPoint = containsPoint;
-// Return true if the given rectangle lies entirely within the bounds of this rectangle, false otherwise.
+/**
+ * Return true if the given rectangle lies entirely within the bounds of
+ * this rectangle, false otherwise.
+ */
 function containsRect(rect, otherRect) {
     const { x, y, width: w, height: h } = rect;
     const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
     return x <= x1 && y <= y1 && x1 + w1 <= x + w && y1 + h1 <= y + h;
 }
 exports.containsRect = containsRect;
-// Return true if this rectangle intersects with the other rectangle, false otherwise.
+/**
+ * Return true if this rectangle intersects with the other rectangle,
+ * false otherwise.
+ */
 function intersects(rect, otherRect) {
     const { x, y, width: w, height: h } = rect;
     const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
     return x < x1 + w1 && x1 < x + w && y < y1 + h1 && y1 < y + h;
 }
 exports.intersects = intersects;
-// Return a $rect that corresponds to the intersection of this rectangle with the other one.
+/**
+ * Return a $rect that corresponds to the intersection of this rectangle with
+ * the other one.
+ */
 function intersection(rect, otherRect) {
     const { x, y, width: w, height: h } = rect;
     const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
@@ -45,7 +61,9 @@ function intersection(rect, otherRect) {
     return $rect(nx, ny, nw, nh);
 }
 exports.intersection = intersection;
-// Return the smallest $rect that encloses both rectangles.
+/**
+ * Return the smallest $rect that encloses both rectangles.
+ */
 function union(rect, otherRect) {
     const { x, y, width: w, height: h } = rect;
     const { x: x1, y: y1, width: w1, height: h1 } = otherRect;
@@ -56,14 +74,18 @@ function union(rect, otherRect) {
     return $rect(nx, ny, nw, nh);
 }
 exports.union = union;
-// Equivalent to $rect(r.x + x, r.y + y, r.w, r.h)
+/**
+ * Equivalent to $rect(r.x + x, r.y + y, r.w, r.h)
+ */
 function translate(rect, point) {
     const { x, y, width, height } = rect;
     const { x: x1, y: y1 } = point;
     return $rect(x + x1, y + y1, width, height);
 }
 exports.translate = translate;
-// Return a $rect that is adjusted by the given edge insets.
+/**
+ * Return a $rect that is adjusted by the given edge insets.
+ */
 function inset(rect, insets) {
     const { x, y, width, height } = rect;
     const { top, left, bottom, right } = insets;

package/dist/utils/uitools.js

@@ -2,36 +2,44 @@
 // 用于UI相关的工具函数
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setLayer = exports.layerCommonOptions = exports.absoluteFrame = exports.getTextHeight = exports.getTextWidth = exports.getWindowSize = void 0;
-// 立即获得window size
+/**
+ * 立即获得window size
+ */
 function getWindowSize() {
     const window = $objc("UIWindow").$keyWindow().jsValue();
     return window.size;
 }
 exports.getWindowSize = getWindowSize;
-// 获取单行字符串应有的宽度
-// 默认额外添加3 inset
+/**
+ * 获取单行字符串应有的宽度
+ * 默认额外添加3 inset
+ */
 function getTextWidth(text, { font = $font(17), inset = 3 } = {}) {
     return (Math.ceil($text.sizeThatFits({
         text,
         width: 10000,
         font,
-        lineSpacing: 0
+        lineSpacing: 0,
     }).width) + inset);
 }
 exports.getTextWidth = getTextWidth;
-// 获取字符串指定宽度后应有的高度
-// 默认额外添加3 inset
-function getTextHeight(text, { width = 300, font = $font(17), inset = 3 } = {}) {
+/**
+ * 获取字符串指定宽度后应有的高度
+ * 默认额外添加3 inset
+ */
+function getTextHeight(text, { width = 300, font = $font(17), inset = 3, lineSpacing = 0 } = {}) {
     return (Math.ceil($text.sizeThatFits({
         text,
         width,
         font,
-        lineSpacing: 0
+        lineSpacing,
     }).height) + inset);
 }
 exports.getTextHeight = getTextHeight;
-// 计算某个view在某个上级view（若不指定则为UIWindow）上的绝对frame
-// 此方法不考虑旋转变形等特殊情况
+/**
+ * 计算某个view在某个上级view（若不指定则为UIWindow）上的绝对frame
+ * 此方法不考虑旋转变形等特殊情况
+ */
 function absoluteFrame(view, endView) {
     const frame = view.frame;
     let superView = view.super;
@@ -51,40 +59,42 @@ exports.layerCommonOptions = {
         shadowRadius: 0,
         shadowOpacity: 0,
         shadowOffset: $size(0, 0),
-        shadowColor: $color("clear")
+        shadowColor: $color("clear"),
     },
     roundedShadow: {
         cornerRadius: 12,
         shadowRadius: 10,
         shadowOpacity: 1,
         shadowOffset: $size(0, 0),
-        shadowColor: $color("black")
+        shadowColor: $color("black"),
     },
     textShadow: {
         cornerRadius: 0,
         shadowRadius: 1.2,
         shadowOpacity: 1,
         shadowOffset: $size(0, 1),
-        shadowColor: $color("black")
+        shadowColor: $color("black"),
     },
     circleViewShadow: {
         cornerRadius: 25,
         shadowRadius: 3,
         shadowOpacity: 0.6,
         shadowOffset: $size(0, 3),
-        shadowColor: $color("black")
+        shadowColor: $color("black"),
     },
     toastShadows: {
         cornerRadius: 15,
         shadowRadius: 8,
         shadowOpacity: 0.35,
         shadowOffset: $size(0, 0),
-        shadowColor: $color("black")
-    }
+        shadowColor: $color("black"),
+    },
 };
-// 在layout中使用
-// 所应用的view不可以指定radius和clipTobounds，否则无效
-function setLayer(view, { cornerRadius = 0, shadowRadius = 0, shadowOpacity = 0, shadowOffset = $size(0, 0), shadowColor = $color("clear") } = {}) {
+/**
+ * 在layout中使用
+ * 所应用的view不可以指定radius和clipTobounds，否则无效
+ */
+function setLayer(view, { cornerRadius = 0, shadowRadius = 0, shadowOpacity = 0, shadowOffset = $size(0, 0), shadowColor = $color("clear"), } = {}) {
     const layer = view.ocValue().invoke("layer");
     layer.invoke("setCornerRadius", cornerRadius);
     layer.invoke("setShadowRadius", shadowRadius);