clickgo 3.16.27 → 4.0.0

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

@@ -1,73 +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;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-const img_1 = __importDefault(require("../arteditor/img"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.theme = ['light'];
-        this.themes = ['light', 'dark'];
-        this.disabled = false;
-        this.size = ['12px'];
-        this.family = false;
-        this.visual = false;
-        this.text = 'a**b**c';
-        this.html = '';
-    }
-    imgselect(cb) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const frm = yield clickgo.form.create(img_1.default);
-            const path = yield frm.showDialog();
-            if (!path) {
-                return;
-            }
-            cb('https://cdn.jsdelivr.net/npm/clickgo@3.7.0/dist/app/demo/' + path);
-        });
-    }
-}
-exports.default = default_1;

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

@@ -1,22 +0,0 @@
-<form title="Tuieditor" width="600" height="450" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <label>Length: {{text.length}}</label>
-        <layout gutter="10" style="flex: 1;">
-            <tuieditor v-model="text" @html="html = $event" :disabled="disabled" :theme="theme[0]" :visual="visual" @imgselect="imgselect" style="flex: 1;" :style="{'font-size': size[0], 'font-family': family ? 'Consolas, \'Courier New\', monospace' : undefined}"></tuieditor>
-            <layout gutter="10" direction="v" style="flex: 1;">
-                <text style="flex: 1;" v-model="text" readonly type="multi"></text>
-                <text style="flex: 1;" v-model="html" readonly type="multi"></text>
-            </layout>
-        </layout>
-        <layout gutter="10">
-            <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? '' : '!'}}disabled</button>
-            <button @click="family = !family" style="flex: 1;">{{family ? '' : '!'}}Family CCM</button>
-            <button @click="text = '1**2**3'" style="flex: 1;">v = '1**2**3'</button>
-        </layout>
-        <layout gutter="10">
-            <select v-model="size" :data="['12px', '13px', '14px', '15px', '16px']" style="flex: 1;"></select>
-            <select v-model="theme" :data="themes" style="flex: 1;"></select>
-            <button @click="visual = !visual" style="flex: 1;">{{visual ? '' : '!'}}visual</button>
-        </layout>
-    </layout>
-</form>

package/dist/app/demo/form/control/tuiviewer/tuiviewer.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 = 'a**b**c';
-        this.size = ['12px'];
-        this.family = false;
-    }
-}
-exports.default = default_1;

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

@@ -1,14 +0,0 @@
-<form title="Tuiviewer" width="600" height="450" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <label>Length: {{text.length}}</label>
-        <layout gutter="10" style="flex: 1;">
-            <tuiviewer v-model="text" style="flex: 1;" :style="{'font-size': size[0], 'font-family': family ? 'Consolas, \'Courier New\', monospace' : undefined}"></tuiviewer>
-            <text style="flex: 1;" v-model="text" type="multi"></text>
-        </layout>
-        <layout gutter="10">
-            <button @click="family = !family" style="flex: 1;">{{family ? '' : '!'}}Family CCM</button>
-            <button @click="text = '1**2**3'" style="flex: 1;">v = '1**2**3'</button>
-            <select v-model="size" :data="['12px', '13px', '14px', '15px', '16px']" style="flex: 1;"></select>
-        </layout>
-    </layout>
-</form>

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

@@ -1,91 +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;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-const img_1 = __importDefault(require("../arteditor/img"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.list = [
-            {
-                'title': 'main',
-                'src': 'res/img.jpg'
-            }
-        ];
-        this.disabled = false;
-        this.multi = false;
-        this.drag = false;
-        this.length = ['7'];
-        this.progress = undefined;
-    }
-    select() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const frm = yield clickgo.form.create(img_1.default);
-            const path = yield frm.showDialog();
-            if (!path) {
-                return;
-            }
-            this.progress = 0;
-            const timer = clickgo.task.createTimer(() => __awaiter(this, void 0, void 0, function* () {
-                if (this.progress === undefined) {
-                    clickgo.task.removeTimer(timer);
-                    return;
-                }
-                this.progress += clickgo.tool.rand(0, 70);
-                if (this.progress < 100) {
-                    return;
-                }
-                this.progress = 100;
-                clickgo.task.removeTimer(timer);
-                yield clickgo.tool.sleep(500);
-                this.progress = undefined;
-                this.list.push(path);
-            }), 500);
-        });
-    }
-}
-exports.default = default_1;

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

@@ -1,15 +0,0 @@
-<form width="700" height="500" title="Uploader">
-    <layout direction="v" gutter="10" style="flex: 1; padding: 10px;">
-        <label>value: {{list}}</label>
-        <uploader :disabled="disabled" v-model="list" :multi="multi" :drag="drag" :length="length[0]" @select="select" pre="/package/" :progress="progress"></uploader>
-        <layout gutter="10">
-            <button style="flex: 1" @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>
-            <button style="flex: 1" @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
-            <button style="flex: 1" @click="drag = !drag">{{drag ? '' : '!'}}drag</button>
-        </layout>
-        <layout gutter="10">
-            <button style="flex: 1" @click="list.push({'title': 'main', 'src': 'res/img.jpg'})">Add title</button>
-            <select style="flex: 1" v-model="length" :data="['3', '5', '7', '10']"></select>
-        </layout>
-    </layout>
-</form>

package/dist/app/demo/form/control/vflow/vflow.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}.content{display:inline-block;padding:5px;background:var(--g-border-color);color:var(--face);margin-left:2px;margin-bottom:1px}

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

@@ -1,112 +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;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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 = [100];
-        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.cWidth6 = 0;
-        this.is6 = {
-            '29': 50,
-            '39': 50
-        };
-        this.gesture = false;
-        this.style = false;
-        this.selection = false;
-        this.content = false;
-        this.area = {};
-    }
-    get is() {
-        const is = [];
-        for (let i = 0; i < this.lineCount; ++i) {
-            if (i > 0 && i % 10 === 0) {
-                is[i] = 30;
-                continue;
-            }
-        }
-        return is;
-    }
-    onGesture(dir) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('onGesture: ' + dir);
-        });
-    }
-}
-exports.default = default_1;

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

@@ -1,22 +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;
-}
-
-.content {
-    display: inline-block; padding: 5px; background: var(--g-border-color); color: var(--face); margin-left: 2px; margin-bottom: 1px;
-}

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

@@ -1,89 +0,0 @@
-<form title="Vflow" 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;">
-                <vflow 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, 'padding': style ? '10px' : undefined}" class="border" style="flex: 1; width: 0;" :data="lineCount" v-slot="data" :sizes="is">
-                    <button v-if="data.index > 0 && data.index % 10 === 0">test</button>
-                    <block v-else>Line {{data.row}}, index: {{data.index}}<label v-if="content" class="content">ha</label>.</block>
-                </vflow>
-                <layout class="border" style="flex: 1; width: 0;">
-                    <vflow 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, 'padding': style ? '10px' : undefined}" style="flex: 1; width: 0;" :data="lineCount" v-slot="data" :sizes="is">
-                        <block v-if="data.index > 0 && data.index % 10 === 0" class="custom">Custom</block>
-                        <block v-else>Line {{data.row}}, index: {{data.index}}.</block>
-                    </vflow>
-                    <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 -->
-            <vflow 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, 'padding': style ? '10px' : undefined}" class="border" style="flex: 1; height: 0;" :data="lineCount" v-slot="data">
-                <layout align-v="center" align-h="center" direction="v" class="rightborder" style="width: 80px;">
-                    <label>Col {{data.row}}.</label>
-                    <label>index: {{data.index}}.</label>
-                </layout>
-            </vflow>
-            <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="[100, 500, 1000, 10000]" 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="content = !content" style="flex: 1; width: 0;">{{content ? '' : '!'}}content</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;">
-                <vflow 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" :data="lineCount" v-slot="data" :sizes="is">
-                    <layout align-v="center" direction="v" :class="[direction && 'rightborder']" style="flex: 1;">
-                        <button v-if="data.index > 0 && data.index % 10 === 0" :style="{'width': direction ? '30px' : undefined}">btn</button>
-                        <block v-else :style="{'width': direction ? '80px' : undefined, 'text-align': direction ? 'center' : undefined}">Line {{data.row}}</block>
-                    </layout>
-                </vflow>
-            </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; width: 0;">Add 10 lines</button>
-                <button @click="lineCount -= 10;if(lineCount < 0) {lineCount = 0;}" style="flex: 1; width: 0;">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; width: 0;">Change direction</button>
-                <button @click="line5 = (line5 === 10 ? 1 : 10)" style="flex: 1; width: 0;">Change data</button>
-                <label>Direction: {{dir5}}</label>
-            </layout>
-            <vflow 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;" :data="line5" v-slot="data">
-                <layout :direction="dir5 === 'h' ? 'v' : 'h'">
-                    <layout v-for="j of 10" class="block">
-                        <block>{{data.row}}-{{j}}</block>
-                    </layout>
-                </layout>
-            </vflow>
-            <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;">
-            <vflow class="border" direction="v" style="flex: 1; width: 0;" :data="100" @clientwidth="cWidth6 = $event" v-slot="data" :sizes="is6">
-                <vflow v-if="data.row === 30" :data="50" v-slot="data" class="border" direction="v" style="height: 50px;">
-                    <label>Line {{data.row}}</label>
-                </vflow>
-                <vflow v-else-if="data.row === 40" :data="50" v-slot="data" class="border" style="height: 50px;" :style="{'width': cWidth6 + 'px'}">
-                    <label class="rightborder" style="width: 80px;">Line {{data.row}}</label>
-                </vflow>
-                <label v-else>Line {{data.row}}</label>
-            </vflow>
-        </layout>
-    </tab>
-</form>

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

@@ -1,47 +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.controls = false;
-        this.loop = false;
-        this.muted = false;
-        this.play = false;
-        this.volume = 50;
-    }
-}
-exports.default = default_1;

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

@@ -1,14 +0,0 @@
-<form width="450" height="500" title="Video" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1;">
-        <label>volume: {{volume}}</label>
-        <video src="/package/res/video.mp4" :controls="controls" :loop="loop" :muted="muted" v-model:volume="volume" v-model:play="play" style="flex: 1; height: 0;"></video>
-        <layout gutter="10">
-            <button @click="controls = !controls" style="flex: 1;">{{controls ? '' : '!'}}controls</button>
-            <button @click="loop = !loop" style="flex: 1;">{{loop ? '' : '!'}}loop</button>
-            <button @click="muted = !muted" style="flex: 1;">{{muted ? '' : '!'}}muted</button>
-        </layout>
-        <layout gutter="10">
-            <button @click="play = !play" style="flex: 1;">{{play ? '' : '!'}}play</button>
-        </layout>
-    </layout>
-</form>

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

@@ -1,43 +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.src = 'https://www.maiyun.net';
-    }
-}
-exports.default = default_1;

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

@@ -1,4 +0,0 @@
-<form title="Web" width="700" height="600" direction="v">
-    <text v-model="src" />
-    <web :src="src" style="flex: 1" />
-</form>