clickgo 3.16.28 → 4.0.1

package/dist/app/demo/form/control/drawer/drawer.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.drawer = false;
-        this.drawer2 = false;
-        this.tclose = false;
-    }
-}
-exports.default = default_1;

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

@@ -1,34 +0,0 @@
-<form width="600" height="500" title="Drawer" padding="10" direction="v">
-    <layout direction="v" gutter="10">
-        <label>drawer: {{drawer ? 'true' : 'false'}}</label>
-        <button @click="drawer = true">Open</button>
-        <button @click="tclose = !tclose">{{tclose ? '' : '!'}}close</button>
-        <table :data="[{'size':'0','name':'Appraise'},{'size':'3','name':'Card'},{'size':'2','name':'Appraise2'}]" v-slot="d">
-            <table-item label="name">{{d.row.name ?? 'name'}}</table-item>
-            <table-item label="size" width="80">{{d.row.size ?? '0'}}</table-item>
-        </table>
-    </layout>
-    <drawer title="Drawer" gutter="10" v-model="drawer" direction="v" width="50%" :close="tclose">
-        <label>123</label>
-        <button @click="drawer2 = true">456</button>
-        <tuieditor style="height: 200px;"></tuieditor>
-    </drawer>
-    <drawer title="Drawer2" gutter="10" v-model="drawer2" direction="v">
-        <label>789</label>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <button>012</button>
-        <template v-slot:footer>
-            <layout align-h="end" style="flex: 1;">
-                <button type="info" @click="drawer2 = false">OK</button>
-            </layout>
-        </template>
-    </drawer>
-</form>

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

@@ -1,137 +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 = {
-            'chart': undefined
-        };
-        this.theme = ['light'];
-        this.data = ['line'];
-        this.disabled = false;
-        this.datas = {
-            'line': {
-                'xAxis': {
-                    'type': 'category',
-                    'data': ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-                },
-                'yAxis': {
-                    'type': 'value'
-                },
-                'series': [
-                    {
-                        'data': [150, 230, 224, 218, 135, 147, 260],
-                        'type': 'line'
-                    }
-                ]
-            },
-            'stack': {
-                title: {
-                    text: 'Stacked Line'
-                },
-                tooltip: {
-                    trigger: 'axis'
-                },
-                legend: {
-                    data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
-                },
-                grid: {
-                    left: '3%',
-                    right: '4%',
-                    bottom: '3%',
-                    containLabel: true
-                },
-                toolbox: {
-                    feature: {
-                        saveAsImage: {}
-                    }
-                },
-                xAxis: {
-                    type: 'category',
-                    boundaryGap: false,
-                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-                },
-                yAxis: {
-                    type: 'value'
-                },
-                series: [
-                    {
-                        name: 'Email',
-                        type: 'line',
-                        stack: 'Total',
-                        data: [120, 132, 101, 134, 90, 230, 210]
-                    },
-                    {
-                        name: 'Union Ads',
-                        type: 'line',
-                        stack: 'Total',
-                        data: [220, 182, 191, 234, 290, 330, 310]
-                    },
-                    {
-                        name: 'Video Ads',
-                        type: 'line',
-                        stack: 'Total',
-                        data: [150, 232, 201, 154, 190, 330, 410]
-                    },
-                    {
-                        name: 'Direct',
-                        type: 'line',
-                        stack: 'Total',
-                        data: [320, 332, 301, 334, 390, 330, 320]
-                    },
-                    {
-                        name: 'Search Engine',
-                        type: 'line',
-                        stack: 'Total',
-                        data: [820, 932, 901, 934, 1290, 1330, 1320]
-                    }
-                ]
-            }
-        };
-    }
-    onInit(chart) {
-        this.access.chart = chart;
-    }
-    onMounted() {
-        this.watch('data', () => {
-            this.access.chart.clear();
-        }, {
-            'deep': true
-        });
-    }
-}
-exports.default = default_1;

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

@@ -1,12 +0,0 @@
-<form title="Echarts" width="500" height="450">
-    <layout direction="v" gutter="10" style="flex: 1; padding: 10px;">
-        <echarts style="flex: 1;" :data="datas[data[0]]" :theme="theme[0]" :disabled="disabled" @init="onInit"></echarts>
-        <layout gutter="10" align-v="center">
-            <label>Data:</label>
-            <select :data="['line', 'stack']" v-model="data" style="flex: 1;"></select>
-            <label>Theme:</label>
-            <select :data="['light', 'dark']" v-model="theme" style="flex: 1;"></select>
-            <button @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>
-        </layout>
-    </layout>
-</form>

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

@@ -1,44 +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.tip = false;
-        this.layer = false;
-    }
-}
-exports.default = default_1;

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

@@ -1,9 +0,0 @@
-<form width="300" height="300" title="Empty" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1;">
-        <empty :tip="tip" :layer="layer"></empty>
-        <layout gutter="10">
-            <button @click="tip = !tip" style="flex: 1;">{{tip ? '' : '!'}}tip</button>
-            <button @click="layer = !layer" style="flex: 1;">{{layer ? '' : '!'}}layer</button>
-        </layout>
-    </layout>
-</form>

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

@@ -1,60 +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.accept = 'txt';
-        this.multi = 'false';
-        this.dir = 'false';
-        this.list = [];
-        this.fd = new FormData();
-    }
-    select() {
-        this.refs.file.select();
-    }
-    change(files) {
-        this.list = [];
-        if (!files) {
-            return;
-        }
-        for (const file of files) {
-            this.list.push((file.webkitRelativePath || file.name) + ' (' + file.size.toString() + ')');
-            this.fd.append('file', file, file.name);
-        }
-    }
-}
-exports.default = default_1;

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

@@ -1,25 +0,0 @@
-<form width="300" height="300" title="File" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1;">
-        <label>A control that reads a local files:</label>
-        <layout gutter="10" align-v="center">
-            <label style="width: 50px;">accept:</label>
-            <radio v-model="accept" value="txt" style="flex: 1;">txt</radio>
-            <radio v-model="accept" value="jpg" style="flex: 1;">jpg</radio>
-        </layout>
-        <layout gutter="10" align-v="center">
-            <label style="width: 50px;">multi:</label>
-            <radio v-model="multi" value="true" style="flex: 1;">true</radio>
-            <radio v-model="multi" value="false" style="flex: 1;">false</radio>
-        </layout>
-        <layout gutter="10" align-v="center">
-            <label style="width: 50px;">dir:</label>
-            <radio v-model="dir" value="true" style="flex: 1;">true</radio>
-            <radio v-model="dir" value="false" style="flex: 1;">false</radio>
-        </layout>
-        <button @click="select">
-            Select
-            <file ref="file" @change="change" :accept="[accept]" :multi="multi" :dir="dir"></file>
-        </button>
-        <list :data="list" style="flex: 1; height: 0;"></list>
-    </layout>
-</form>

package/dist/app/demo/form/control/flow/flow.css

@@ -1 +0,0 @@
-.border{border:1px solid var(--g-border-color)}.custom{margin:auto;background:#07c160;width:60%;height:30px;color:#fff;text-align:center;line-height:30px}.rightborder{border-right:1px solid var(--g-border-color)}.block{width:200px;height:200px;padding:0 10px 10px 0}.block block{background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;flex:1}

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

@@ -1,86 +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.ntab = '';
-        this.lineValue = [10];
-        this.lineCount = 2;
-        this.sLeft1 = 0;
-        this.sTop1 = 0;
-        this.sWidth1 = 0;
-        this.sHeight1 = 0;
-        this.cWidth1 = 0;
-        this.cHeight1 = 0;
-        this.sLeft2 = 0;
-        this.sTop2 = 0;
-        this.sWidth2 = 0;
-        this.sHeight2 = 0;
-        this.cWidth2 = 0;
-        this.cHeight2 = 0;
-        this.sLeft3 = 0;
-        this.sTop3 = 0;
-        this.sWidth3 = 0;
-        this.sHeight3 = 0;
-        this.cWidth3 = 0;
-        this.cHeight3 = 0;
-        this.sLeft4 = 0;
-        this.sTop4 = 0;
-        this.sWidth4 = 0;
-        this.sHeight4 = 0;
-        this.cWidth4 = 0;
-        this.cHeight4 = 0;
-        this.direction = false;
-        this.dir5 = 'v';
-        this.sLeft5 = 0;
-        this.sTop5 = 0;
-        this.sWidth5 = 0;
-        this.sHeight5 = 0;
-        this.cWidth5 = 0;
-        this.cHeight5 = 0;
-        this.line5 = 10;
-        this.gesture = false;
-        this.style = false;
-        this.selection = false;
-        this.sub = false;
-        this.area = {};
-    }
-    async onGesture(dir) {
-        await clickgo.form.dialog('onGesture: ' + dir);
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/control/flow/flow.scss

@@ -1,18 +0,0 @@
-.border {
-    border: 1px solid var(--g-border-color);
-}
-
-.custom {
-    margin: auto; background: #07c160; width: 60%; height: 30px; color: #FFF; text-align: center; line-height: 30px;
-}
-
-.rightborder {
-    border-right: 1px solid var(--g-border-color);
-}
-
-.block {
-    width: 200px; height: 200px; padding: 0 10px 10px 0;
-}
-.block block {
-    background: #07c160; color: #FFF; display: flex; align-items: center; justify-content: center; flex: 1;
-}

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

@@ -1,101 +0,0 @@
-<form title="Flow" width="450" height="450" min-width="300" min-height="400" padding="10">
-    <tab v-model="ntab" :tabs="['normal', 'adaptation', 'beyond', 'nest']" style="flex: 1; width: 0;">
-        <!-- 默认 -->
-        <layout v-if="ntab === 'normal'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <!-- v -->
-            <layout gutter="10" style="flex: 1; height: 0;">
-                <flow v-model:scroll-left="sLeft1" v-model:scroll-top="sTop1" direction="v" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" @select="area = $event" @clientwidth="cWidth1 = $event" @clientheight="cHeight1 = $event" @scrollwidth="sWidth1 = $event" @scrollheight="sHeight1 = $event" :style="{'line-height': style ? '1.5' : undefined}" class="border" style="flex: 1;">
-                    <block :style="{'padding': style ? '10px' : undefined}">
-                        <block v-for="(line, index) of lineCount">
-                            <button v-if="index > 0 && index % 10 === 0">test</button>
-                            <block v-else :style="{'height': sub && (index === 1) ? '50px' : undefined}">Line {{line}}, index: {{index}}.</block>
-                        </block>
-                    </block>
-                </flow>
-                <layout class="border" style="flex: 1;">
-                    <flow v-model:scroll-left="sLeft2" v-model:scroll-top="sTop2" direction="v" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" @select="area = $event" @clientwidth="cWidth2 = $event" @clientheight="cHeight2 = $event" @scrollwidth="sWidth2 = $event" @scrollheight="sHeight2 = $event" :style="{'line-height': style ? '1.5' : undefined}" style="flex: 1;">
-                        <block :style="{'padding': style ? '10px' : undefined}">
-                            <block v-for="(line, index) of lineCount">
-                                <block v-if="index > 0 && index % 10 === 0" class="custom">Custom</block>
-                                <block v-else :style="{'height': sub && (index === 1) ? '50px' : undefined}">Line {{line}}, index: {{index}}.</block>
-                            </block>
-                        </block>
-                    </flow>
-                    <scroll :length="sHeight2" :client="cHeight2" v-model:offset="sTop2" style="width: 20px;"></scroll>
-                </layout>
-            </layout>
-            <label>Scroll Left / Top: {{sLeft1}} / {{sTop1}}, Client Width / Height: {{cWidth1}} / {{cHeight1}}, Scroll Width / Height: {{sWidth1}} / {{sHeight1}}.</label>
-            <label>Scroll Left / Top: {{sLeft2}} / {{sTop2}}, Client Width / Height: {{cWidth2}} / {{cHeight2}}, Scroll Width / Height: {{sWidth2}} / {{sHeight2}}.</label>
-            <!-- h -->
-            <flow v-model:scroll-left="sLeft3" v-model:scroll-top="sTop3" :selection="selection" :gesture="gesture ? ['left', 'right'] : []" @gesture="onGesture" @select="area = $event" @clientwidth="cWidth3 = $event" @clientheight="cHeight3 = $event" @scrollwidth="sWidth3 = $event" @scrollheight="sHeight3 = $event" :style="{'line-height': style ? '1.5' : undefined}" class="border" style="flex: 1; height: 0;">
-                <layout :style="{'padding': style ? '10px' : undefined}" style="flex: 1;">
-                    <layout v-for="(line, index) of lineCount" align-v="center" align-h="center" direction="v" class="rightborder" style="width: 80px;">
-                        <label>Col {{line}}.</label>
-                        <label>index: {{index}}.</label>
-                    </layout>
-                </layout>
-            </flow>
-            <label>Scroll Left / Top: {{sLeft3}} / {{sTop3}}, Client Width / Height: {{cWidth3}} / {{cHeight3}}, Scroll Width / Height: {{sWidth3}} / {{sHeight3}}.</label>
-            <label>Selection area: {{area}}</label>
-            <!-- button list -->
-            <layout gutter="10">
-                <select v-model="lineValue" :data="[10, 50, 500, 5000]" style="flex: 1; width: 0;"></select>
-                <button @click="lineCount += parseInt(lineValue[0])">Add lines</button>
-                <button @click="lineCount -= parseInt(lineValue[0]);if(lineCount < 0) {lineCount = 0;}" >Remove lines</button>
-            </layout>
-            <layout gutter="10">
-                <button @click="gesture = !gesture" style="flex: 1; width: 0;">{{gesture ? '' : '!'}}gesture</button>
-                <button @click="selection = !selection" style="flex: 1; width: 0;">{{selection ? '' : '!'}}selection</button>
-                <button @click="style = !style" style="flex: 1; width: 0;">{{style ? '' : '!'}}style</button>
-                <button @click="sub = !sub" style="flex: 1; width: 0;">{{sub ? '' : '!'}}sub</button>
-            </layout>
-        </layout>
-        <!-- 自适应 -->
-        <layout v-else-if="ntab === 'adaptation'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <layout :direction="direction ? 'h' : 'v'" style="flex: 1; height: 0;">
-                <flow class="border" v-model:scroll-left="sLeft4" v-model:scroll-top="sTop4" :selection="selection" :gesture="gesture ? (direction ? ['left', 'right'] : ['top', 'bottom']) : []" @gesture="onGesture" :direction="direction ? 'h' : 'v'" @clientwidth="cWidth4 = $event" @clientheight="cHeight4 = $event" @scrollwidth="sWidth4 = $event" @scrollheight="sHeight4 = $event">
-                    <layout v-for="(line, index) of lineCount" align-v="center" direction="v" :class="[direction && 'rightborder']">
-                        <button v-if="index > 0 && index % 10 === 0" :style="{'width': direction ? '30px' : undefined}">test</button>
-                        <block v-else :style="{'width': direction ? '80px' : undefined, 'text-align': direction ? 'center' : undefined}">Line {{line}}</block>
-                    </layout>
-                </flow>
-            </layout>
-            <label>Scroll Left / Top: {{sLeft4}} / {{sTop4}}, Client Width / Height: {{cWidth4}} / {{cHeight4}}, Scroll Width / Height: {{sWidth4}} / {{sHeight4}}.</label>
-            <layout gutter="10">
-                <button @click="lineCount += 10" style="flex: 1;">Add 10 lines</button>
-                <button @click="lineCount -= 10;if(lineCount < 0) {lineCount = 0;}" style="flex: 1;">Remove 10 lines</button>
-                <button @click="direction = !direction" style="flex: 1;">Direction</button>
-            </layout>
-        </layout>
-        <!-- 内容超出 -->
-        <layout v-else-if="ntab === 'beyond'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <layout gutter="10" align-v="center">
-                <button @click="dir5 = (dir5 === 'h' ? 'v' : 'h')" style="flex: 1;">Change direction</button>
-                <button @click="line5 = (line5 === 10 ? 1 : 10)" style="flex: 1;">Change data</button>
-                <label>Direction: {{dir5}}</label>
-            </layout>
-            <flow v-model:scroll-left="sLeft5" v-model:scroll-top="sTop5" :selection="selection" :gesture="gesture ? ['left', 'right', 'top', 'bottom'] : []" @gesture="onGesture" :direction="dir5" @clientwidth="cWidth5 = $event" @clientheight="cHeight5 = $event" @scrollwidth="sWidth5 = $event" @scrollheight="sHeight5 = $event" class="border" style="flex: 1; height: 0; padding: 10px 0 0 10px;">
-                <layout v-for="i of line5" :direction="dir5 === 'h' ? 'v' : 'h'">
-                    <layout v-for="j of 10" class="block">
-                        <block>{{i}}-{{j}}</block>
-                    </layout>
-                </layout>
-            </flow>
-            <label>Scroll Left / Top: {{sLeft5}} / {{sTop5}}, Client Width / Height: {{cWidth5}} / {{cHeight5}}, Scroll Width / Height: {{sWidth5}} / {{sHeight5}}.</label>
-        </layout>
-        <!-- 嵌套 -->
-        <layout v-else style="flex: 1; width: 0; padding: 10px;">
-            <flow class="border" direction="v" style="flex: 1; width: 0;">
-                <template v-for="i of 100">
-                    <flow v-if="i === 30" class="border" direction="v" style="height: 50px;">
-                        <label v-for="k of 50">Line {{k}}</label>
-                    </flow>
-                    <flow v-else-if="i === 40" class="border" style="height: 50px;">
-                        <label v-for="k of 50" class="rightborder" style="width: 80px;">Line {{k}}</label>
-                    </flow>
-                    <label v-else>Line {{i}}</label>
-                </template>
-            </flow>
-        </layout>
-    </tab>
-</form>

package/dist/app/demo/form/control/form/form.css

@@ -1 +0,0 @@
-.bottom button{flex:1;width:0}

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

@@ -1,66 +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.width = 300;
-        this.height = 520;
-        this.icon = '';
-        this.title = 'Form';
-        this.min = true;
-        this.max = true;
-        this.cclose = true;
-        this.stateMax = false;
-        this.stateMin = false;
-        this.minWidth = 200;
-        this.minHeight = 100;
-        this.resize = true;
-        this.border = 'normal';
-        this.banClose = false;
-    }
-    async showLoading() {
-        this.loading = true;
-        await clickgo.tool.sleep(1000);
-        this.loading = false;
-    }
-    onClose(e) {
-        if (this.banClose) {
-            e.preventDefault();
-        }
-    }
-}
-exports.default = default_1;