jsbox-cview 1.6.5 → 1.6.7

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-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),
-          });
-        },
-      },
-    },
-  ],
-});