clickgo 3.16.28 → 4.0.1

package/dist/app/demo/form/control/panel/test1.js

@@ -1,84 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractPanel {
-    constructor() {
-        super(...arguments);
-        this.scount = 0;
-        this.data = {};
-        this.rootMountData = 'none';
-    }
-    async onShow(e) {
-        await clickgo.tool.sleep(1000);
-        ++this.scount;
-        this.data = e;
-    }
-    async onHide() {
-        await clickgo.tool.sleep(1000);
-    }
-    async onReceive(data) {
-        this.data = data;
-        await clickgo.form.dialog('test1 got data.');
-    }
-    onQsChange() {
-        clickgo.form.notify({
-            'title': 'Test1 Panel',
-            'content': 'onQsChange: ' + Object.keys(this.qs).length.toString()
-        });
-    }
-    async onQsChangeShow(e) {
-        await clickgo.tool.sleep(500);
-        clickgo.form.notify({
-            'title': 'Test1 Panel',
-            'content': 'onQsChangeShow'
-        });
-        console.log('onQsChangeShow', e);
-    }
-    async click() {
-        await clickgo.form.dialog('Hello panel!');
-    }
-    async clearQss() {
-        this.clearQs();
-        await clickgo.form.dialog('cleard.');
-    }
-    jump() {
-        this.rootForm.formHash = 'test1?a=1&b=3';
-    }
-    onMounted() {
-        this.rootMountData = this.rootForm.mountData;
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/panel/test1.xml

@@ -1,22 +0,0 @@
-<panel direction="v" gutter="10" style="padding: 10px; border: solid 2px #000; border-color: #777 #DDD #DDD #777;">
-    <label>Hello, this is test1.</label>
-    <label>onShow count: {{scount}}</label>
-    <label>Data: {{data}}</label>
-    <label>Parent data: {{rootForm.parentData}}</label>
-    <label>Qs: {{qs}}</label>
-    <label>rootMountData: {{rootMountData}}</label>
-    <button @click="click">Hi</button>
-    <button @click="sendToRootPanel({'a':1})">sendToRootPanel({'a':1})</button>
-    <button @click="clearQss">clearQs()</button>
-    <button @click="jump">Jump</button>
-    <layout>
-        <button size="xl" area="split">
-            Size xl
-            <template v-slot:pop>
-                <menulist>
-                    <menulist-item alt="T">Test 1</menulist-item>
-                </menulist>
-            </template>
-        </button>
-    </layout>
-</panel>

package/dist/app/demo/form/control/panel/test2.xml

@@ -1,4 +0,0 @@
-<panel direction="v" gutter="10" style="padding: 10px; border: solid 2px #000; border-color: #777 #DDD #DDD #777; background: var(--g-plain-background);">
-    <label>Hello, test2!</label>
-    <label>Panel ID: {{panelId}}</label>
-</panel>

package/dist/app/demo/form/control/pdf/pdf.js

@@ -1,65 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.access = {
-            'pdf': undefined
-        };
-        this.src = '';
-        this.page = '1';
-    }
-    onLoaded(pdf) {
-        this.access.pdf = pdf;
-    }
-    async onView(e) {
-        await clickgo.form.dialog(JSON.stringify(e.detail));
-    }
-    load() {
-        this.src = '/package/form/control/pdf/test.pdf';
-    }
-    select() {
-        this.refs.file.select();
-    }
-    async change(files) {
-        if (!files) {
-            return;
-        }
-        await this.refs.pdf.load(files[0]);
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/pdf/pdf.xml

@@ -1,12 +0,0 @@
-<form title="Pdf" width="500" height="400" min-width="300" min-height="400" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <pdf :src="src" @loaded="onLoaded" @view="onView" ref="pdf" :page="page" style="flex: 1; height: 0;" />
-        <layout gutter="10" align-v="center">
-            <button @click="load" style="flex: 1;">Load pdf</button>
-            <button @click="select" style="flex: 1;">Select</button>
-            <label>page:</label>
-            <text v-model="page" style="flex: 1;" />
-            <file ref="file" @change="change" :accept="['pdf']"></file>
-        </layout>
-    </layout>
-</form>

package/dist/app/demo/form/control/progress/progress.js

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.v = 0;
-        this.v2 = 20;
-        this.v3 = 60;
-        this.v4 = ['default'];
-    }
-    onMounted() {
-        clickgo.tool.sleep(500).then(async () => {
-            this.v2 = 40;
-            await clickgo.tool.sleep(500);
-            this.v2 = 70;
-        }).catch(() => {
-        });
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/progress/progress.xml

@@ -1,9 +0,0 @@
-<form title="Progress" width="500" height="400" min-width="300" min-height="400" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <progress v-model="v" :type="v4[0]"></progress>
-        <progress v-model="v2" :type="v4[0]"></progress>
-        <progress v-model="v3" style="height: 10px;" :type="v4[0]"></progress>
-        <button @click="v3 = v3 === 20 ? 60 : 20">Set to {{v3 === 20 ? '60' : '20'}}</button>
-        <select v-model="v4" :data="['default', 'primary', 'info', 'warning', 'danger']"></select>
-    </layout>
-</form>

package/dist/app/demo/form/control/property/property.js

@@ -1,166 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.data = [
-            {
-                'kind': 'Design',
-                'title': 'Name',
-                'desc': 'The control name.',
-                'type': 'property',
-                'control': 'text',
-                'default': 'Control1',
-                'value': 'Control1'
-            },
-            {
-                'kind': 'Design',
-                'title': 'Locked',
-                'desc': 'Locked the control.',
-                'type': 'property',
-                'control': 'check',
-                'default': 'false',
-                'value': 'false'
-            },
-            {
-                'kind': 'Layout',
-                'title': 'Like',
-                'desc': 'The like desc.',
-                'type': 'property',
-                'control': 'select',
-                'default': 'Button',
-                'value': 'Button',
-                'data': ['Button', 'Select', 'Check']
-            },
-            {
-                'kind': 'Layout',
-                'title': 'Dock',
-                'desc': 'The dock.',
-                'type': 'property',
-                'control': 'dock',
-                'default': 'none',
-                'value': 'none'
-            },
-            {
-                'kind': 'Layout',
-                'title': 'Location',
-                'desc': 'Location of parent layout.',
-                'type': 'property',
-                'control': 'text',
-                'default': '100, 1000',
-                'value': '100, 1000',
-                'sub': [
-                    {
-                        'title': 'X',
-                        'desc': 'X of location.',
-                        'control': 'text'
-                    },
-                    {
-                        'title': 'Y',
-                        'desc': 'Y of location.',
-                        'control': 'text'
-                    },
-                    {
-                        'title': 'Z',
-                        'desc': 'Z of location.',
-                        'control': 'text'
-                    }
-                ]
-            },
-            {
-                'kind': 'Other',
-                'title': 'Sub',
-                'desc': 'Children.',
-                'type': 'property',
-                'control': 'text',
-                'default': '',
-                'value': '',
-                'sub': [
-                    {
-                        'title': 'Dock',
-                        'desc': 'Dock of sub.',
-                        'control': 'dock'
-                    },
-                    {
-                        'title': 'Check',
-                        'desc': 'Check of sub.',
-                        'control': 'check'
-                    },
-                    {
-                        'title': 'Select',
-                        'desc': 'Select of sub.',
-                        'control': 'select',
-                        'data': ['', 'A', 'B', 'C']
-                    }
-                ]
-            },
-            {
-                'kind': 'Mouse',
-                'title': 'MouseDown',
-                'desc': 'On mouse down.',
-                'type': 'event',
-                'default': '',
-                'value': 'mousedown'
-            },
-            {
-                'kind': 'Mouse',
-                'title': 'MouseUp',
-                'desc': 'On mouse up.',
-                'type': 'event',
-                'default': '',
-                'value': 'mouseup'
-            },
-            {
-                'kind': 'Key',
-                'title': 'KeyDown',
-                'desc': 'On key down.',
-                'type': 'event',
-                'default': '',
-                'value': 'kedown'
-            },
-            {
-                'kind': 'Key',
-                'title': 'KeyUp',
-                'desc': 'On key up.',
-                'type': 'event',
-                'default': '',
-                'value': 'keyup'
-            }
-        ];
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/property/property.xml

@@ -1,6 +0,0 @@
-<form title="Property" width="520" height="400" min-width="300" min-height="400" padding="10">
-    <layout gutter="10" style="flex: 1; width: 0;">
-        <text :modelValue="JSON.stringify(data, null, 4)" style="flex: 1; width: 0;" type="multi" readonly wrap></text>
-        <property v-model="data" style="flex: 1; width: 0;"></property>
-    </layout>
-</form>

package/dist/app/demo/form/control/qrcode/qrcode.js

@@ -1,45 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.text = 'test123';
-        this.width = [200];
-        this.margin = [4];
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/qrcode/qrcode.xml

@@ -1,13 +0,0 @@
-<form title="Qrcode" width="400" height="400" direction="v" padding="10">
-    <layout align-h="center" align-v="center" style="flex: 1">
-        <qrcode :text="text" :options="{'width':width[0],'margin':margin[0]}"></qrcode>
-    </layout>
-    <layout align-v="center" gutter="10">
-        <label>text</label>
-        <text style="flex: 1" v-model="text"></text>
-        <label>width</label>
-        <select :data="[100,200,300]" v-model="width" style="flex: 1"></select>
-        <label>margin</label>
-        <select :data="[1,2,3,4,5,6,7]" v-model="margin" style="flex: 1"></select>
-    </layout>
-</form>

package/dist/app/demo/form/control/radio/radio.js

@@ -1,51 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.value = 'radio1';
-        this.disabled = false;
-    }
-    async onChange(e) {
-        if (e.detail.selected !== 'radio2') {
-            return;
-        }
-        e.preventDefault();
-        await clickgo.form.dialog('selected: ' + e.detail.selected + ', value: ' + e.detail.value);
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/radio/radio.xml

@@ -1,15 +0,0 @@
-<form title="Radio" width="300" height="300" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-        <label>Selected value: {{value}}</label>
-        <layout gutter="10">
-            <radio v-model="value" :disabled="disabled" value="radio1" style="flex: 1; width: 0;">radio1</radio>
-            <radio v-model="value" :disabled="disabled" value="radio2" style="flex: 1; width: 0;">radio2</radio>
-        </layout>
-        <layout gutter="10">
-            <radio v-model="value" :disabled="disabled" value="radio3" style="flex: 1; width: 0;">radio3</radio>
-            <radio v-model="value" :disabled="disabled" value="radio4" @change="onChange" style="flex: 1; width: 0;">radio4 (r2n4)</radio>
-        </layout>
-        <button @click="value = 'radio2'">Set value to "radio2"</button>
-        <button @click="disabled = !disabled">{{disabled ? 'Remove' : 'Set'}} disabled</button>
-    </layout>
-</form>

package/dist/app/demo/form/control/scroll/scroll.js

@@ -1,52 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.sh1 = 1000;
-        this.c1 = 100;
-        this.so1 = 500;
-        this.sh2 = 0;
-        this.c2 = 0;
-        this.so2 = 0;
-        this.count = 3;
-        this.float = false;
-        this.disabled = false;
-        this.isShow = true;
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/scroll/scroll.xml

@@ -1,38 +0,0 @@
-<form title="Scroll" width="400" min-width="300" height="400" min-height="390">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0; background: var(--g-plain-background); padding: 10px;">
-        <layout gutter="10" style="flex: 1; height: 0;">
-            <layout gutter="10" direction="v" style="flex: 1;">
-                <label>Offset: {{so1}}</label>
-                <layout gutter="10">
-                    <button @click="sh1 = (sh1 === 1000 ? 2000 : 1000)" style="flex: 1;">Set length {{sh1 === 1000 ? '2000' : '1000'}}</button>
-                    <button @click="c1 = (c1 === 100 ? 200 : 100)" style="flex: 1;">Set client {{c1 === 100 ? '200' : '100'}}</button>
-                </layout>
-                <layout gutter="10">
-                    <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? 'Remove' : 'Set'}} disabled</button>
-                    <button @click="sh1 = 1000;c1 = 2000" style="flex: 1;">Set client > length</button>
-                </layout>
-            </layout>
-            <scroll :length="sh1" :client="c1" v-model:offset="so1" :disabled="disabled" style="width: 20px;"></scroll>
-            <scroll offset="200" :disabled="disabled" style="width: 30px;"></scroll>
-            <scroll :disabled="disabled" style="width: 30px;"></scroll>
-        </layout>
-        <scroll direction="h" :disabled="disabled" style="height: 30px;"></scroll>
-        <layout style="border: solid 1px var(--g-plain-border-color); flex: 1; height: 0;">
-            <flow v-model:scroll-top="so2" direction="v" @clientheight="c2 = $event" @scrollheight="sh2 = $event" style="line-height: 1.5; flex: 1;">
-                <block style="padding: 10px;">
-                    <block>Length: {{sh2}}, Client: {{c2}}.</block>
-                    <block v-for="line of count">Line {{line}}.</block>
-                </block>
-            </flow>
-            <scroll :length="sh2" :client="c2" v-model:offset="so2" :float="float" :disabled="disabled" @show="isShow = $event" style="width: 20px;"></scroll>
-        </layout>
-        <layout gutter="10" align-v="center">
-            <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-                <label>On the left is the flow control.</label>
-                <label>isShow: {{isShow}}</label>
-            </layout>
-            <button @click="float = !float">{{float ? 'Remove' : 'Set'}} float</button>
-            <button @click="count += 10">Add 10 lines</button>
-        </layout>
-    </layout>
-</form>