clickgo 3.16.28 → 4.0.0

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,101 +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 = [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;
-    }
-    async onGesture(dir) {
-        await 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>

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

@@ -1,100 +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.r = {
-            'cols': 0,
-            'rows': 0,
-            'width': 0,
-            'height': 0
-        };
-        this.access = {
-            'term': undefined
-        };
-        this.input = '';
-    }
-    onData(data) {
-        switch (data) {
-            case '\u0003': {
-                this.access.term.writeln('^C');
-                this.access.term.write('~$ ');
-                this.input = '';
-                break;
-            }
-            case '\r': {
-                this.access.term.writeln('');
-                if (this.input.length > 0) {
-                    this.access.term.writeln(`${this.input}: command not found`);
-                }
-                this.access.term.write('~$ ');
-                this.input = '';
-                break;
-            }
-            case '\u007F': {
-                if (this.input.length === 0) {
-                    break;
-                }
-                this.input = this.input.slice(0, -1);
-                this.access.term.write('\b \b');
-                break;
-            }
-            default: {
-                if ((data >= String.fromCharCode(0x20) && data <= String.fromCharCode(0x7E)) || (data === '\u00a0')) {
-                    for (const item of data) {
-                        if (this.input.length < 15) {
-                            this.input += item;
-                            this.access.term.write(item);
-                        }
-                    }
-                }
-                else {
-                    console.log('data', data);
-                }
-            }
-        }
-    }
-    onInit(term) {
-        this.access.term = term;
-        this.access.term.write('~$ ');
-        this.access.term.focus();
-    }
-    onResize(r) {
-        this.r = r;
-    }
-}
-exports.default = default_1;

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

@@ -1,6 +0,0 @@
-<form title="Xterm" width="500" height="450">
-    <layout direction="v" style="flex: 1;">
-        <xterm ref="xterm" style="flex: 1; height: 0;" @data="onData" @resize="onResize" @init="onInit"></xterm>
-        <label style="padding: 5px;">cols: {{r.cols}}, rows: {{r.rows}}, width: {{r.width}}, height: {{r.height}}</label>
-    </layout>
-</form>

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

@@ -1 +0,0 @@
-@keyframes flash{0%,50%{border:solid 1px rgba(0,0,0,.8);color:initial}51%,100%{border-color:#000;background-color:#333;color:#fff}}.item{border:solid 1px #333;padding:5px;min-height:30px;min-width:150px}.item.focus{background-color:#fff;color:#333}.item:hover{background-color:rgba(0,0,0,.1)}.item:active{background-color:#333;color:#fff}.item.flash{animation:flash .2s linear infinite}

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

@@ -1,169 +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.flist = {};
-        this.list = [];
-    }
-    pushConsole(name, text) {
-        const date = new Date();
-        this.list.unshift({
-            'time': date.getHours().toString() + ':' + date.getMinutes().toString() + ':' + date.getSeconds().toString(),
-            'name': name,
-            'text': text
-        });
-    }
-    changeFocus(fid) {
-        clickgo.form.changeFocus(parseInt(fid));
-    }
-    onMounted() {
-        const list = clickgo.task.getList();
-        for (const taskId in list) {
-            const flist = clickgo.form.getList(parseInt(taskId));
-            for (const fid in flist) {
-                this.flist[fid] = {
-                    'title': flist[fid].title,
-                    'icon': flist[fid].icon,
-                    'stateMax': flist[fid].stateMax,
-                    'stateMin': flist[fid].stateMin,
-                    'show': flist[fid].show,
-                    'focus': flist[fid].focus,
-                    'flash': false,
-                    'showInTask': flist[fid].showInSystemTask
-                };
-            }
-        }
-    }
-    onFormCreated(taskId, formId, title, icon, showInSystemTask) {
-        this.flist[formId] = {
-            'title': title,
-            'icon': icon,
-            'stateMax': false,
-            'stateMin': false,
-            'show': false,
-            'focus': false,
-            'flash': false,
-            'showInTask': true
-        };
-        this.pushConsole('formCreated', `taskId: ${taskId}, formId: ${formId}, title: ${title}, icon: ${icon ? icon.slice(0, 10) + '...' : 'null'}, sist: ${showInSystemTask ? 'true' : 'false'}`);
-    }
-    onFormRemoved(taskId, formId, title, icon) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId] = undefined;
-        delete this.flist[formId];
-        this.pushConsole('formRemoved', `taskId: ${taskId}, formId: ${formId}, title: ${title}, icon: ${icon ? icon.slice(0, 10) + '...' : 'null'}`);
-    }
-    onFormTitleChanged(taskId, formId, title) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].title = title;
-        this.pushConsole('formTitleChanged', `taskId: ${taskId}, formId: ${formId}, title: ${title}`);
-    }
-    onFormIconChanged(taskId, formId, icon) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].icon = icon;
-        this.pushConsole('formIconChanged', `taskId: ${taskId}, formId: ${formId}, icon: ${icon ? icon.slice(0, 10) + '...' : 'null'}`);
-    }
-    onFormStateMinChanged(taskId, formId, state) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].min = state;
-        this.pushConsole('formStateMinChanged', `taskId: ${taskId}, formId: ${formId}, state: ${state ? 'true' : 'false'}`);
-    }
-    onFormStateMaxChanged(taskId, formId, state) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].max = state;
-        this.pushConsole('formStateMaxChanged', `taskId: ${taskId}, formId: ${formId}, state: ${state ? 'true' : 'false'}`);
-    }
-    onFormShowChanged(taskId, formId, state) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].show = state;
-        this.pushConsole('formShowChanged', `taskId: ${taskId}, formId: ${formId}, state: ${state ? 'true' : 'false'}`);
-    }
-    onFormFocused(taskId, formId) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].focus = true;
-        this.pushConsole('formFocused', `taskId: ${taskId}, formId: ${formId}`);
-    }
-    onFormBlurred(taskId, formId) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].focus = false;
-        this.pushConsole('formBlurred', `taskId: ${taskId}, formId: ${formId}`);
-    }
-    async onFormFlash(taskId, formId) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        if (this.flist[formId].flash) {
-            clickgo.task.removeTimer(this.flist[formId].flash);
-        }
-        this.pushConsole('formFlash', `taskId: ${taskId}, formId: ${formId}`);
-        this.flist[formId].flash = true;
-        await clickgo.tool.sleep(1000);
-        this.flist[formId].flash = false;
-    }
-    onFormShowInSystemTaskChange(taskId, formId, value) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.flist[formId].title = value;
-        this.pushConsole('formShowInSystemTaskChange', `taskId: ${taskId}, formId: ${formId}, value: ${value}`);
-    }
-    onFormHashChange(taskId, formId, value, data) {
-        if (!this.flist[formId]) {
-            return;
-        }
-        this.pushConsole('formHashChange', `taskId: ${taskId}, formId: ${formId}, value: ${value}, data: ${JSON.stringify(data).slice(0, 20)}...`);
-        return;
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/event/form/form.scss

@@ -1,24 +0,0 @@
-@keyframes flash {
-    0%, 50% {
-        border: solid 1px rgba(0, 0, 0, .8); color: initial;
-    }
-    51%, 100% {
-        border-color: rgba(0, 0, 0, 1); background-color: hsl(0, 0%, 20%); color: #FFF;
-    }
-}
-
-.item {
-    border: solid 1px hsl(0, 0%, 20%); padding: 5px; min-height: 30px; min-width: 150px;
-    &.focus {
-        background-color: #FFF; color: hsl(0, 0%, 20%);
-    }
-    &:hover {
-        background-color: rgba(0, 0, 0, .1);
-    }
-    &:active {
-        background-color: hsl(0, 0%, 20%); color: #FFF;
-    }
-    &.flash {
-        animation: flash .2s linear infinite;
-    }
-}