jsbox-cview 1.5.21 → 1.5.23

package/test/form-dialog.ts

@@ -1,47 +1,48 @@
 import { formDialog } from "../components/dialogs/form-dialog";
 
 $ui.render({
-  views: [{
-    type: "button",
-    props: {
-      title: "Show Form Dialog"
+  views: [
+    {
+      type: "button",
+      props: {
+        title: "Show Form Dialog",
+      },
+      layout: $layout.center,
+      events: {
+        tapped: async () => {
+          const values = await formDialog({
+            sections: [
+              {
+                title: "Section 1",
+                rows: [
+                  {
+                    type: "boolean",
+                    title: "Switch",
+                    key: "switch",
+                    value: true,
+                  },
+                  {
+                    type: "string",
+                    title: "String",
+                    key: "string",
+                    value: "Hello, World!",
+                  },
+                ],
+              },
+            ],
+            title: "Form Dialog",
+            checkHandler: (values) => {
+              console.log(values);
+              if (values.switch) return true;
+              else return false;
+            },
+          });
+          $ui.alert({
+            title: "Values",
+            message: JSON.stringify(values, null, 2),
+          });
+        },
+      },
     },
-    layout: $layout.center,
-    events: {
-      tapped: async () => {
-        const values = await formDialog({
-          sections: [
-            {
-              title: "Section 1",
-              rows: [
-                {
-                  type: "boolean",
-                  title: "Switch",
-                  key: "switch",
-                  value: true
-                },
-                {
-                  type: "string",
-                  title: "String",
-                  key: "string",
-                  value: "Hello, World!"
-                }
-              ]
-            }
-          ],
-          title: "Form Dialog",
-          checkHandler: values => {
-            console.log(values);
-            if (values.switch) return true;
-            else return false;
-          }
-        });
-        $ui.alert({
-          title: "Values",
-          message: JSON.stringify(values, null, 2)
-        });
-      }
-    }
-  }]
-})
-
+  ],
+});

package/test/pageviewer-controller.ts

@@ -1,19 +1,21 @@
 import { PageViewerController } from "../controller/pageviewer-controller";
 import { BaseController } from "../controller/base-controller";
-import { PageViewer } from "../components/pageviewer";
 
-const items = [{
-  controller: new BaseController({props: {bgcolor: $color("red")}}),
-  title: "Page 1"
-}, {
-  controller: new BaseController({props: {bgcolor: $color("yellow")}}),
-  title: "Page 2"
-}]
+const items = [
+  {
+    controller: new BaseController({ props: { bgcolor: $color("red") } }),
+    title: "Page 1",
+  },
+  {
+    controller: new BaseController({ props: { bgcolor: $color("yellow") } }),
+    title: "Page 2",
+  },
+];
 
 const pageViewerController = new PageViewerController({
   props: {
-    items
-  }
+    items,
+  },
 });
 
-pageViewerController.uirender({});
+pageViewerController.uirender({});

package/test/pageviewer-titlebar.ts

@@ -3,17 +3,16 @@ import { PageViewerTitleBar } from "../components/pageviewer-titlebar";
 const pageViewerTitleBar = new PageViewerTitleBar({
   props: {
     items: ["Page 1", "Page 2", "Page 3"],
-    index: 0
+    index: 0,
   },
   layout: (make, view) => {
     make.left.right.inset(0);
     make.top.equalTo(view.super.safeAreaTop);
     make.height.equalTo(44);
   },
-  events: {
-  }
+  events: {},
 });
 
 $ui.render({
-  views: [pageViewerTitleBar.definition]
-});
+  views: [pageViewerTitleBar.definition],
+});

package/test/pageviewer.ts

@@ -4,19 +4,28 @@ const pageViewer = new PageViewer({
   props: {
     page: 0,
     cviews: [
-      new ContentView({ props: { bgcolor: $color("red") }, layout: $layout.fill }),
-      new ContentView({ props: { bgcolor: $color("green") }, layout: $layout.fill }),
-      new ContentView({ props: { bgcolor: $color("blue") }, layout: $layout.fill })
-    ]
+      new ContentView({
+        props: { bgcolor: $color("red") },
+        layout: $layout.fill,
+      }),
+      new ContentView({
+        props: { bgcolor: $color("green") },
+        layout: $layout.fill,
+      }),
+      new ContentView({
+        props: { bgcolor: $color("blue") },
+        layout: $layout.fill,
+      }),
+    ],
   },
   layout: $layout.fill,
   events: {
     floatPageChanged: (cview, floatPage) => {
       console.log(floatPage);
-    }
-  }
+    },
+  },
 });
 
 $ui.render({
-  views: [pageViewer.definition]
-});
+  views: [pageViewer.definition],
+});

package/test/refresh-button.ts

@@ -4,7 +4,7 @@ const refreshButton = new RefreshButton({
   props: {
     tintColor: $color("primaryText"),
     enabled: true,
-    hidden: false
+    hidden: false,
   },
   layout: (make, view) => {
     make.width.equalTo(50);
@@ -17,10 +17,10 @@ const refreshButton = new RefreshButton({
       refreshButton.loading = true;
       await $wait(2);
       refreshButton.loading = false;
-    }
-  }
+    },
+  },
 });
 
 $ui.render({
-  views: [refreshButton.definition]
-});
+  views: [refreshButton.definition],
+});

package/test/searchbar.ts

@@ -2,37 +2,37 @@ import { SearchBar } from "../components/searchbar";
 
 const s0 = new 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({
   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({
   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/test/splitview-controller.ts

@@ -1,41 +1,42 @@
 import { SplitViewController } from "../controller/splitview-controller";
 import { BaseController } from "../controller/base-controller";
 
-const items = [{
-  controller: new BaseController({
-    props: { bgcolor: $color("red") },
-    events: {
-      didAppear: () => {
-        console.log("Page 1 did appear");
+const items = [
+  {
+    controller: new BaseController({
+      props: { bgcolor: $color("red") },
+      events: {
+        didAppear: () => {
+          console.log("Page 1 did appear");
+        },
+        didDisappear: () => {
+          console.log("Page 1 did disappear");
+        },
       },
-      didDisappear: () => {
-        console.log("Page 1 did disappear");
-      }
-    }
-  }),
-  bgcolor: $color("red")
-}, {
-  controller: new BaseController({ 
-    props: { bgcolor: $color("yellow") },
-    events: {
-      didAppear: () => {
-        console.log("Page 2 did appear");
+    }),
+    bgcolor: $color("red"),
+  },
+  {
+    controller: new BaseController({
+      props: { bgcolor: $color("yellow") },
+      events: {
+        didAppear: () => {
+          console.log("Page 2 did appear");
+        },
+        didDisappear: () => {
+          console.log("Page 2 did disappear");
+        },
       },
-      didDisappear: () => {
-        console.log("Page 2 did disappear");
-      }
-    }
-  }),
-  bgcolor: $color("green")
-}]
+    }),
+    bgcolor: $color("green"),
+  },
+];
 
 const pageViewerController = new SplitViewController({
   props: {
-    items
+    items,
   },
-  events: {
-
-  }
+  events: {},
 });
 
-pageViewerController.uirender();
+pageViewerController.uirender();

package/test/static-preference-listview.ts

@@ -1,4 +1,7 @@
-import { PreferenceListView, PreferenceSection } from "../components/static-preference-listview";
+import {
+  PreferenceListView,
+  PreferenceSection,
+} from "../components/static-preference-listview";
 const sections: PreferenceSection[] = [
   {
     title: "Section 1",
@@ -7,19 +10,19 @@ const sections: PreferenceSection[] = [
         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",
@@ -27,9 +30,9 @@ const sections: PreferenceSection[] = [
         key: "stepper",
         value: 2,
         min: 2,
-        max: 5
-      }
-    ]
+        max: 5,
+      },
+    ],
   },
   {
     title: "Section 2",
@@ -38,7 +41,7 @@ const sections: PreferenceSection[] = [
         type: "boolean",
         title: "boolean",
         key: "boolean",
-        value: true
+        value: true,
       },
       {
         type: "slider",
@@ -47,30 +50,30 @@ const sections: PreferenceSection[] = [
         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",
@@ -78,19 +81,19 @@ const sections: PreferenceSection[] = [
       {
         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",
@@ -99,25 +102,25 @@ const sections: PreferenceSection[] = [
         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 PreferenceListView({
-  props: {data: []},
+  props: { data: [] },
   sections: sections,
   layout: $layout.fill,
   events: {
-    changed: (values: any) => console.info(values)
-  }
+    changed: (values: any) => console.info(values),
+  },
 });
 
 $ui.render({
@@ -126,11 +129,9 @@ $ui.render({
     navButtons: [
       {
         symbol: "plus",
-        handler: () => {
-          
-        }
-      }
-    ]
+        handler: () => {},
+      },
+    ],
   },
-  views: [v.definition]
+  views: [v.definition],
 });

package/test/tabbar-controller.ts

@@ -1,37 +1,40 @@
 import { TabBarController } from "../controller/tabbar-controller";
 import { BaseController } from "../controller/base-controller";
 
-const items = [{
-  controller: new BaseController({
-    props: { bgcolor: $color("red") },
-    events: {
-      didAppear: () => {
-        console.log("Page 1 did appear");
+const items = [
+  {
+    controller: new BaseController({
+      props: { bgcolor: $color("red") },
+      events: {
+        didAppear: () => {
+          console.log("Page 1 did appear");
+        },
+        didDisappear: () => {
+          console.log("Page 1 did disappear");
+        },
       },
-      didDisappear: () => {
-        console.log("Page 1 did disappear");
-      }
-    }
-  }),
-  title: "Page 1"
-}, {
-  controller: new BaseController({ 
-    props: { bgcolor: $color("yellow") },
-    events: {
-      didAppear: () => {
-        console.log("Page 2 did appear");
+    }),
+    title: "Page 1",
+  },
+  {
+    controller: new BaseController({
+      props: { bgcolor: $color("yellow") },
+      events: {
+        didAppear: () => {
+          console.log("Page 2 did appear");
+        },
+        didDisappear: () => {
+          console.log("Page 2 did disappear");
+        },
       },
-      didDisappear: () => {
-        console.log("Page 2 did disappear");
-      }
-    }
-  }),
-  title: "Page 2"
-}]
+    }),
+    title: "Page 2",
+  },
+];
 
 const pageViewerController = new TabBarController({
   props: {
-    items
+    items,
   },
   events: {
     changed: (sender, index) => {
@@ -39,8 +42,8 @@ const pageViewerController = new TabBarController({
     },
     doubleTapped: (sender, index) => {
       console.log(`Double tapped on index ${index}`);
-    }
-  }
+    },
+  },
 });
 
-pageViewerController.uirender({});
+pageViewerController.uirender({});

package/utils/colors.ts

@@ -1,13 +1,12 @@
 // 自定义的语义化颜色
 
-export const sheetNavBarColor = $color("tint", $color("tertiarySurface"))
-export const footBarDefaultSegmentColor = $color("#b7bec6", "#6e6e6e")
-//fixedSecondarySurface: $color("#f2f2f7", $color("secondarySurface")), // 让 secondarySurface 在light mode下可以和纯白区分
-export const searchBarSymbolColor = $color("#777", "#aaa")
-export const searchBarBgcolor = $color("backgroundColor", "secondarySurface")
-export const gold = $color("#ffd700")
+export const sheetNavBarColor = $color("tint", $color("tertiarySurface"));
+export const footBarDefaultSegmentColor = $color("#b7bec6", "#6e6e6e");
+export const searchBarSymbolColor = $color("#777", "#aaa");
+export const searchBarBgcolor = $color("backgroundColor", "secondarySurface");
+export const gold = $color("#ffd700");
 export const sectionHeaderColor = $color({
   light: "#666666",
   dark: "#acacac",
-  black: "#ababab"
-})  
+  black: "#ababab",
+});

package/utils/cvid.ts

@@ -1,6 +1,5 @@
 // cvid 用于生成唯一的 id
 
-
 /**
  * 生成指定长度的随机字符串
  */
@@ -31,4 +30,4 @@ class CVID {
   }
 }
 
-export const cvid = new CVID({ prefix: makeid(8) + "_" })
+export const cvid = new CVID({ prefix: makeid(8) + "_" });

package/utils/l10n.ts

@@ -1,42 +1,42 @@
 // 用于自定义的国际化支持
 
-const language = $device.info.language
+const language = $device.info.language;
 
 const strings: Record<string, Record<string, string>> = {
   "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",
+  },
+};
 
 export function l10n(key: string) {
   if (!strings[language]) return key;
-  const value = strings[language][key]
-  return value || key
+  const value = strings[language][key];
+  return value || key;
 }