jsbox-cview 1.6.6 → 1.6.8

package/test/dynamic-preference-listview.ts

@@ -1,151 +0,0 @@
-import { DynamicPreferenceListView } from "../components/dynamic-preference-listview";
-import { PreferenceSection } from "../components/static-preference-listview";
-
-const sections: PreferenceSection[] = [
-  {
-    title: "Section 1",
-    rows: [
-      {
-        type: "string",
-        title: "string",
-        key: "string",
-        value: "测试一号测试二号测试三号测试四号测试五号测试六号",
-      },
-      {
-        type: "number",
-        title: "number",
-        key: "number",
-        value: 1111.1,
-      },
-      {
-        type: "integer",
-        title: "integer",
-        key: "integer",
-        value: 1111,
-      },
-      {
-        type: "stepper",
-        title: "stepper",
-        key: "stepper",
-        value: 2,
-        min: 2,
-        max: 5,
-      },
-    ],
-  },
-  {
-    title: "Section 2",
-    rows: [
-      {
-        type: "boolean",
-        title: "boolean",
-        key: "boolean",
-        value: true,
-      },
-      {
-        type: "slider",
-        title: "slider",
-        key: "slider",
-        value: 1,
-        decimal: 0,
-        min: 0,
-        max: 2,
-      },
-      {
-        type: "list",
-        title: "list",
-        key: "list",
-        items: ["测试一号", "测试bbb"],
-        value: 0,
-      },
-      {
-        type: "tab",
-        title: "tab",
-        key: "tab",
-        items: ["测试aaa", "测试bbb"],
-        value: 0,
-      },
-      {
-        type: "date",
-        title: "date",
-        key: "date",
-        mode: 1,
-      },
-    ],
-  },
-  {
-    title: "Section 3",
-    rows: [
-      {
-        type: "info",
-        title: "info",
-        value: "this is info",
-      },
-      {
-        type: "link",
-        title: "link",
-        value: "https://apple.com",
-      },
-      {
-        type: "symbol-action",
-        title: "种类1",
-        symbol: "checkmark",
-        tintColor: $color("systemLink"),
-        titleColor: $color("systemLink"),
-        value: () => console.info(0),
-      },
-      {
-        type: "action",
-        title: "action",
-        value: () => console.info(0),
-      },
-    ],
-  },
-];
-const v = new DynamicPreferenceListView({
-  props: {
-    data: [],
-    //symbolSizeForSymbolAction: $size(40, 40)
-  },
-  sections: sections,
-  layout: $layout.fill,
-  events: {
-    changed: (values: any) => {
-      console.info(values);
-      console.info(values.date);
-    },
-  },
-});
-
-$ui.render({
-  props: {
-    title: "",
-    navButtons: [
-      {
-        symbol: "plus",
-        handler: () => {
-          sections.push({
-            title: "Section " + (sections.length + 1),
-            rows: [
-              {
-                type: "interactive-info",
-                title: "interactive-info",
-                key: "interactive-info",
-                value: "测试一号测试二号测试三号测试四号测试五号测试六号",
-              },
-              {
-                type: "interactive-info",
-                title: "interactive-info2",
-                key: "interactive-info2",
-                value: "测试一号测试二号测试三号测试四号测试五号测试六号",
-                copyable: true,
-              },
-            ],
-          });
-          v.sections = sections;
-        },
-      },
-    ],
-  },
-  views: [v.definition],
-});

package/test/flowlayout.ts

@@ -1,79 +0,0 @@
-import { Flowlayout } from "../components/flowlayout";
-import { Label } from "../components/single-views";
-
-class FlowlayoutItem extends Label {
-  private _text: string;
-  constructor(text: string) {
-    super({
-      props: {
-        text: text,
-        borderWidth: 1,
-      },
-      layout: $layout.fill,
-    });
-    this._text = text;
-  }
-
-  itemWidth() {
-    return this._text.length * 10;
-  }
-}
-
-const flowlayout = new Flowlayout({
-  props: {
-    items: [new FlowlayoutItem("Hello"), new FlowlayoutItem("World"), new FlowlayoutItem("Flowlayout")],
-    spacing: 10,
-    itemHeight: 30,
-    fixedRows: 2,
-    fixedHeight: true,
-    menu: {
-      items: [
-        {
-          symbol: "plus",
-          handler: (sender) => console.log("here"),
-        },
-      ],
-    },
-  },
-  layout: (make, view) => {
-    make.left.right.inset(10);
-    make.top.inset(100);
-    make.height.equalTo(70);
-  },
-  events: {
-    didSelect: (sender, index, item) => {
-      $ui.alert(item.view.text);
-    },
-  },
-});
-
-$ui.render({
-  props: {
-    navButtons: [
-      {
-        symbol: "plus",
-        handler: () => {
-          flowlayout.items = [
-            new FlowlayoutItem("Hello"),
-            new FlowlayoutItem("World"),
-            new FlowlayoutItem("Flowlayout"),
-            new FlowlayoutItem("New Item"),
-            new FlowlayoutItem("Hello"),
-            new FlowlayoutItem("World"),
-            new FlowlayoutItem("FlowlayoutFlowlayoutFlowlayout"),
-            new FlowlayoutItem("New Item"),
-            new FlowlayoutItem("Hello"),
-            new FlowlayoutItem("World"),
-            new FlowlayoutItem("FlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayout"),
-            new FlowlayoutItem("New Item"),
-            new FlowlayoutItem("Hello"),
-            new FlowlayoutItem("World"),
-            new FlowlayoutItem("FlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayoutFlowlayout"),
-            new FlowlayoutItem("New Item"),
-          ];
-        },
-      },
-    ],
-  },
-  views: [flowlayout.definition],
-});

package/test/form-dialog.ts

@@ -1,48 +0,0 @@
-import { formDialog } from "../components/dialogs/form-dialog";
-
-$ui.render({
-  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),
-          });
-        },
-      },
-    },
-  ],
-});

package/test/oc-webview.ts

@@ -1,197 +0,0 @@
-import { OCWebView } from "../components/oc-webview";
-
-const initialURL = "https://www.example.com";
-
-const normalizeURL = (value: string) => {
-  const url = value.trim();
-  if (!url) return initialURL;
-  if (/^[a-z][a-z\d+\-.]*:\/\//i.test(url)) return url;
-  return `https://${url}`;
-};
-
-const currentURL = (sender: any) => {
-  const nsurl = sender.invoke("URL");
-  return nsurl ? nsurl.invoke("absoluteString").rawValue() : "";
-};
-
-const currentTitle = (sender: any) => {
-  const title = sender.invoke("title");
-  return title ? title.rawValue() : "";
-};
-
-const syncAddress = (sender: any) => {
-  const input = $("oc-webview-url") as UIInputView | undefined;
-  if (!input) return;
-  const url = currentURL(sender);
-  if (url) input.text = url;
-};
-
-const logState = (event: string, sender: any, error?: NSError | null) => {
-  const url = currentURL(sender);
-  const title = currentTitle(sender);
-  const message = error ? ` error=${error.localizedDescription}` : "";
-  console.log(`[${event}] url=${url} title=${title}${message}`);
-};
-
-const localStorageScript = `
-(() => {
-  const data = {};
-  for (let i = 0; i < localStorage.length; i++) {
-    const key = localStorage.key(i);
-    if (key !== null) data[key] = localStorage.getItem(key);
-  }
-  return JSON.stringify(data);
-})()
-`;
-
-const webView = new OCWebView({
-  props: {
-    url: initialURL,
-  },
-  layout: (make, view) => {
-    make.top.equalTo($("oc-webview-toolbar").bottom);
-    make.left.right.bottom.inset(0);
-  },
-  events: {
-    didStart: (sender) => {
-      syncAddress(sender);
-      logState("didStart", sender);
-    },
-    didFinish: async (sender) => {
-      syncAddress(sender);
-      logState("didFinish", sender);
-      try {
-        const localStorage = await webView.exec<string>(localStorageScript);
-        console.log(`[localStorage] ${localStorage || "{}"}`);
-      } catch (error: any) {
-        console.log(`[localStorage] error=${error?.localizedDescription || error}`);
-      }
-    },
-    didFail: (sender, error) => {
-      syncAddress(sender);
-      logState("didFail", sender, error);
-    },
-  },
-});
-
-const loadURL = (value: string) => {
-  const url = normalizeURL(value);
-  const input = $("oc-webview-url") as UIInputView | undefined;
-  if (input) input.text = url;
-  const nsurl = $objc("NSURL").invoke("URLWithString:", url);
-  const request = $objc("NSURLRequest").invoke("requestWithURL:", nsurl);
-  webView.webView.invoke("loadRequest:", request);
-};
-
-$ui.render({
-  views: [
-    {
-      type: "view",
-      props: {
-        id: "oc-webview-toolbar",
-      },
-      layout: (make, view) => {
-        make.top.equalTo(view.super.safeAreaTop);
-        make.left.right.inset(0);
-        make.height.equalTo(88);
-      },
-      views: [
-        {
-          type: "input",
-          props: {
-            id: "oc-webview-url",
-            text: initialURL,
-            type: $kbType.url,
-            bgcolor: $color("secondarySurface"),
-            radius: 8,
-            placeholder: "输入网址后回车",
-          },
-          layout: (make, view) => {
-            make.top.inset(12);
-            make.left.right.inset(12);
-            make.height.equalTo(36);
-          },
-          events: {
-            returned: (sender) => {
-              loadURL(sender.text);
-            },
-          },
-        },
-        {
-          type: "view",
-          props: {},
-          layout: (make, view) => {
-            make.top.equalTo(view.prev.bottom).offset(8);
-            make.left.right.bottom.inset(12);
-          },
-          views: [
-            {
-              type: "button",
-              props: {
-                title: "后退",
-              },
-              layout: (make, view) => {
-                make.left.top.bottom.inset(0);
-                make.width.equalTo(72);
-              },
-              events: {
-                tapped: () => {
-                  webView.goBack();
-                },
-              },
-            },
-            {
-              type: "button",
-              props: {
-                title: "前进",
-              },
-              layout: (make, view) => {
-                make.left.equalTo(view.prev.right).offset(8);
-                make.top.bottom.equalTo(view.prev);
-                make.width.equalTo(72);
-              },
-              events: {
-                tapped: () => {
-                  webView.goForward();
-                },
-              },
-            },
-            {
-              type: "button",
-              props: {
-                title: "刷新",
-              },
-              layout: (make, view) => {
-                make.left.equalTo(view.prev.right).offset(8);
-                make.top.bottom.equalTo(view.prev);
-                make.width.equalTo(72);
-              },
-              events: {
-                tapped: () => {
-                  webView.reload();
-                },
-              },
-            },
-            {
-              type: "button",
-              props: {
-                title: "分享",
-              },
-              layout: (make, view) => {
-                make.left.equalTo(view.prev.right).offset(8);
-                make.top.bottom.equalTo(view.prev);
-                make.width.equalTo(72);
-              },
-              events: {
-                tapped: () => {
-                  $share.sheet(currentURL(webView.webView) || initialURL);
-                },
-              },
-            },
-          ],
-        },
-      ],
-    },
-    webView.definition,
-  ],
-});

package/test/pageviewer-controller.ts

@@ -1,21 +0,0 @@
-import { PageViewerController } from "../controller/pageviewer-controller";
-import { BaseController } from "../controller/base-controller";
-
-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,
-  },
-});
-
-pageViewerController.uirender({});

package/test/pageviewer-titlebar.ts

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

package/test/pageviewer.ts

@@ -1,31 +0,0 @@
-import { PageViewer } from "../components/pageviewer";
-import { ContentView } from "../components/single-views";
-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,
-      }),
-    ],
-  },
-  layout: $layout.fill,
-  events: {
-    floatPageChanged: (cview, floatPage) => {
-      console.log(floatPage);
-    },
-  },
-});
-
-$ui.render({
-  views: [pageViewer.definition],
-});

package/test/refresh-button.ts

@@ -1,26 +0,0 @@
-import { RefreshButton } from "../components/refresh-button";
-
-const refreshButton = new RefreshButton({
-  props: {
-    tintColor: $color("primaryText"),
-    enabled: true,
-    hidden: false,
-  },
-  layout: (make, view) => {
-    make.width.equalTo(50);
-    make.height.equalTo(50);
-    make.top.inset(100);
-    make.centerX.equalTo(view.super);
-  },
-  events: {
-    tapped: async () => {
-      refreshButton.loading = true;
-      await $wait(2);
-      refreshButton.loading = false;
-    },
-  },
-});
-
-$ui.render({
-  views: [refreshButton.definition],
-});

package/test/searchbar.ts

@@ -1,38 +0,0 @@
-import { SearchBar } from "../components/searchbar";
-
-const s0 = new SearchBar({
-  props: {
-    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,
-  },
-  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,
-  },
-  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],
-});

package/test/splitview-controller.ts

@@ -1,42 +0,0 @@
-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");
-        },
-        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");
-        },
-        didDisappear: () => {
-          console.log("Page 2 did disappear");
-        },
-      },
-    }),
-    bgcolor: $color("green"),
-  },
-];
-
-const pageViewerController = new SplitViewController({
-  props: {
-    items,
-  },
-  events: {},
-});
-
-pageViewerController.uirender();