clickgo 3.16.28 → 4.0.0

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

@@ -1,273 +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.area = 'all';
-        this.slist = [
-            {
-                'type': 0,
-                'name': 'Appraise',
-                'path': 'Bob >> folder >> Appraise',
-                'src': '/package/res/r-1.svg'
-            },
-            {
-                'type': 0,
-                'name': 'Card',
-                'path': 'Bob >> folder >> Card',
-                'src': '/package/res/r-2.svg',
-                'menu': true
-            },
-            {
-                'type': 0,
-                'name': 'Appraise2',
-                'path': 'Bob >> folder >> Appraise2',
-                'src': '/package/res/r-1.svg',
-                'disabled': true
-            },
-            {
-                'control': 'split'
-            },
-            {
-                'type': 1
-            }
-        ];
-        this.select = [];
-        this.slist2 = [
-            'haha1', 'haha2', 'haha3', {
-                'label': 'tip',
-                'color': 'tip'
-            }, 'haha4', {
-                'value': 'hA5',
-                'label': 'The value is hA5'
-            }, {
-                'value': 'ha6',
-                'label': 'Can not be selected',
-                'disabled': true
-            }, {
-                'value': 'title',
-                'children': [
-                    {
-                        'label': 'sub1label'
-                    }, {
-                        'label': 'sub2'
-                    }, {
-                        'label': 'Sub title',
-                        'children': ['1', '2']
-                    }
-                ]
-            }, {
-                'label': 'happy',
-                'children': ['xixi', 'xixida', {
-                        'value': 'gogogo',
-                        'children': ['aaa', 'bbb', 'ccc']
-                    }]
-            }
-        ];
-        this.addRemoveList = [];
-        this.select2 = ['haha4'];
-        this.aemodel = [];
-        this.label2 = [];
-        this.asyncModel = ['1'];
-        this.asyncData = {};
-        this.select3 = '';
-        this.label3 = '';
-        this.level3 = [];
-        this.s3other = false;
-        this.slist3r = ['a', 'b', 'c', 'haha3'];
-        this.editableDataValue = ['0'];
-        this.editableData = {
-            '0': ['1', '2', '3', { 'label': 'is gDa', 'value': 'gDa' }, '5'],
-            '1': ['6', '7', '8', '9', '10', { 'label': 'But gDa', 'value': 'gDa' }],
-            '2': ['11', '12', '13', '14', 'gDa', { 'label': 'Other', 'value': 'o' }],
-            '3': []
-        };
-        this.noValue = [];
-        this.reward = ['z'];
-        this.disabledList = [];
-        this.unavailableList = [];
-        this.padding = ['m'];
-        this.fontSize = false;
-        this.background = false;
-        this.disabled = false;
-        this.multi = false;
-        this.search = false;
-        this.editable = false;
-        this.tree = false;
-        this.async = false;
-        this.icon = false;
-        this.remote = false;
-        this.remoteDelay = [0];
-        this.plain = false;
-        this.virtual = false;
-        this.leftlabel = true;
-    }
-    get sizes() {
-        const rtn = {};
-        for (let i = 0; i < this.slist.length; ++i) {
-            if (this.slist[i].control === 'split') {
-                rtn[i] = 3;
-                continue;
-            }
-            if (this.slist[i].type === 1) {
-                rtn[i] = 31;
-                continue;
-            }
-        }
-        return rtn;
-    }
-    async onLoad(value, resolve) {
-        if (value !== 'haha4') {
-            await clickgo.tool.sleep(100);
-            if (value === 'haha2') {
-                resolve(['60']);
-            }
-            else {
-                resolve();
-            }
-            return;
-        }
-        await clickgo.tool.sleep(300);
-        resolve(['he', 'ha']);
-    }
-    onLoaded() {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'Levelselect @loaded',
-            'content': 'Done'
-        });
-    }
-    async onRemote(e) {
-        await clickgo.tool.sleep(300);
-        if (!e.detail.value || e.detail.value === '8') {
-            await e.detail.callback();
-            return;
-        }
-        await e.detail.callback(['test', e.detail.value, 'remote', {
-                'label': 'label',
-                'value': 'ok'
-            }, {
-                'label': 'label2',
-                'value': 2
-            }]);
-    }
-    onGAdd(e) {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'Greatselect @add',
-            'content': 'value: ' + e.detail.value.toString()
-        });
-        if (this.slist[e.detail.value].type === 1) {
-            e.preventDefault();
-        }
-    }
-    onGRemove(e) {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'Greaselect @remove',
-            'content': 'value: ' + e.detail.value.toString()
-        });
-    }
-    onGChange(e) {
-        console.log('onGChange', e);
-    }
-    onGChanged(e) {
-        console.log('onGChanged', e);
-    }
-    onAdd(e) {
-        this.addRemoveList.unshift('@add, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
-    }
-    onAdded(e) {
-        this.addRemoveList.unshift('@added, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
-    }
-    onRemove(e) {
-        this.addRemoveList.unshift('@remove, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
-    }
-    onRemoved(e) {
-        this.addRemoveList.unshift('@removed, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
-    }
-    onChange(e) {
-        console.log('onChange', e);
-        if (e.detail.value[0] === 'title') {
-            e.preventDefault();
-        }
-    }
-    onChanged(e) {
-        console.log('onChanged', JSON.stringify(e, null, 4));
-    }
-    onTagclick(e) {
-        this.addRemoveList.unshift('@tagclick, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
-    }
-    changeArea() {
-        switch (this.area) {
-            case 'all': {
-                this.area = 'arrow';
-                break;
-            }
-            case 'arrow': {
-                this.area = 'text';
-                break;
-            }
-            default: {
-                this.area = 'all';
-            }
-        }
-    }
-    asyncLoad() {
-        const list = ['0', {
-                'label': 'ok',
-                'value': '1'
-            }, '2', '3'];
-        for (let i = 0; i < list.length; ++i) {
-            this.asyncData[i.toString()] = list[i];
-        }
-        this.asyncModel[0] = '1';
-    }
-    onMounted() {
-        this.watch(() => this.select.join(','), (n, o) => {
-            if (this.multi) {
-                return;
-            }
-            if (this.slist[parseInt(n)].type === 0) {
-                return;
-            }
-            this.select = [parseInt(o)];
-        });
-    }
-}
-exports.default = default_1;

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

@@ -1,141 +0,0 @@
-<form title="Select" width="450" height="650" min-width="300" min-height="400" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <tab v-model="ntab" :tabs="['greatselect', 'select', 'levelselect']" style="flex: 1; height: 0;">
-            <!-- greatselect -->
-            <layout v-if="ntab === 'greatselect'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-                <label>Now select value is {{select}}:</label>
-                <greatselect v-model="select" :data="slist" :area="area" :disabled="disabled" :multi="multi" :plain="plain" :sizes="sizes" :virtual="virtual" :padding="padding[0]" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" style="line-height: 1.3;" @add="onGAdd" @remove="onGRemove" @change="onGChange" @changed="onGChanged">
-                    <layout align-v="center" gutter="5" style="flex: 1;">
-                        <img :src="slist[select[0]] ? slist[select[0]].src : ''" style="width: 32px; height: 32px;"></img>
-                        <block>
-                            <block>{{slist[select[0]] ? slist[select[0]].name : 'None'}}{{select.length > 1 ? ' [multi]' : ''}}</block>
-                            <block style="opacity: .7;">{{slist[select[0]] ? slist[select[0]].path : 'none'}}</block>
-                        </block>
-                    </layout>
-                    <template v-slot:pop="data">
-                        <layout v-if="data.row.type === 0" align-v="center" gutter="5" style="flex: 1;">
-                            <img :src="data.row.src" style="width: 32px; height: 32px;"></img>
-                            <block>
-                                <block>{{data.row.name}}</block>
-                                <block style="opacity: .7;">{{data.row.path}}</block>
-                            </block>
-                        </layout>
-                        <template v-else>Other</template>
-                    </template>
-                    <template v-slot:itempop>
-                        <menulist>
-                            <menulist-item alt="S">Set the default</menulist-item>
-                        </menulist>
-                    </template>
-                </greatselect>
-                <label>Custom pop:</label>
-                <greatselect pop="custom" :area="area" :plain="plain" :disabled="disabled" :virtual="virtual" :padding="padding[0]" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}">
-                    <label>Pop is button.</label>
-                    <template v-slot:pop>
-                        <button>Nothing</button>
-                    </template>
-                </greatselect>
-                <layout gutter="10">
-                    <button @click="slist.splice(-2, 0, {'type': 0, 'name': 'Card' + slist.length, 'path': 'Bob >> folder >> Card', 'src': '/package/res/r-2.svg','disabled': false})" style="flex: 1;">Add item</button>
-                    <button @click="slist.splice(-3, 1)" style="flex: 1;">Remove item</button>
-                </layout>
-            </layout>
-            <!-- select -->
-            <flow v-else-if="ntab === 'select'" direction="v" style="flex: 1; width: 0;">
-                <layout gutter="10" direction="v" style="padding: 10px;">
-                    <label>Now select value is {{select2}}</label>
-                    <label>Label: {{label2}}</label>
-                    <select v-model="select2" @label="label2 = $event" :data="slist2" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :disabledList="disabledList" :unavailableList="unavailableList" :leftlabel="leftlabel" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" @added="onAdded" @removed="onRemoved" @change="onChange" @changed="onChanged" @tagclick="onTagclick" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
-                    <layout gutter="10">
-                        <button @click="select2[0]='ha6'" style="flex: 1">Select disabled</button>
-                        <button @click="disabledList = disabledList.length > 1 ? ['haha4'] : ['haha3', 'ha5']" style="flex: 1">{{disabledList.length ? disabledList : 'disabledList'}}</button>
-                    </layout>
-                    <button @click="unavailableList = unavailableList.length > 1 ? ['haha4'] : ['haha3', 'ha5']">{{unavailableList.length ? unavailableList : 'unavailableList'}}</button>
-                    <list :data="addRemoveList" style="height: 100px;"></list>
-                    <label>Custom height:</label>
-                    <select :data="['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :leftlabel="leftlabel" style="height: 60px;" @load="onLoad" @remote="onRemote" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" v-slot:row="data">
-                        <layout gutter="5" align-v="center"><circle />{{data.row.label}}</layout>
-                    </select>
-                    <label>Always editable: {{aemodel}}</label>
-                    <layout gutter="10" align-v="center">
-                        <select v-model="aemodel" :data="editableData[editableDataValue[0]]" :disabled="disabled" editable editablelabel :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :leftlabel="leftlabel" placeholder="Please enter" @load="onLoad" @remote="onRemote" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
-                        <button @click="aemodel.length=0">clear</button>
-                        <button @click="aemodel[0] = '4'">4</button>
-                        <button @click="aemodel[0] = '22'">22</button>
-                        <label>data</label>
-                        <select v-model="editableDataValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" />
-                    </layout>
-                    <layout gutter="10">
-                        <button @click="icon = !icon" style="flex: 1;">{{icon ? '' : '!'}}icon</button>
-                        <button @click="tree = !tree" style="flex: 1;">{{tree ? '' : '!'}}tree</button>
-                        <button v-if="tree" @click="async = !async" style="flex: 1;">{{async ? '' : '!'}}async</button>
-                    </layout>
-                    <layout gutter="10">
-                        <button @click="search = !search" style="flex: 1;">{{search ? '' : '!'}}search</button>
-                        <template v-if="search">
-                            <button @click="remote = !remote" style="flex: 1;">{{remote ? '' : '!'}}remote</button>
-                            <select :data="[0, 100, 500, 1000, 2000]" v-model="remoteDelay" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
-                        </template>
-                    </layout>
-                    <!-- async 延迟加载 data -->
-                    <label>Async value: {{asyncModel}}</label>
-                    <layout gutter="10">
-                        <select v-model="asyncModel" :data="asyncData" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
-                        <button v-if="!asyncData.length" @click="asyncLoad">Load</button>
-                    </layout>
-                    <!-- no value -->
-                    <label>No value: {{noValue}}</label>
-                    <layout gutter="10">
-                        <select v-model="noValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" search :leftlabel="leftlabel" style="flex: 1;" />
-                        <button @click="noValue = []">Clear</button>
-                    </layout>
-                    <!-- rearward -->
-                    <label>Rearward: {{reward}}</label>
-                    <layout gutter="10">
-                        <select v-model="reward" :data="['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'z']" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
-                        <button @click="reward[0] = 'z'">z</button>
-                    </layout>
-                </layout>
-            </flow>
-            <!-- levelselect -->
-            <flow v-else-if="ntab === 'levelselect'" direction="v" style="flex: 1; width: 0;">
-                <layout gutter="10" direction="v" style="padding: 10px;">
-                    <label>Now select value is {{select3}}</label>
-                    <label>Label: {{label3}}</label>
-                    <label>Level: {{level3}}</label>
-                    <levelselect ref="lese" v-model="select3" @label="label3 = $event" @level="level3 = $event" :data="s3other ? slist3r : slist2" :disabled="disabled" :plain="plain" :async="async" :virtual="virtual" :padding="padding[0]" placeholder="Please enter" @load="onLoad" @loaded="onLoaded" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></levelselect>
-                    <button @click="async = !async">{{async ? '' : '!'}}async</button>
-                    <layout gutter="10">
-                        <button @click="select3 = 'title'" style="flex: 1;">Set: 'title'</button>
-                        <button @click="select3 = 'haha2'" style="flex: 1;">'haha2'</button>
-                        <button @click="select3 = 'ababa'" style="flex: 1;">'ababa'</button>
-                    </layout>
-                    <layout gutter="10">
-                        <button @click="select3 = 'sub2'" style="flex: 1;">Set: 'sub2'</button>
-                        <button @click="select3 = 'gogogo'" style="flex: 1;">'gogogo'</button>
-                    </layout>
-                    <button @click="refs.lese.selectLevelValue(['title', 'sub2'])">selectLevelValue(['title', 'sub2'])</button>
-                    <button @click="refs.lese.selectLevelValue(['haha4', 'he'])">selectLevelValue(['haha4', 'he'])</button>
-                    <button @click="select3 = ''">Clear</button>
-                    <button @click="s3other = !s3other">Set {{s3other ? 'this' : 'other'}} data</button>
-                </layout>
-            </flow>
-        </tab>
-        <layout gutter="10">
-            <button @click="plain = !plain" style="flex: 1;">{{plain ? '' : '!'}}plain</button>
-            <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? '' : '!'}}disabled</button>
-            <button v-if="ntab === 'greatselect'" @click="changeArea" style="flex: 1;">Area: {{area}}</button>
-            <button v-else-if="ntab === 'select'" @click="editable = !editable" style="flex: 1;">{{editable ? '' : '!'}}editable</button>
-        </layout>
-        <layout gutter="10">
-            <button @click="fontSize = !fontSize" style="flex: 1;">Change font size</button>
-            <select v-model="padding" :data="['0', 'xs', 's', 'm', 'l', 'xl']" style="flex: 1;"></select>
-            <button v-if="ntab === 'select'" @click="leftlabel = !leftlabel" style="flex: 1;">{{leftlabel ? '' : '!'}}leftlabel</button>
-        </layout>
-        <layout gutter="10">
-            <button @click="background = !background" style="flex: 1;">Change bg color</button>
-            <button v-if="ntab !== 'levelselect'" @click="multi = !multi" style="flex: 1;">{{multi ? '' : '!'}}multi</button>
-            <button @click="virtual = !virtual" style="flex: 1;">{{virtual ? '' : '!'}}virtual</button>
-        </layout>
-    </layout>
-</form>

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

@@ -1,11 +0,0 @@
-<form width="450" height="350" title="Setting" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1;">
-        <label>Options</label>
-        <setting>
-            <setting-item title="How are you" note="Ok, I'm ok, you?">END</setting-item>
-            <setting-item title="How are you" note="Ok, I'm ok, you?">
-                <switch />
-            </setting-item>
-        </setting>
-    </layout>
-</form>

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

@@ -1,28 +0,0 @@
-<form width="450" height="350" title="Sgroup" padding="10">
-    <layout gutter="10" style="flex: 1;">
-        <layout direction="v" gutter="10" style="flex: 1;">
-            <label>Default:</label>
-            <sgroup gutter="10" align-v="center">
-                <label>Label:</label><button>Button</button>
-            </sgroup>
-            <label>Primary:</label>
-            <sgroup gutter="10" type="primary" align-v="center">
-                <label>Label:</label><button>Button</button>
-            </sgroup>
-            <label>Info:</label>
-            <sgroup gutter="10" type="info" align-v="center">
-                <label>Label:</label><button>Button</button>
-            </sgroup>
-        </layout>
-        <layout direction="v" gutter="10" style="flex: 1;">
-            <label>Warning:</label>
-            <sgroup gutter="10" type="warning" align-v="center">
-                <label>Label:</label><button>Button</button>
-            </sgroup>
-            <label>Danger:</label>
-            <sgroup gutter="10" type="danger" align-v="center">
-                <label>Label:</label><button>Button</button>
-            </sgroup>
-        </layout>
-    </layout>
-</form>

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

@@ -1,61 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.data = [
-            {
-                'label': 'step1'
-            },
-            {
-                'value': 'step2'
-            },
-            {
-                'icon': '/package/res/marker.svg',
-                'value': 'icon'
-            },
-            {
-                'label': 'successful',
-                'value': 'step3',
-                'desc': 'qq'
-            }
-        ];
-        this.plain = false;
-        this.step1 = '';
-    }
-}
-exports.default = default_1;

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

@@ -1,16 +0,0 @@
-<form title="Step" width="500" height="500" min-width="300" min-height="400" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1;">
-        <label>value: {{step1}}</label>
-        <step :data="data" :plain="plain" v-model="step1"></step>
-        <layout gutter="10">
-            <button style="flex: 1;" @click="step1 = 'step1'">step1</button>
-            <button style="flex: 1;" @click="step1 = 'step2'">step2</button>
-            <button style="flex: 1;" @click="step1 = 'icon'">icon</button>
-        </layout>
-        <layout gutter="10">
-            <button style="flex: 1;" @click="step1 = 'step3'">step3</button>
-            <button style="flex: 1;" @click="step1 = '#'">done</button>
-            <button style="flex: 1;" @click="plain = !plain">{{plain ? '' : '!'}}plain</button>
-        </layout>
-    </layout>
-</form>

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

@@ -1,61 +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.i = 0;
-        this.f = 0;
-        this.layouts = [
-            `<path d="M9.5 2h-6A1.502 1.502 0 0 0 2 3.5v6A1.502 1.502 0 0 0 3.5 11h6A1.502 1.502 0 0 0 11 9.5v-6A1.502 1.502 0 0 0 9.5 2zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5zM20.5 2h-6A1.502 1.502 0 0 0 13 3.5v6a1.502 1.502 0 0 0 1.5 1.5h6A1.502 1.502 0 0 0 22 9.5v-6A1.502 1.502 0 0 0 20.5 2zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5zM9.5 13h-6A1.502 1.502 0 0 0 2 14.5v6A1.502 1.502 0 0 0 3.5 22h6a1.502 1.502 0 0 0 1.5-1.5v-6A1.502 1.502 0 0 0 9.5 13zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5zM20.5 13h-6a1.502 1.502 0 0 0-1.5 1.5v6a1.502 1.502 0 0 0 1.5 1.5h6a1.502 1.502 0 0 0 1.5-1.5v-6a1.502 1.502 0 0 0-1.5-1.5zm.5 7.5a.501.501 0 0 1-.5.5h-6a.501.501 0 0 1-.5-.5v-6a.501.501 0 0 1 .5-.5h6a.501.501 0 0 1 .5.5z" stroke="none"/>`,
-            `<path d="M24 12a4.99 4.99 0 0 1-2.15 4.101l-.85-.495v-.163a3.974 3.974 0 0 0-1.377-7.377l-.79-.124-.052-.798a5.293 5.293 0 0 0-10.214-1.57L8.17 6.59l-.977-.483A2.277 2.277 0 0 0 6.19 5.87a2.18 2.18 0 0 0-1.167.339 2.206 2.206 0 0 0-.98 1.395l-.113.505-.476.2A4 4 0 0 0 5 16h2v1H5a5 5 0 0 1-1.934-9.611 3.21 3.21 0 0 1 1.422-2.025 3.17 3.17 0 0 1 1.702-.493 3.269 3.269 0 0 1 1.446.34 6.293 6.293 0 0 1 12.143 1.867A4.988 4.988 0 0 1 24 12zm-5.437 7.5l-4.016 2.342-4.015-2.342.587-.342-.993-.579-1.578.92 6 3.501 6-3.5-1.579-.92-.992.578zm1.985-3l-1.579-.92-.992.578.586.342-4.016 2.342-4.015-2.342.587-.342-.993-.579-1.578.921 6 3.5zm-12-3l6-3.5 6 3.5-6 3.5zm6 2.342l4.015-2.342-4.016-2.343-4.015 2.343z" stroke="none"/>`,
-            `<path d="M4 4H3v1h2V2h1v20H5v-1H4v2h18V1H4zm3-2h14v20H7zM5 20H3v-1h1v-1h1zm0-6H3v-1h1v-1h1zm0-6H3V7h1V6h1zm0 3H3v-1h1V9h1zm0 6H3v-1h1v-1h1zm10.5-5h-3A3.504 3.504 0 0 0 9 15.5V18h10v-2.5a3.504 3.504 0 0 0-3.5-3.5zm2.5 5h-8v-1.5a2.503 2.503 0 0 1 2.5-2.5h3a2.503 2.503 0 0 1 2.5 2.5zm-4-6a3 3 0 1 0-3-3 3.003 3.003 0 0 0 3 3zm0-5a2 2 0 1 1-2 2 2.002 2.002 0 0 1 2-2z" stroke="none"/>`
-        ];
-        this.files = [
-            '../../../res/icon.svg',
-            '../../../res/r-1.svg',
-            '../../../res/marker.svg'
-        ];
-        this.color = undefined;
-    }
-    get layout() {
-        return this.i >= 3 ? '' : this.layouts[this.i];
-    }
-    get file() {
-        return this.f >= 3 ? '' : this.files[this.f];
-    }
-}
-exports.default = default_1;

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

@@ -1,24 +0,0 @@
-<form title="Svg" width="400" height="450" min-width="400" min-height="400" padding="10" direction="v">
-    <label>Shape: {{layout ? layout.slice(0, 30) + '...' : ''}}</label>
-    <label style="margin-top: 10px;">File: {{file ? file : ''}}</label>
-    <layout align-v="center" align-h="center" style="margin-top: 10px; flex: 1;" :style="{'fill': color, 'stroke': color}">
-        <svg :layout="layout" :src="file" style="width: 64px; height: 64px;" />
-    </layout>
-    <layout gutter="10" style="margin-top: 10px;">
-        <button @click="color = undefined" style="flex: 1; width: 0;">Default</button>
-        <button @click="color = 'green'" style="flex: 1; width: 0;">Green</button>
-        <button @click="color = 'red'" style="flex: 1; width: 0;">Red</button>
-    </layout>
-    <layout gutter="10" style="margin-top: 10px;">
-        <button @click="i = 0" style="flex: 1; width: 0;">Shape 0</button>
-        <button @click="i = 1" style="flex: 1; width: 0;">1</button>
-        <button @click="i = 2" style="flex: 1; width: 0;">2</button>
-        <button @click="i = 3" style="flex: 1; width: 0;">None</button>
-    </layout>
-    <layout gutter="10" style="margin-top: 10px;">
-        <button @click="f = 0" style="flex: 1; width: 0;">File 0</button>
-        <button @click="f = 1" style="flex: 1; width: 0;">1</button>
-        <button @click="f = 2" style="flex: 1; width: 0;">2</button>
-        <button @click="f = 3" style="flex: 1; width: 0;">None</button>
-    </layout>
-</form>