jsbox-cview 1.6.6 → 1.6.8

package/dist/test/refresh-button.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const refresh_button_1 = require("../components/refresh-button");
-const refreshButton = new refresh_button_1.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/dist/test/searchbar.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const searchbar_1 = require("../components/searchbar");
-const s0 = new searchbar_1.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_1.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_1.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/dist/test/splitview-controller.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const splitview_controller_1 = require("../controller/splitview-controller");
-const base_controller_1 = require("../controller/base-controller");
-const items = [
-    {
-        controller: new base_controller_1.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 base_controller_1.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 splitview_controller_1.SplitViewController({
-    props: {
-        items,
-    },
-    events: {},
-});
-pageViewerController.uirender();

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

@@ -1,143 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const static_preference_listview_1 = require("../components/static-preference-listview");
-const sections = [
-    {
-        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: 100,
-            },
-            {
-                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",
-                //value: new 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),
-            },
-        ],
-    },
-    {
-        title: "Section 4",
-        rows: [
-            {
-                type: "interactive-info",
-                title: "interactive-info",
-                key: "interactive-info",
-                value: "测试一号测试二号测试三号测试四号测试五号测试六号",
-            },
-            {
-                type: "interactive-info",
-                title: "interactive-info2",
-                key: "interactive-info2",
-                value: "测试一号测试二号测试三号测试四号测试五号测试六号",
-                copyable: true,
-            },
-        ],
-    },
-];
-const v = new static_preference_listview_1.PreferenceListView({
-    props: { data: [] },
-    sections: sections,
-    layout: $layout.fill,
-    events: {
-        changed: (values) => console.info(values),
-    },
-});
-$ui.render({
-    props: {
-        title: "",
-        navButtons: [
-            {
-                symbol: "plus",
-                handler: () => { },
-            },
-        ],
-    },
-    views: [v.definition],
-});

package/dist/test/tabbar-controller.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tabbar_controller_1 = require("../controller/tabbar-controller");
-const base_controller_1 = require("../controller/base-controller");
-const items = [
-    {
-        controller: new base_controller_1.BaseController({
-            props: { bgcolor: $color("red") },
-            events: {
-                didAppear: () => {
-                    console.log("Page 1 did appear");
-                },
-                didDisappear: () => {
-                    console.log("Page 1 did disappear");
-                },
-            },
-        }),
-        title: "Page 1",
-    },
-    {
-        controller: new base_controller_1.BaseController({
-            props: { bgcolor: $color("yellow") },
-            events: {
-                didAppear: () => {
-                    console.log("Page 2 did appear");
-                },
-                didDisappear: () => {
-                    console.log("Page 2 did disappear");
-                },
-            },
-        }),
-        title: "Page 2",
-    },
-];
-const pageViewerController = new tabbar_controller_1.TabBarController({
-    props: {
-        items,
-    },
-    events: {
-        changed: (sender, index) => {
-            console.log(`Index changed to ${index}`);
-        },
-        doubleTapped: (sender, index) => {
-            console.log(`Double tapped on index ${index}`);
-        },
-    },
-});
-pageViewerController.uirender({});

package/test/custom-navigation-bar.ts

@@ -1,40 +0,0 @@
-import { CustomNavigationBar } from "../components/custom-navigation-bar";
-
-const navbar = new CustomNavigationBar({
-  props: {
-    title: "Custom Navigation Bar",
-    popButtonEnabled: true,
-    popButtonTitle: "Back",
-    rightBarButtonItems: [
-      {
-        symbol: "gear",
-        handler: (sender) => console.log(sender),
-      },
-    ],
-  },
-});
-
-$ui.render({
-  views: [
-    {
-      type: "button",
-      props: {},
-      layout: $layout.fill,
-      events: {
-        tapped: () => {
-          $ui.push({
-            views: [navbar.definition],
-          });
-          $delay(1, () => {
-            navbar.cviews.bgview.view.alpha = 0.5;
-            navbar.cviews.separator.view.alpha = 0.5;
-          });
-          $delay(2, () => {
-            navbar.cviews.bgview.view.alpha = 0;
-            navbar.cviews.separator.view.alpha = 0;
-          });
-        },
-      },
-    },
-  ],
-});

package/test/dialog-sheet.ts

@@ -1,40 +0,0 @@
-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();
-        },
-      },
-    },
-  ],
-});

package/test/dynamic-contextmenu-view.ts

@@ -1,67 +0,0 @@
-import { DynamicContextMenuView } from "../components/dynamic-contextmenu-view";
-
-let menuIndex = 0;
-const menuList = [
-  {
-    title: "菜单1",
-    items: [
-      {
-        title: "变成菜单1",
-        symbol: "plus",
-        handler: () => {
-          menuIndex = 0;
-        },
-      },
-      {
-        title: "变成菜单2",
-        symbol: "plus",
-        destructive: true,
-        handler: () => {
-          menuIndex = 1;
-        },
-      },
-    ],
-  },
-  {
-    items: [
-      {
-        title: "变成菜单1",
-        handler: () => {
-          menuIndex = 0;
-        },
-      },
-      {
-        title: "变成菜单2",
-        handler: () => {
-          menuIndex = 1;
-        },
-      },
-    ],
-  },
-];
-
-const view = new DynamicContextMenuView({
-  generateContextMenu: (sender) => {
-    return menuList[menuIndex];
-  },
-  props: {},
-  layout: (make, view) => {
-    make.center.equalTo(view.super);
-    make.size.equalTo($size(100, 100));
-  },
-  views: [
-    {
-      type: "label",
-      props: {
-        text: "长按我",
-        textColor: $color("black"),
-        align: $align.center,
-      },
-      layout: $layout.center,
-    },
-  ],
-});
-
-$ui.render({
-  views: [view.definition],
-});

package/test/dynamic-itemsize-matrix.ts

@@ -1,74 +0,0 @@
-import { DynamicItemSizeMatrix } from "../components/dynamic-itemsize-matrix";
-
-const matrix = new DynamicItemSizeMatrix({
-  props: {
-    spacing: 5,
-    minItemWidth: $device.isIpad ? 140 : 118,
-    maxColumns: 10,
-    template: {
-      views: [
-        {
-          type: "label",
-          props: {
-            id: "label",
-            align: $align.center,
-            font: $font(13),
-          },
-          layout: (make, view) => {
-            make.left.right.bottom.inset(0);
-            make.height.equalTo(20);
-          },
-        },
-        {
-          type: "image",
-          props: {
-            symbol: "sun.dust",
-            bgcolor: $color("backgroundColor", "secondarySurface"),
-            contentMode: $contentMode.scaleAspectFit,
-          },
-          layout: (make, view) => {
-            make.top.left.right.equalTo(0);
-            make.bottom.equalTo(view.prev.top);
-          },
-        },
-      ],
-    },
-    data: [...Array(100)].map((n, i) => {
-      return {
-        label: { text: i + 1 },
-      };
-    }),
-    footer: {
-      type: "view",
-      props: {
-        height: 20,
-      },
-    },
-  },
-  layout: (make, view) => {
-    make.left.right.equalTo(view.super.safeArea);
-    make.top.bottom.equalTo(view.super);
-  },
-  events: {
-    itemHeight: (width) => width * 1.414 + 20,
-    didSelect: (sender, indexPath, data) => {},
-    didScroll: (sender) => {
-      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);
-    },
-  },
-});
-
-$ui.render({
-  props: {
-    navButtons: [
-      {
-        symbol: "plus",
-        handler: () => (matrix.data = [{ label: { text: "New" } }]),
-      },
-    ],
-  },
-  views: [matrix.definition],
-});

package/test/dynamic-itemsize-section-matrix.ts

@@ -1,142 +0,0 @@
-import {
-  DynamicItemSizeSectionMatrix,
-  DynamicItemSizeSectionMatrixSection,
-} from "../components/dynamic-itemsize-section-matrix";
-
-const makeItem = (sectionName: string, index: number) => {
-  return {
-    symbol: { symbol: index % 2 === 0 ? "sparkles" : "square.grid.2x2" },
-    title: { text: `${sectionName} ${index}` },
-    subtitle: { text: `Item index ${index}` },
-    badge: { text: `${index}` },
-  };
-};
-
-const sections: DynamicItemSizeSectionMatrixSection[] = [
-  {
-    title: "Pinned",
-    items: [makeItem("Pinned", 1), makeItem("Pinned", 2), makeItem("Pinned", 3)],
-  },
-  {
-    title: "Long Section Title To Verify The Custom Title Cell Uses Dynamic Height\nLine 2\nLine 3",
-    items: [makeItem("Recent", 1), makeItem("Recent", 2), makeItem("Recent", 3), makeItem("Recent", 4)],
-  },
-  {
-    title: "",
-    items: [makeItem("Untitled", 1), makeItem("Untitled", 2)],
-  },
-];
-
-const matrix = new DynamicItemSizeSectionMatrix({
-  props: {
-    spacing: 8,
-    minItemWidth: $device.isIpad ? 180 : 142,
-    maxColumns: $device.isIpad ? 4 : 2,
-    data: sections,
-    template: {
-      views: [
-        {
-          type: "view",
-          props: {
-            bgcolor: $color("yellow"),
-            cornerRadius: 8,
-          },
-          layout: $layout.fill,
-          views: [
-            {
-              type: "image",
-              props: {
-                id: "symbol",
-                contentMode: $contentMode.scaleAspectFit,
-                tintColor: $color("tint"),
-              },
-              layout: (make, view) => {
-                make.left.top.inset(12);
-                make.size.equalTo($size(32, 32));
-              },
-            },
-            {
-              type: "label",
-              props: {
-                id: "badge",
-                align: $align.center,
-                font: $font(12),
-                textColor: $color("white"),
-                bgcolor: $color("tint"),
-                cornerRadius: 10,
-              },
-              layout: (make, view) => {
-                make.top.right.inset(12);
-                make.size.equalTo($size(28, 20));
-              },
-            },
-            {
-              type: "label",
-              props: {
-                id: "title",
-                font: $font("bold", 15),
-                textColor: $color("primaryText"),
-              },
-              layout: (make, view) => {
-                make.left.right.inset(12);
-                make.top.equalTo(view.prev.prev.bottom).offset(10);
-                make.height.equalTo(20);
-              },
-            },
-            {
-              type: "label",
-              props: {
-                id: "subtitle",
-                font: $font(12),
-                textColor: $color("secondaryText"),
-              },
-              layout: (make, view) => {
-                make.left.right.inset(12);
-                make.top.equalTo(view.prev.bottom).offset(4);
-                make.bottom.inset(12);
-              },
-            },
-          ],
-        },
-      ],
-    },
-  },
-  layout: $layout.fill,
-  events: {
-    itemHeight: (width) => Math.max(112, width * 0.72),
-    didSelect: (sender, indexPath, data) => {
-      const section = matrix.data[indexPath.section];
-      const title = (data.title as { text: string }).text;
-      $ui.toast(`${section.title || "Untitled"} / ${title}`);
-    },
-    didLongPress: (sender, indexPath, data) => {
-      const title = (data.title as { text: string }).text;
-      $ui.alert(`Long pressed ${title}`);
-    },
-  },
-});
-
-$ui.render({
-  props: {
-    navButtons: [
-      {
-        symbol: "plus",
-        handler: () => {
-          const nextIndex = matrix.data[0].items.length + 1;
-          matrix.insert({
-            indexPath: $indexPath(0, matrix.data[0].items.length),
-            value: makeItem("Pinned", nextIndex),
-          });
-        },
-      },
-      {
-        symbol: "trash",
-        handler: () => {
-          if (matrix.data[0].items.length === 0) return;
-          matrix.delete($indexPath(0, matrix.data[0].items.length - 1));
-        },
-      },
-    ],
-  },
-  views: [matrix.definition],
-});