clickgo 3.16.27 → 4.0.0

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

@@ -1,62 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.value = 'radio1';
-        this.disabled = false;
-    }
-    onChange(e) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (e.detail.selected !== 'radio2') {
-                return;
-            }
-            e.preventDefault();
-            yield clickgo.form.dialog('selected: ' + e.detail.selected + ', value: ' + e.detail.value);
-        });
-    }
-}
-exports.default = default_1;

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

@@ -1,15 +0,0 @@
-<form title="Radio" width="300" height="300" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-        <label>Selected value: {{value}}</label>
-        <layout gutter="10">
-            <radio v-model="value" :disabled="disabled" value="radio1" style="flex: 1; width: 0;">radio1</radio>
-            <radio v-model="value" :disabled="disabled" value="radio2" style="flex: 1; width: 0;">radio2</radio>
-        </layout>
-        <layout gutter="10">
-            <radio v-model="value" :disabled="disabled" value="radio3" style="flex: 1; width: 0;">radio3</radio>
-            <radio v-model="value" :disabled="disabled" value="radio4" @change="onChange" style="flex: 1; width: 0;">radio4 (r2n4)</radio>
-        </layout>
-        <button @click="value = 'radio2'">Set value to "radio2"</button>
-        <button @click="disabled = !disabled">{{disabled ? 'Remove' : 'Set'}} disabled</button>
-    </layout>
-</form>

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

@@ -1,52 +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.sh1 = 1000;
-        this.c1 = 100;
-        this.so1 = 500;
-        this.sh2 = 0;
-        this.c2 = 0;
-        this.so2 = 0;
-        this.count = 3;
-        this.float = false;
-        this.disabled = false;
-        this.isShow = true;
-    }
-}
-exports.default = default_1;

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

@@ -1,38 +0,0 @@
-<form title="Scroll" width="400" min-width="300" height="400" min-height="390">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0; background: var(--g-plain-background); padding: 10px;">
-        <layout gutter="10" style="flex: 1; height: 0;">
-            <layout gutter="10" direction="v" style="flex: 1;">
-                <label>Offset: {{so1}}</label>
-                <layout gutter="10">
-                    <button @click="sh1 = (sh1 === 1000 ? 2000 : 1000)" style="flex: 1;">Set length {{sh1 === 1000 ? '2000' : '1000'}}</button>
-                    <button @click="c1 = (c1 === 100 ? 200 : 100)" style="flex: 1;">Set client {{c1 === 100 ? '200' : '100'}}</button>
-                </layout>
-                <layout gutter="10">
-                    <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? 'Remove' : 'Set'}} disabled</button>
-                    <button @click="sh1 = 1000;c1 = 2000" style="flex: 1;">Set client > length</button>
-                </layout>
-            </layout>
-            <scroll :length="sh1" :client="c1" v-model:offset="so1" :disabled="disabled" style="width: 20px;"></scroll>
-            <scroll offset="200" :disabled="disabled" style="width: 30px;"></scroll>
-            <scroll :disabled="disabled" style="width: 30px;"></scroll>
-        </layout>
-        <scroll direction="h" :disabled="disabled" style="height: 30px;"></scroll>
-        <layout style="border: solid 1px var(--g-plain-border-color); flex: 1; height: 0;">
-            <flow v-model:scroll-top="so2" direction="v" @clientheight="c2 = $event" @scrollheight="sh2 = $event" style="line-height: 1.5; flex: 1;">
-                <block style="padding: 10px;">
-                    <block>Length: {{sh2}}, Client: {{c2}}.</block>
-                    <block v-for="line of count">Line {{line}}.</block>
-                </block>
-            </flow>
-            <scroll :length="sh2" :client="c2" v-model:offset="so2" :float="float" :disabled="disabled" @show="isShow = $event" style="width: 20px;"></scroll>
-        </layout>
-        <layout gutter="10" align-v="center">
-            <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-                <label>On the left is the flow control.</label>
-                <label>isShow: {{isShow}}</label>
-            </layout>
-            <button @click="float = !float">{{float ? 'Remove' : 'Set'}} float</button>
-            <button @click="count += 10">Add 10 lines</button>
-        </layout>
-    </layout>
-</form>

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

@@ -1,286 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.ntab = '';
-        this.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;
-    }
-    onLoad(value, resolve) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (value !== 'haha4') {
-                yield clickgo.tool.sleep(100);
-                if (value === 'haha2') {
-                    resolve(['60']);
-                }
-                else {
-                    resolve();
-                }
-                return;
-            }
-            yield clickgo.tool.sleep(300);
-            resolve(['he', 'ha']);
-        });
-    }
-    onLoaded() {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'Levelselect @loaded',
-            'content': 'Done'
-        });
-    }
-    onRemote(e) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.tool.sleep(300);
-            if (!e.detail.value || e.detail.value === '8') {
-                yield e.detail.callback();
-                return;
-            }
-            yield 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>