jsbox-cview 1.6.6 → 1.6.8

package/dist/test/dynamic-itemsize-section-matrix.js

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const dynamic_itemsize_section_matrix_1 = require("../components/dynamic-itemsize-section-matrix");
-const makeItem = (sectionName, index) => {
-    return {
-        symbol: { symbol: index % 2 === 0 ? "sparkles" : "square.grid.2x2" },
-        title: { text: `${sectionName} ${index}` },
-        subtitle: { text: `Item index ${index}` },
-        badge: { text: `${index}` },
-    };
-};
-const sections = [
-    {
-        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 dynamic_itemsize_section_matrix_1.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.text;
-            $ui.toast(`${section.title || "Untitled"} / ${title}`);
-        },
-        didLongPress: (sender, indexPath, data) => {
-            const title = data.title.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],
-});

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

@@ -1,150 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const dynamic_preference_listview_1 = require("../components/dynamic-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: 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 dynamic_preference_listview_1.DynamicPreferenceListView({
-    props: {
-        data: [],
-        //symbolSizeForSymbolAction: $size(40, 40)
-    },
-    sections: sections,
-    layout: $layout.fill,
-    events: {
-        changed: (values) => {
-            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/dist/test/flowlayout.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const flowlayout_1 = require("../components/flowlayout");
-const single_views_1 = require("../components/single-views");
-class FlowlayoutItem extends single_views_1.Label {
-    constructor(text) {
-        super({
-            props: {
-                text: text,
-                borderWidth: 1,
-            },
-            layout: $layout.fill,
-        });
-        this._text = text;
-    }
-    itemWidth() {
-        return this._text.length * 10;
-    }
-}
-const flowlayout = new flowlayout_1.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/dist/test/form-dialog.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const form_dialog_1 = require("../components/dialogs/form-dialog");
-$ui.render({
-    views: [
-        {
-            type: "button",
-            props: {
-                title: "Show Form Dialog",
-            },
-            layout: $layout.center,
-            events: {
-                tapped: async () => {
-                    const values = await (0, form_dialog_1.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/dist/test/oc-webview.js

@@ -1,195 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const oc_webview_1 = require("../components/oc-webview");
-const initialURL = "https://www.example.com";
-const normalizeURL = (value) => {
-    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) => {
-    const nsurl = sender.invoke("URL");
-    return nsurl ? nsurl.invoke("absoluteString").rawValue() : "";
-};
-const currentTitle = (sender) => {
-    const title = sender.invoke("title");
-    return title ? title.rawValue() : "";
-};
-const syncAddress = (sender) => {
-    const input = $("oc-webview-url");
-    if (!input)
-        return;
-    const url = currentURL(sender);
-    if (url)
-        input.text = url;
-};
-const logState = (event, sender, error) => {
-    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 oc_webview_1.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(localStorageScript);
-                console.log(`[localStorage] ${localStorage || "{}"}`);
-            }
-            catch (error) {
-                console.log(`[localStorage] error=${error?.localizedDescription || error}`);
-            }
-        },
-        didFail: (sender, error) => {
-            syncAddress(sender);
-            logState("didFail", sender, error);
-        },
-    },
-});
-const loadURL = (value) => {
-    const url = normalizeURL(value);
-    const input = $("oc-webview-url");
-    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/dist/test/pageviewer-controller.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pageviewer_controller_1 = require("../controller/pageviewer-controller");
-const base_controller_1 = require("../controller/base-controller");
-const items = [
-    {
-        controller: new base_controller_1.BaseController({ props: { bgcolor: $color("red") } }),
-        title: "Page 1",
-    },
-    {
-        controller: new base_controller_1.BaseController({ props: { bgcolor: $color("yellow") } }),
-        title: "Page 2",
-    },
-];
-const pageViewerController = new pageviewer_controller_1.PageViewerController({
-    props: {
-        items,
-    },
-});
-pageViewerController.uirender({});

package/dist/test/pageviewer-titlebar.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pageviewer_titlebar_1 = require("../components/pageviewer-titlebar");
-const pageViewerTitleBar = new pageviewer_titlebar_1.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/dist/test/pageviewer.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pageviewer_1 = require("../components/pageviewer");
-const single_views_1 = require("../components/single-views");
-const pageViewer = new pageviewer_1.PageViewer({
-    props: {
-        page: 0,
-        cviews: [
-            new single_views_1.ContentView({
-                props: { bgcolor: $color("red") },
-                layout: $layout.fill,
-            }),
-            new single_views_1.ContentView({
-                props: { bgcolor: $color("green") },
-                layout: $layout.fill,
-            }),
-            new single_views_1.ContentView({
-                props: { bgcolor: $color("blue") },
-                layout: $layout.fill,
-            }),
-        ],
-    },
-    layout: $layout.fill,
-    events: {
-        floatPageChanged: (cview, floatPage) => {
-            console.log(floatPage);
-        },
-    },
-});
-$ui.render({
-    views: [pageViewer.definition],
-});