clickgo 3.16.28 → 4.0.0

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

@@ -1,17 +0,0 @@
-block {
-    width: 150px; height: 100px; display: flex; justify-content: center; align-items: center;
-}
-
-.block {
-    background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, .5) inset;
-    &:hover {
-        box-shadow: 0 0 20px rgba(0, 0, 0, .4) inset;
-    }
-    &:active {
-        box-shadow: 0 0 40px rgba(0, 0, 0, .5) inset;
-    }
-}
-
-.block2 {
-    background: linear-gradient(to right, rgb(255, 96, 52), rgb(238, 10, 36)); color: #FFF;
-}

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

@@ -1,7 +0,0 @@
-<form width="300" height="300" title="Block">
-    <layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
-        <label>Like div, you can use CSS:</label>
-        <block class="block">Block</block>
-        <block class="block2">Block2</block>
-    </layout>
-</form>

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

@@ -1,87 +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.val1 = {
-            'id1': {
-                'type': 'rect',
-                'width': 150,
-                'height': 120,
-                'x': 40,
-                'y': 20
-            }
-        };
-        this.id = 0;
-        this.selected = [];
-        this.val2 = {
-            'btn': {
-                'type': 'rect',
-                'width': 150,
-                'height': 120,
-                'x': 40,
-                'y': 20
-            }
-        };
-    }
-    add() {
-        this.val2['tmp' + (++this.id).toString()] = {
-            'type': 'rect',
-            'width': clickgo.tool.rand(50, 150),
-            'height': clickgo.tool.rand(50, 150),
-            'x': clickgo.tool.rand(0, 200),
-            'y': clickgo.tool.rand(0, 200)
-        };
-    }
-    remove() {
-        for (const id in this.val2) {
-            delete this.val2[id];
-            break;
-        }
-    }
-    up() {
-        for (const item of this.selected) {
-            this.val2[item].index = 999;
-        }
-    }
-    down() {
-        for (const item of this.selected) {
-            this.val2[item].index = 0;
-        }
-    }
-}
-exports.default = default_1;

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

@@ -1,23 +0,0 @@
-<form width="400" height="500" title="Box" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1;">
-        <box style="flex: 1;" v-model="val1"></box>
-        <layout gutter="10" style="flex: 1;">
-            <block style="flex: 1; position: relative; border: solid 1px var(--g-border-color); overflow: hidden;">
-                <block style="position: absolute; width: 100%; height: 100%; z-index: 1;">
-                    <template v-for="item, id of val2">
-                        <button v-if="(id === 'btn') || (id.slice(3) % 2)" style="position: absolute;" :style="{'left': item.x + 'px', 'top': item.y + 'px', 'width': item.width + 'px', 'height': item.height + 'px', 'z-index': (item.index ?? 1).toString()}">button{{id.slice(3)}}</button>
-                        <text v-else :modelValue="'text' + id.slice(3)" style="position: absolute;" :style="{'left': item.x + 'px', 'top': item.y + 'px', 'width': item.width + 'px', 'height': item.height + 'px', 'z-index': (item.index ?? 1).toString()}"></text>
-                    </template>
-                </block>
-                <box v-model="val2" v-model:selected="selected" style="position: absolute; width: 100%; height: 100%; z-index: 2;"></box>
-            </block>
-            <layout direction="v" gutter="10">
-                <button style="flex: 1;" @click="add">Add</button>
-                <button style="flex: 1;" @click="remove">Remove</button>
-                <button style="flex: 1;" @click="up">Up</button>
-                <button style="flex: 1;" @click="down">Down</button>
-            </layout>
-        </layout>
-        <label>{{selected}}</label>
-    </layout>
-</form>

package/dist/app/demo/form/control/button/button.css

@@ -1 +0,0 @@
-.buttons button{flex:3}.buttons select{flex:1}.tbuttons{padding:5px;background-color:rgba(255,255,255,.1)}.tbuttons button{margin-right:2px}img{width:16px;height:16px}

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

@@ -1,51 +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.btnChecked = false;
-        this.btnRadio = '0';
-        this.type = ['default'];
-        this.area = ['all'];
-        this.plain = ['not'];
-        this.sizeh = false;
-    }
-    async dialog(text) {
-        await clickgo.form.dialog(text);
-    }
-}
-exports.default = default_1;

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

@@ -1,18 +0,0 @@
-.buttons {
-    button {
-        flex: 3;
-    }
-    select {
-        flex: 1;
-    }
-}
-.tbuttons {
-    padding: 5px; background-color: rgba(255, 255, 255, .1);
-    button {
-        margin-right: 2px;
-    }
-}
-
-img {
-    width: 16px; height: 16px;
-}

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

@@ -1,133 +0,0 @@
-<form width="500" height="400" title="Button">
-    <flow direction="v" style="flex: 1; width: 0;">
-        <layout direction="v" gutter="10" style="padding: 10px;">
-            <label>Type:</label>
-            <layout gutter="10" class="buttons">
-                <button>Default</button>
-                <button type="primary">Primary</button>
-                <button type="info">Info</button>
-                <button type="warning">Warning</button>
-                <button type="danger">Danger</button>
-                <button type="tool">Tool</button>
-            </layout>
-            <label>Plain:</label>
-            <layout gutter="10" class="buttons">
-                <button plain>Default</button>
-                <button type="primary" plain>Primary</button>
-                <button type="info" plain>Info</button>
-                <button type="warning" plain>Warning</button>
-                <button type="danger" plain>Danger</button>
-                <button type="tool" plain>Tool</button>
-            </layout>
-            <label>Disabled:</label>
-            <layout gutter="10" class="buttons">
-                <button disabled>Default</button>
-                <button type="primary" disabled>Primary</button>
-                <button type="info" disabled>Info</button>
-                <button type="warning" disabled>Warning</button>
-                <button type="danger" disabled>Danger</button>
-                <button type="tool" disabled>Tool</button>
-            </layout>
-            <layout gutter="10" class="buttons">
-                <button plain disabled>Default</button>
-                <button type="primary" plain disabled>Primary</button>
-                <button type="info" plain disabled>Info</button>
-                <button type="warning" plain disabled>Warning</button>
-                <button type="danger" plain disabled>Danger</button>
-                <button type="tool" plain disabled>Tool</button>
-            </layout>
-            <label>Image:</label>
-            <layout gutter="10" class="buttons">
-                <button>
-                    <img src="../../../res/icon.svg" /><label style="padding-left: 5px;">Default</label>
-                </button>
-                <button disabled>
-                    <img src="../../../res/icon.svg" /><label style="padding-left: 5px;">Disabled</label>
-                </button>
-                <button type="primary" plain>
-                    <img src="../../../res/icon.svg" /><label style="padding-left: 5px;">Default</label>
-                </button>
-                <button type="primary" plain disabled>
-                    <img src="../../../res/icon.svg" /><label style="padding-left: 5px;">Disabled</label>
-                </button>
-            </layout>
-            <label>Checked:</label>
-            <layout gutter="10" class="buttons">
-                <button checked>Always</button>
-                <button :checked="btnChecked" @click="btnChecked = !btnChecked">Toggle</button>
-                <button :checked="btnRadio === '0'" @click="btnRadio = '0'">Radio 1</button>
-                <button :checked="btnRadio === '1'" @click="btnRadio = '1'">Radio 2</button>
-            </layout>
-            <label>Menu:</label>
-            <layout gutter="10" class="buttons">
-                <button :type="type[0]" :area="area[0]" :plain="plain[0] === 'plain' ? 'plain' : undefined" @click="dialog('Click!')">
-                    <template v-slot>Area all</template>
-                    <template v-slot:pop>
-                        <menulist>
-                            <menulist-item alt="T">Test 1</menulist-item>
-                            <menulist-item alt="U">Test 2</menulist-item>
-                        </menulist>
-                    </template>
-                </button>
-                <select v-model="type" :data="['default', 'primary', 'info', 'warning', 'danger', 'tool']"></select>
-                <select v-model="area" :data="['all', 'split', 'mark']"></select>
-                <select v-model="plain" :data="['plain', 'not']"></select>
-            </layout>
-            <label>Tool buttons:</label>
-            <layout class="tbuttons">
-                <button type="tool">
-                    <img src="../../../res/icon.svg" />
-                </button>
-                <button type="tool">
-                    <img src="../../../res/icon.svg" style="filter: hue-rotate(45deg);" />
-                </button>
-                <button type="tool">
-                    <img src="../../../res/icon.svg" style="filter: hue-rotate(90deg);" />
-                </button>
-                <button type="tool">
-                    <img src="../../../res/icon.svg" style="filter: hue-rotate(135deg);" />
-                </button>
-                <button type="tool">
-                    <img src="../../../res/icon.svg" style="filter: hue-rotate(180deg);" />
-                </button>
-                <button type="tool" area="mark">
-                    <img src="../../../res/icon.svg" style="filter: hue-rotate(180deg);" />
-                    <template v-slot:pop>
-                        <menulist>
-                            <menulist-item alt="T">Test 1</menulist-item>
-                            <menulist-item alt="U">Test 2</menulist-item>
-                        </menulist>
-                    </template>
-                </button>
-                <button type="tool" area="split" style="width: initial;">
-                    <img src="../../../res/icon.svg" />
-                    <template v-slot:pop>
-                        <menulist>
-                            <menulist-item alt="T">Test 1</menulist-item>
-                            <menulist-item alt="U">Test 2</menulist-item>
-                        </menulist>
-                    </template>
-                </button>
-            </layout>
-            <label>Other:</label>
-            <layout gutter="10" align-v="center">
-                <button size="xl" :sizeh="sizeh">Size xl</button>
-                <button size="l" area="split" :sizeh="sizeh">
-                    Size l with pop
-                    <template v-slot:pop>
-                        <menulist>
-                            <menulist-item alt="T">Test 1</menulist-item>
-                        </menulist>
-                    </template>
-                </button>
-                <button @click="sizeh = !sizeh">{{sizeh ? '' : '!'}}sizeh</button>
-            </layout>
-            <label>Bgroup:</label>
-            <bgroup plain>
-                <button>Btn1</button>
-                <button>Btn2</button>
-                <button>Btn3</button>
-            </bgroup>
-        </layout>
-    </flow>
-</form>

package/dist/app/demo/form/control/calendar/calendar.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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.mv = [];
-        this.ym = '';
-        this.bottom = false;
-        this.left = false;
-        this.disabled = false;
-        this.plain = false;
-        this.start = false;
-        this.end = false;
-        this.dlist = false;
-        this.selected = '';
-        this.select = '';
-    }
-    onChanged() {
-        console.log('onChanged', JSON.stringify(this.mv));
-    }
-    onSelected(e) {
-        this.selected = e.detail.value;
-    }
-    setmv() {
-        this.mv = ['20230101', '20230108'];
-    }
-}
-exports.default = default_1;

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

@@ -1,34 +0,0 @@
-<form width="600" height="780" title="Calendar">
-    <layout direction="v" gutter="10" style="padding: 10px; flex: 1;">
-        <label>modelValue: {{mv}}</label>
-        <label>yearmonth: {{ym}}</label>
-        <label>selected: {{selected}}, select: {{select}}</label>
-        <label>dlist: {{dlist ? ['20240101'] : undefined}}</label>
-        <calendar v-model="mv" v-model:yearmonth="ym" v-model:select="select" :disabled="disabled" :plain="plain" :start="start ? '20240305' : undefined" :end="end ? '20280306' : undefined" :disabledList="dlist ? ['20240101'] : undefined" @changed="onChanged" @selected="onSelected" style="flex: 1;">
-            <template v-if="bottom" v-slot="d">
-                <layout style="flex: 1;" align-h="center">{{d.year}}</layout>
-            </template>
-            <template v-if="left" v-slot:left="d">
-                <block style="text-align: center;">Year{{d.index}}</block>
-            </template>
-        </calendar>
-        <layout gutter="10">
-            <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? '' : '!'}}disabled</button>
-            <button @click="plain = !plain" style="flex: 1;">{{plain ? '' : '!'}}plain</button>
-            <button @click="bottom = !bottom" style="flex: 1;">{{bottom ? '' : '!'}}bottom</button>
-        </layout>
-        <layout gutter="10">
-            <button @click="setmv" style="flex: 1;">Set modelValue</button>
-            <button @click="start = !start" style="flex: 1;">{{start ? '' : '!'}}start</button>
-            <button @click="end = !end" style="flex: 1;">{{end ? '' : '!'}}end</button>
-        </layout>
-        <layout gutter="10" align-v="center">
-            <button @click="ym = '200708'" style="flex: 1;">Set yearmonth</button>
-            <button @click="dlist = !dlist" style="flex: 1;">{{dlist ? '' : '!'}}disabledList</button>
-            <button @click="left = !left" style="flex: 1;">{{left ? '' : '!'}}left</button>
-        </layout>
-        <layout gutter="10" align-v="center">
-            <button @click="select = '20200203'" style="flex: 1;">Set select</button>
-        </layout>
-    </layout>
-</form>

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

@@ -1,60 +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.tcResult = 'waiting...';
-        this.cfResult = 'waiting...';
-        this.tcKey = '';
-        this.cfKey = '';
-    }
-    tcOnResult(res) {
-        this.tcResult = res;
-    }
-    tcOnReset() {
-        this.tcResult = 'waiting...';
-        this.refs.tc.reset();
-    }
-    cfOnResult(res) {
-        this.cfResult = res;
-    }
-    cfOnReset() {
-        this.cfResult = 'waiting...';
-        this.refs.cf.reset();
-    }
-}
-exports.default = default_1;

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

@@ -1,10 +0,0 @@
-<form title="Captcha" width="500" height="500" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <label>tc: {{tcResult}}</label>
-        <captcha ref="tc" factory="tc" :akey="tcKey" @result="tcOnResult"></captcha>
-        <button @click="tcOnReset">Reset TC</button>
-        <label>cf: {{cfResult}}</label>
-        <captcha ref="cf" factory="cf" :akey="cfKey" @result="cfOnResult"></captcha>
-        <button @click="cfOnReset">Reset CF</button>
-    </layout>
-</form>

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

@@ -1,54 +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.checked1 = false;
-        this.checked2 = false;
-        this.checked3 = false;
-        this.indeterminate1 = false;
-        this.indeterminate2 = false;
-        this.indeterminate3 = false;
-        this.indeterminate4 = false;
-        this.disabled = false;
-    }
-    async onChange(e) {
-        e.preventDefault();
-        await clickgo.form.dialog('v: ' + (e.detail.value ? 'true' : 'false') + ', i: ' + (e.detail.indeterminate ? 'true' : 'false'));
-    }
-}
-exports.default = default_1;

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

@@ -1,17 +0,0 @@
-<form title="Check" width="300" height="300" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-        <label>Checked: {{checked1}}, {{checked2}}, {{checked3}}</label>
-        <label>indeterminate: {{indeterminate1}}, {{indeterminate2}}, {{indeterminate3}}</label>
-        <layout gutter="10">
-            <check v-model="checked1" v-model:indeterminate="indeterminate1" :disabled="disabled" style="flex: 1;">check1</check>
-            <check v-model="checked2" v-model:indeterminate="indeterminate2" :disabled="disabled" style="flex: 1;">check2</check>
-        </layout>
-        <layout gutter="10">
-            <check v-model="checked3" v-model:indeterminate="indeterminate3" :disabled="disabled" style="flex: 1;">check3</check>
-            <check v-model:indeterminate="indeterminate4" :disabled="disabled" @change="onChange" style="flex: 1;">check4 (not)</check>
-        </layout>
-        <button @click="indeterminate1=true;indeterminate2=true;indeterminate3=true;indeterminate4=true">Set indeterminate</button>
-        <button @click="disabled = !disabled">{{disabled ? 'Remove' : 'Set'}} disabled</button>
-        <button @click="checked2 = true">Set checked2 = true</button>
-    </layout>
-</form>

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

@@ -1,36 +0,0 @@
-<form width="550" height="500" title="Circle" padding="10">
-    <layout direction="v" gutter="10" style="flex: 1;">
-        <label>Default:</label>
-        <layout gutter="10">
-            <circle />
-            <circle type="primary" />
-            <circle type="info" />
-            <circle type="warning" />
-            <circle type="danger" />
-            <circle type="cg" />
-        </layout>
-        <label>Plain:</label>
-        <layout gutter="10">
-            <circle plain />
-            <circle type="primary" plain />
-            <circle type="info" />
-            <circle type="warning" plain />
-            <circle type="danger" plain />
-            <circle type="cg" plain />
-        </layout>
-        <label>Size:</label>
-        <layout gutter="10" align-v="center">
-            <circle type="primary" size="xl" />
-            <circle type="primary" size="l" />
-            <circle type="primary" size="m" />
-            <circle type="primary" size="s" />
-        </layout>
-        <label>Slot:</label>
-        <layout gutter="10" align-v="center">
-            <circle type="cg" size="xl">1</circle>
-            <circle type="cg" plain size="xl">2</circle>
-            <circle size="xl">3</circle>
-            <circle size="xl" plain>4</circle>
-        </layout>
-    </layout>
-</form>