clickgo 3.16.28 → 4.0.1

package/dist/app/demo/form/method/dom/dom.js

@@ -1,228 +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.watchSizeText = false;
-        this.watchSizeHeight = true;
-        this.watchText = false;
-        this.watchInner = true;
-        this.watchStyleChange = true;
-        this.bindGestureText = '';
-        this.bindGestureWheelText = '';
-        this.bindLongText = false;
-        this.moveLeft = 0;
-        this.moveTop = 0;
-        this.moveWidth = 25;
-        this.moveHeight = 25;
-        this.watchPositionText = false;
-        this.getWatchInfoDisabled = false;
-        this.getWatchInfoText = '{}';
-        this.scaleX = 0;
-        this.scaleY = 0;
-        this.scaleS = 1;
-    }
-    get isMove() {
-        return clickgo.dom.is.move;
-    }
-    get isShift() {
-        return clickgo.dom.is.shift;
-    }
-    get isCtrl() {
-        return clickgo.dom.is.ctrl;
-    }
-    get isMeta() {
-        return clickgo.dom.is.meta;
-    }
-    get isFull() {
-        return clickgo.dom.is.full;
-    }
-    get isDark() {
-        return clickgo.dom.is.dark;
-    }
-    setGlobalCursor(type) {
-        clickgo.dom.setGlobalCursor(type);
-    }
-    hasTouchButMouse(e) {
-        clickgo.form.dialog(clickgo.dom.hasTouchButMouse(e) ? 'true' : 'false').catch((e) => { throw e; });
-    }
-    getStyleCount() {
-        clickgo.form.dialog(clickgo.dom.getStyleCount(this.taskId, 'form').toString()).catch((e) => { throw e; });
-    }
-    async getWatchSizeCount(taskId) {
-        await clickgo.form.dialog(clickgo.dom.getWatchSizeCount(taskId).toString());
-    }
-    watchSize() {
-        this.watchSizeText = !this.watchSizeText;
-        if (this.watchSizeText) {
-            clickgo.dom.watchSize(this.refs.watchSize.$el, () => {
-                clickgo.form.dialog(JSON.stringify({
-                    'width': this.refs.watchSize.$el.offsetWidth,
-                    'height': this.refs.watchSize.$el.offsetHeight
-                })).catch((e) => { throw e; });
-            });
-        }
-        else {
-            clickgo.dom.unwatchSize(this.refs.watchSize.$el);
-        }
-    }
-    watchPosition() {
-        this.watchPositionText = !this.watchPositionText;
-        if (this.watchPositionText) {
-            clickgo.dom.watchPosition(this.refs.watchPosition.$el, (state) => {
-                console.log('watchPosition', state);
-            });
-        }
-        else {
-            clickgo.dom.unwatchPosition(this.refs.watchPosition.$el);
-        }
-    }
-    wwatch() {
-        this.watchText = !this.watchText;
-        if (this.watchText) {
-            clickgo.dom.watch(this.refs.watch.$el, () => {
-                clickgo.form.dialog('Changed.').catch((e) => { throw e; });
-            }, 'text');
-        }
-        else {
-            clickgo.dom.unwatch(this.refs.watch.$el);
-        }
-    }
-    async getWatchCount(taskId) {
-        await clickgo.form.dialog(clickgo.dom.getWatchCount(taskId).toString());
-    }
-    isWatchStyle() {
-        clickgo.form.dialog(clickgo.dom.isWatchStyle(this.refs.watchStyle.$el) ? 'true' : 'false').catch((e) => { throw e; });
-    }
-    async getWatchInfo() {
-        this.getWatchInfoDisabled = true;
-        for (let i = 0; i < 40; ++i) {
-            const rtn = clickgo.dom.getWatchInfo();
-            this.getWatchInfoText = JSON.stringify(rtn, undefined, 4);
-            await clickgo.tool.sleep(500);
-        }
-        this.getWatchInfoDisabled = false;
-    }
-    bindGesture(e) {
-        clickgo.dom.bindGesture(e, (ne, dir) => {
-            if (['top', 'bottom'].includes(dir)) {
-                return 1;
-            }
-            return 0;
-        }, async (dir) => {
-            this.bindGestureText = dir.slice(0, 1).toUpperCase() + dir.slice(1);
-            await clickgo.tool.sleep(500);
-            this.bindGestureText = '';
-        });
-    }
-    bindGestureWheel(e) {
-        clickgo.dom.bindGesture(e, (ne, dir) => {
-            if (['top', 'bottom', 'left', 'right'].includes(dir)) {
-                return 1;
-            }
-            return 0;
-        }, async (dir) => {
-            this.bindGestureWheelText = dir.slice(0, 1).toUpperCase() + dir.slice(1);
-            await clickgo.tool.sleep(500);
-            this.bindGestureWheelText = '';
-        });
-    }
-    bindLong() {
-        clickgo.form.dialog('Press and hold this button.').catch((e) => { throw e; });
-    }
-    bindLongDown(e) {
-        clickgo.dom.bindLong(e, async () => {
-            this.bindLongText = true;
-            await clickgo.tool.sleep(500);
-            this.bindLongText = false;
-        });
-    }
-    bindDragDown(e) {
-        clickgo.dom.bindDrag(e, {
-            'el': this.refs.bindDrag,
-            'data': 'bindDragDownTest'
-        });
-    }
-    async dragEnter(e) {
-        e.target.innerText = 'enter';
-        await clickgo.tool.sleep(200);
-        e.target.innerText = '';
-    }
-    async dragLeave(e) {
-        e.target.innerText = 'leave';
-        await clickgo.tool.sleep(200);
-        e.target.innerText = '';
-    }
-    async drop(e) {
-        e.target.innerText = 'drop';
-        await clickgo.tool.sleep(500);
-        e.target.innerText = '';
-    }
-    bindMoveDown(e) {
-        clickgo.dom.bindMove(e, {
-            'areaObject': e.currentTarget,
-            'object': this.refs.move,
-            move: (e, o) => {
-                this.moveLeft += o.ox;
-                this.moveTop += o.oy;
-            }
-        });
-    }
-    moveDown(e) {
-        clickgo.dom.bindDblClick(e, () => {
-            this.moveWidth = this.moveWidth === 25 ? 50 : 25;
-            this.moveHeight = this.moveHeight === 25 ? 50 : 25;
-        });
-    }
-    bindScaleDown(e) {
-        clickgo.dom.bindScale(e, (e, scale, cpos) => {
-            e.preventDefault();
-            this.scaleX += cpos.x;
-            this.scaleY += cpos.y;
-            this.scaleS *= scale;
-        });
-    }
-    async fullscreen() {
-        await clickgo.dom.fullscreen();
-    }
-    onMounted() {
-        clickgo.dom.watchStyle(this.refs.watchStyle.$el, 'font-size', (n, v) => {
-            clickgo.form.dialog('name: ' + n + ', value: ' + v).catch((e) => { throw e; });
-        });
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/method/dom/dom.scss

@@ -1,10 +0,0 @@
-.dropLine {
-    display: flex; flex: 1; margin-bottom: 5px;
-
-    > block {
-        border: solid 1px var(--g-plain-border-color); flex: 1; margin-right: 5px; display: flex; justify-content: center; align-items: center;
-        &[data-cg-hover] {
-            background-color: var(--g-color); color: var(--face);
-        }
-    }
-}

package/dist/app/demo/form/method/dom/dom.xml

@@ -1,76 +0,0 @@
-<form width="400" height="450" title="Library dom">
-    <flow direction="v" style="flex: 1; padding: 10px;">
-        <layout gutter="10" direction="v" style="flex: 1;">
-            <button @click="setGlobalCursor('wait')" >setGlobalCursor('wait')</button>
-            <button @click="setGlobalCursor" >setGlobalCursor()</button>
-            <button @click="hasTouchButMouse" >hasTouchButMouse()</button>
-            <button @click="getStyleCount" >getStyleCount({{taskId}}, 'form')</button>
-            <layout gutter="10">
-                <button @click="watchSize" ref="watchSize" :style="{'height': (watchSizeHeight ? 30 : 50) + 'px'}" style="flex: 1;">{{watchSizeText ? '' : '!'}}watchSize</button>
-                <button @click="watchSizeHeight = !watchSizeHeight" style="flex: 1;">Change</button>
-            </layout>
-            <layout gutter="10" align-v="center">
-                <button @click="watchPosition" ref="watchPosition" style="flex: 1;">{{watchPositionText ? '' : '!'}}watchPosition</button>
-                <label>watch and scroll</label>
-            </layout>
-            <layout gutter="10">
-                <button style="flex: 1;" @click="getWatchSizeCount()">getWatchSizeCount()</button>
-                <button style="flex: 1;" @click="getWatchSizeCount(taskId)">getWatchSizeCount({{taskId}})</button>
-            </layout>
-            <layout gutter="10">
-                <layout ref="watch" align-v="center" align-h="center" style="flex: 1; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">{{watchInner ? 'inner' : 'Inner'}}</layout>
-                <button @click="wwatch">{{watchText ? '' : '!'}}watch</button>
-                <button @click="watchInner = !watchInner">Change</button>
-            </layout>
-            <layout gutter="10">
-                <button style="flex: 1;" @click="getWatchCount()">getWatchCount()</button>
-                <button style="flex: 1;" @click="getWatchCount(taskId)">getWatchCount({{taskId}})</button>
-            </layout>
-            <button @click="watchStyleChange = !watchStyleChange" ref="watchStyle"  :style="{'font-size': watchStyleChange ? 'inherit' : '16px'}">watchStyle(this.refs.watchStyle.$el, 'font-size', (n, v) => { ... })</button>
-            <button @click="isWatchStyle" >isWatchStyle(this.refs.watchStyle.$el)</button>
-            <!-- getWatchInfo -->
-            <text :model-value="getWatchInfoText" readonly type="multi" style="height: 300px;"></text>
-            <button @click="getWatchInfo" :disabled="getWatchInfoDisabled">getWatchInfo 20s</button>
-            <block @mousedown="bindGesture" @touchstart="bindGesture" style="height: 50px; display: flex; justify-content: center; align-items: center; font-size: 14px; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">{{bindGestureText ? bindGestureText : 'bindGesture(e: Touch | Mouse, { ... })'}}</block>
-            <block @wheel="bindGestureWheel" style="height: 50px; display: flex; justify-content: center; align-items: center; font-size: 14px; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">{{bindGestureWheelText ? bindGestureWheelText : 'bindGesture(e: Wheel, { ... })'}}</block>
-            <button @click="bindLong" ref="bindLong" @mousedown="bindLongDown" @touchstart="bindLongDown" >{{bindLongText ? 'Yeah!' : 'bindLong(e, () => { ... })'}}</button>
-            <block style="height: 100px; display: flex; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">
-                <block style="flex: 1; display: flex; justify-content: center; align-items: center;">
-                    <block @mousedown="bindDragDown" @touchstart="bindDragDown" ref="bindDrag" style="width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: solid 1px var(--g-plain-border-color);">Drag</block>
-                </block>
-                <block style="margin-left: 10px; flex: 1; display: flex; flex-direction: column; padding: 5px 0 0 5px;">
-                    <block class="dropLine">
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                    </block>
-                    <block class="dropLine">
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                    </block>
-                    <block class="dropLine">
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                        <block data-cg-drop @dragenter="dragEnter" @dragleave="dragLeave" @drop="drop"></block>
-                    </block>
-                </block>
-            </block>
-            <block @mousedown="bindMoveDown" @touchstart="bindMoveDown" style="height: 50px; display: flex; justify-content: center; align-items: center; font-size: 14px; position: relative; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">
-                <label>bindMove(e, { ... })</label>
-                <block ref="move" style="background: #07c160; position: absolute;" :style="{'left': moveLeft + 'px', 'top': moveTop + 'px', 'width': moveWidth + 'px', 'height': moveHeight + 'px'}" @touchstart="moveDown" @mousedown="moveDown"></block>
-            </block>
-            <!-- 双指缩放 -->
-            <block @mousedown="bindScaleDown" @touchstart="bindScaleDown" @touchmove="bindScaleDown" @touchend="bindScaleDown" @wheel="bindScaleDown" style="height: 200px; display: flex; justify-content: center; align-items: center; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); overflow: hidden;">
-                <block style="background: #07c160; width: 25px; height: 25px; pointer-events: none;" :style="{'transform': 'translate3d(' + scaleX + 'px, ' + scaleY + 'px, 0) scale(' + scaleS + ')'}"></block>
-            </block>
-            <button @click="fullscreen" >fullscreen()</button>
-            <label>clickgo.dom.is.move: {{isMove ? 'true' : 'false'}}</label>
-            <label>clickgo.dom.is.shift: {{isShift ? 'true' : 'false'}}</label>
-            <label>clickgo.dom.is.ctrl: {{isCtrl ? 'true' : 'false'}}</label>
-            <label>clickgo.dom.is.meta: {{isMeta ? 'true' : 'false'}}</label>
-            <label>clickgo.dom.is.full: {{isFull ? 'true' : 'false'}}</label>
-            <label>clickgo.dom.is.dark: {{isDark ? 'true' : 'false'}}</label>
-        </layout>
-    </flow>
-</form>

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

@@ -1,244 +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.fid = '0';
-        this.tid = '0';
-        this.type = ['primary'];
-        this.atype = ['default'];
-        this.progress = ['noraml'];
-        this.dr = '';
-        this.hash = 'hash' + clickgo.tool.rand(0, 100).toString();
-    }
-    min() {
-        clickgo.form.min(this.formId);
-    }
-    max() {
-        clickgo.form.max(this.formId);
-    }
-    close() {
-        clickgo.form.close(this.formId);
-    }
-    bindResize(e) {
-        clickgo.form.bindResize(e, 'rb');
-    }
-    bindDrag(e) {
-        clickgo.form.bindDrag(e);
-    }
-    getTaskId() {
-        clickgo.form.dialog(clickgo.form.getTaskId(parseInt(this.fid)).toString()).catch((e) => { throw e; });
-    }
-    get() {
-        clickgo.form.dialog(JSON.stringify(clickgo.form.get(parseInt(this.fid)))).catch((e) => { throw e; });
-    }
-    async getHash() {
-        await clickgo.form.dialog(JSON.stringify(clickgo.form.getHash(parseInt(this.fid))));
-    }
-    async hashBack() {
-        await clickgo.form.dialog(JSON.stringify(await clickgo.form.hashBack(parseInt(this.fid))));
-    }
-    async tohash() {
-        await clickgo.form.dialog(JSON.stringify(clickgo.form.hash(this.hash, parseInt(this.fid))));
-    }
-    async getActivePanel() {
-        await clickgo.form.dialog(JSON.stringify(clickgo.form.getActivePanel(parseInt(this.fid))));
-    }
-    async getFocus() {
-        const f = clickgo.form.getFocus();
-        await clickgo.form.dialog(f ? f.toString() : 'null');
-    }
-    changeFocus() {
-        clickgo.form.changeFocus(parseInt(this.fid));
-    }
-    getList() {
-        let str = JSON.stringify(clickgo.form.getList(parseInt(this.tid)));
-        str = str.replace(/"icon":"(.*?)"/g, function (t, t1) {
-            return `"icon":"${t1 ? (t1.slice(0, 10) + '...') : t1}"`;
-        });
-        clickgo.form.dialog(`<flow direction="v" style="width: 200px; height: 80px;">${str}</flow>`).catch((e) => { throw e; });
-    }
-    getMaxZIndexID() {
-        const fid = clickgo.form.getMaxZIndexID();
-        clickgo.form.dialog(JSON.stringify(fid)).catch((e) => { throw e; });
-    }
-    getRectByBorder() {
-        const size = clickgo.form.getRectByBorder('rb');
-        clickgo.form.dialog(JSON.stringify(size)).catch((e) => { throw e; });
-    }
-    showCircular(e) {
-        clickgo.form.showCircular(e.clientX, e.clientY);
-    }
-    async showRectangle(e) {
-        clickgo.form.showRectangle(e.clientX, e.clientY, 'rb');
-        await clickgo.tool.sleep(1000);
-        clickgo.form.hideRectangle();
-    }
-    async showDrag() {
-        clickgo.form.showDrag();
-        const rect = this.refs.showDrag.$el.getBoundingClientRect();
-        clickgo.form.moveDrag({
-            'left': rect.left,
-            'top': rect.top,
-            'width': rect.width,
-            'height': rect.height
-        });
-        await clickgo.tool.sleep(1000);
-        clickgo.form.hideDrag();
-    }
-    async notify() {
-        let icon = null;
-        if (this.progress[0] === 'progress + icon') {
-            icon = await clickgo.fs.getContent('/package/res/icon.svg');
-        }
-        if (icon instanceof Blob) {
-            icon = await clickgo.tool.blob2DataUrl(icon);
-        }
-        const nid = clickgo.form.notify({
-            'title': this.progress[0] === 'only content' ? undefined : 'Notify',
-            'content': this.progress[0] === 'only title' ? undefined : 'Content',
-            'type': this.type[0],
-            'progress': (this.progress[0] === 'progress + icon') ? true : false,
-            'icon': icon
-        });
-        if (this.progress[0] === 'progress + icon') {
-            clickgo.form.notifyProgress(nid, 12);
-            await clickgo.tool.sleep(1000);
-            clickgo.form.notifyProgress(nid, 30);
-            await clickgo.tool.sleep(300);
-            clickgo.form.notifyProgress(nid, 50);
-            clickgo.form.notifyContent(nid, {
-                'content': 'loading... (3/4)'
-            });
-            await clickgo.tool.sleep(700);
-            clickgo.form.notifyProgress(nid, 75);
-            clickgo.form.notifyContent(nid, {
-                'content': 'loading... (4/4)'
-            });
-            await clickgo.tool.sleep(1000);
-            clickgo.form.notifyProgress(nid, 100);
-            clickgo.form.notifyContent(nid, {
-                'title': 'Done',
-                'content': 'loaded'
-            });
-        }
-    }
-    alert() {
-        const aid = clickgo.form.alert(this.atype[0], this.atype[0]);
-        console.log('aid', aid);
-    }
-    showPop(e) {
-        if (!e.currentTarget) {
-            return;
-        }
-        clickgo.form.showPop(e.currentTarget, this.refs.pop, 'v');
-    }
-    async create() {
-        const frm = await clickgo.form.create('test', undefined, {
-            'path': this.filename
-        });
-        frm.show();
-    }
-    async dialog() {
-        this.dr = await clickgo.form.dialog('Hello world!');
-    }
-    async dialogLong() {
-        this.dr = await clickgo.form.dialog('longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong');
-    }
-    async dialogTitle() {
-        this.dr = await clickgo.form.dialog({
-            'title': 'Title',
-            'content': 'Hello world!'
-        });
-    }
-    async dialogButtons() {
-        this.dr = await clickgo.form.dialog({
-            'content': 'Hello world!',
-            'buttons': ['A', 'B', 'C']
-        });
-    }
-    async dialogCannot() {
-        this.dr = await clickgo.form.dialog({
-            'content': 'Hello world!',
-            'buttons': ['Do not close', 'Close'],
-            'select': (e, button) => {
-                if (button === 'Do not close') {
-                    e.preventDefault();
-                }
-            }
-        });
-    }
-    async dialogData() {
-        this.dr = await clickgo.form.dialog({
-            'direction': 'v',
-            'gutter': 10,
-            'content': '<block>Hello text!</block><text :modelValue="data.txt" />',
-            'data': {
-                'txt': 'Text\nLine 2.'
-            }
-        });
-    }
-    async confirm(cancel) {
-        this.dr = await clickgo.form.confirm({
-            'content': 'Hello world?',
-            'cancel': cancel
-        });
-        if (typeof this.dr === 'boolean') {
-            this.dr = this.dr ? 'true (boolean)' : 'false (boolean)';
-        }
-        else {
-            this.dr = this.dr.toString() + ' (number)';
-        }
-    }
-    async prompt() {
-        this.dr = await clickgo.form.prompt('test');
-    }
-    flash() {
-        clickgo.form.flash(this.formId);
-    }
-    showLauncher() {
-        clickgo.form.showLauncher();
-    }
-    onReceive(obj) {
-        clickgo.form.dialog(JSON.stringify(obj)).catch((e) => { throw e; });
-    }
-    onMounted() {
-        this.fid = this.formId.toString();
-        this.tid = this.taskId.toString();
-    }
-}
-exports.default = default_1;

package/dist/app/demo/form/method/form/form.xml

@@ -1,74 +0,0 @@
-<form width="350" height="500" title="Library form">
-    <flow direction="v" style="flex: 1; padding: 10px;">
-        <layout gutter="10" direction="v" style="flex: 1;">
-            <label>This form id: {{formId}}</label>
-            <button @click="min">min({{formId}})</button>
-            <button @click="max">max({{formId}})</button>
-            <button @click="close">close({{formId}})</button>
-            <label @mousedown="bindResize" @touchstart="bindResize" style="padding: 20px; background: rgba(0, 0, 0, .1); cursor: se-resize;">bindResize(e, 'rb')</label>
-            <label @mousedown="bindDrag" @touchstart="bindDrag" style="padding: 20px; background: rgba(0, 0, 0, .1); cursor: move;">bindDrag(e)</label>
-            <layout gutter="10" align-v="center">
-                <label>Form ID:</label>
-                <text v-model="fid" style="flex: 1; width: 0;"></text>
-            </layout>
-            <button @click="getTaskId">getTaskId({{fid}})</button>
-            <button @click="get">get({{fid}})</button>
-            <layout gutter="10">
-                <label>Now Form Hash:</label>
-                <label>{{formHash}}</label>
-            </layout>
-            <button @click="getHash">getHash({{fid}})</button>
-            <button @click="hashBack">hashBack({{fid}})</button>
-            <layout gutter="10" align-v="center">
-                <label>Form Hash:</label>
-                <text v-model="hash" style="flex: 1; width: 0;"></text>
-            </layout>
-            <button @click="tohash">hash('{{hash}}', {{fid}})</button>
-            <button @click="getActivePanel">getActivePanel({{fid}})</button>
-            <layout gutter="10" align-v="center">
-                <label>Task ID:</label>
-                <text v-model="tid" style="flex: 1; width: 0;"></text>
-                <button @click="getList">getList({{tid}})</button>
-            </layout>
-            <button @click="getFocus">getFocus()</button>
-            <button @click="changeFocus">changeFocus({{fid}})</button>
-            <button @click="getMaxZIndexID">getMaxZIndexID()</button>
-            <button @click="getRectByBorder">getRectByBorder('rb')</button>
-            <button @click="showCircular">showCircular(x, y)</button>
-            <button @click="showRectangle">showRectangle(x, y, 'rb')</button>
-            <button @click="showDrag" ref="showDrag">showDrag()</button>
-            <layout gutter="10">
-                <select v-model="type" :data="['primary', 'info', 'warning', 'danger']"></select>
-                <select v-model="progress" :data="['normal', 'progress + icon', 'only title', 'only content']" style="flex: 1; width: 0;"></select>
-                <button @click="notify">notify({ ... })</button>
-            </layout>
-            <layout gutter="10">
-                <select v-model="atype" :data="['default', 'primary', 'info', 'warning', 'danger']" style="flex: 1;"></select>
-                <button @click="alert">alert({ ... })</button>
-            </layout>
-            <button @click="showPop">showPop(e.currentTarget, this.refs.pop)</button>
-            <teleport to="system">
-                <layout ref="pop" gutter="10" direction="v" align-v="center" align-h="center" style="border: solid 1px #000; background: #FFF; width: 200px; height: 100px;">
-                    <label>refs.pop</label>
-                    <layout gutter="10">
-                        <select :data="[1,2,3]"></select>
-                        <select :data="[4,5,6]"></select>
-                    </layout>
-                </layout>
-            </teleport>
-            <button @click="create">create('test', undefined, { 'path': this.filename })</button>
-            <label>Dialog result: {{dr}}.</label>
-            <button @click="dialog">dialog('Hello world!')</button>
-            <button @click="dialogLong">dialog('long...')</button>
-            <button @click="dialogTitle">dialog({'title':'Title','content':'Hello world!'})</button>
-            <button @click="dialogButtons">dialog({'content':'Hello world!','buttons':['A','B','C']})</button>
-            <button @click="dialogCannot">Dialog can not be close</button>
-            <button @click="dialogData">Dialog data</button>
-            <button @click="confirm(false)">confirm('confirm')</button>
-            <button @click="confirm(true)">confirm({'content':'confirm','cancel':true})</button>
-            <button @click="prompt">prompt('test')</button>
-            <button @click="flash">flash({{formId}})</button>
-            <button @click="showLauncher">showLauncher()</button>
-        </layout>
-    </flow>
-</form>

package/dist/app/demo/form/method/form/test.xml

@@ -1,5 +0,0 @@
-<form width="200" height="200" title="From path">
-    <layout align-v="center" align-h="center" style="flex: 1; width: 0;">
-        <label>Create form path</label>
-    </layout>
-</form>