clickgo 3.16.28 → 4.0.0

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

@@ -1,5 +0,0 @@
-.bottom {
-    button {
-        flex: 1; width: 0;
-    }
-}

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

@@ -1,29 +0,0 @@
-<form v-model:width="width" v-model:height="height" :icon="icon" :title="title" :min="min" :max="max" :close="close" v-model:state-max="stateMax" v-model:state-min="stateMin" :min-width="minWidth" :min-height="minHeight" :resize="resize" :border="border" direction="v" @close="onClose">
-    <flow direction="v">
-        <layout direction="v" gutter="10" style="padding: 10px;">
-            <label>focus: {{formFocus}}, width: {{width}}, height: {{height}}, state-max: {{stateMax}}, state-min: {{stateMin}}.</label>
-            <button @click="icon = icon ? '' : '/package/res/icon.svg'">Set icon</button>
-            <button @click="title = (title === 'Form') ? 'Changed' : 'Form'">Set title</button>
-            <button @click="min = min ? false : true">{{min ? 'Hide' : 'Show'}} min button</button>
-            <button @click="max = max ? false : true">{{max ? 'Hide' : 'Show'}} max button</button>
-            <button @click="cclose = cclose ? false : true">{{cclose ? 'Hide' : 'Show'}} close button</button>
-            <button @click="stateMax = true">To max</button>
-            <button @click="stateMin = true">To min</button>
-            <button @click="minWidth = (minWidth === 200) ? 300 : 200">Set min-width to {{minWidth === 200 ? '300' : '200'}}</button>
-            <button @click="minHeight = (minHeight === 100) ? 200 : 100">Set min-height to {{minHeight === 100 ? '200' : '100'}}</button>
-            <button @click="width = 350">Set width to 350</button>
-            <button @click="height = 400">Set height to 400</button>
-            <button @click="width = 0">Set width auto</button>
-            <button @click="height = 0">Set height auto</button>
-            <button @click="resize = resize ? false : true">{{resize ? 'Disabled' : 'Enabled'}} resize</button>
-            <button @click="showLoading">Show loading</button>
-            <button @click="banClose = !banClose">{{banClose ? '' : '!'}}banClose</button>
-            <layout class="bottom" gutter="10">
-                <button @click="border = 'normal'">Normal</button>
-                <button @click="border = 'thin'">Thin</button>
-                <button @click="border = 'plain'">Plain</button>
-                <button @click="border = 'none'">None</button>
-            </layout>
-        </layout>
-    </flow>
-</form>

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

@@ -1,45 +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.gutter = [0];
-        this.igutter = [0];
-        this.direction = ['h'];
-    }
-}
-exports.default = default_1;

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

@@ -1,27 +0,0 @@
-<form width="350" height="500" title="grid" padding="10">
-    <layout gutter="10" style="flex: 1;">
-        <grid :gutter="gutter[0]" :item-gutter="igutter[0]" :direction="direction[0]" style="flex: 1;" align-h="center">
-            <grid-cell style="background:hsl(0,0%,90%);">1</grid-cell>
-            <grid-cell style="background:hsl(0,0%,85%);">2</grid-cell>
-            <grid-cell style="background:hsl(0,20%,85%);">3</grid-cell>
-            <grid-cell style="background:hsl(0,40%,85%);">4</grid-cell>
-            <grid-cell style="background:hsl(0,0%,80%);padding:10px;" align-v="center" span="2" v-slot="d">
-                <label>span: {{d.span}}</label>
-                <text style="width: 50%; flex: 1;" />
-            </grid-cell>
-            <grid-cell style="background:hsl(0,20%,80%);">6</grid-cell>
-            <grid-cell style="background:hsl(0,40%,80%);">7</grid-cell>
-            <grid-cell style="background:hsl(0,60%,80%);" align-h="right" align-v="bottom" size-l="4" size-m="2">
-                <button>OK</button>
-            </grid-cell>
-        </grid>
-        <layout direction="v" gutter="10">
-            <label>gutter:</label>
-            <select v-model="gutter" :data="[0, 10, 12, 30, 31, 50]"></select>
-            <label>item gutter:</label>
-            <select v-model="igutter" :data="[0, 10, 12, 30, 31, 50]"></select>
-            <label>direction:</label>
-            <select v-model="direction" :data="['h', 'v']"></select>
-        </layout>
-    </layout>
-</form>

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

@@ -1,50 +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.plain = false;
-        this.padding = true;
-        this.title = 'The title';
-        this.slotTitle = false;
-        this.slotRight = false;
-        this.slotFooter = false;
-        this.position = ['top'];
-        this.warrow = true;
-    }
-}
-exports.default = default_1;

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

@@ -1,46 +0,0 @@
-<form title="Group" width="500" height="550">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-        <group :title="title" :plain="plain" :padding="padding" :position="position[0]" style="flex: 1; height: 0;">
-            <template v-if="slotTitle" v-slot:title>
-                <layout align-v="center" style="flex: 1;">
-                    <label style="flex: 1;">slot title</label>
-                    <button>test</button>
-                </layout>
-            </template>
-            <template v-if="slotRight" v-slot:right>
-                <button style="margin-left: 10px;">test</button>
-            </template>
-            <flow direction="v" gutter="10" style="flex: 1;">
-                <label>123</label>
-                <button>abc</button>
-                <title>Small title</title>
-                <button>def</button>
-                <title type="primary">Primary title</title>
-                <label>123</label>
-                <title type="info">Info title</title>
-                <label>123</label>
-                <title type="warning" v-model:arrow="warrow">Warning title</title>
-                <label v-if="warrow">123</label>
-                <title type="danger">Danger title</title>
-                <label>123</label>
-            </flow>
-            <template v-if="slotFooter" v-slot:footer>
-                <layout align-h="end" style="flex: 1;">
-                    <button>OK</button>
-                </layout>
-            </template>
-        </group>
-        <layout gutter="10">
-            <button style="flex: 1;" @click="title = title === 'The title' ? 'Changed title' : 'The title'">Change title</button>
-            <button style="flex: 1;" @click="title = ''">Set empty</button>
-            <button style="flex: 1;" @click="plain = !plain">{{plain ? '' : '!'}}plain</button>
-            <button style="flex: 1;" @click="padding = !padding">{{padding ? '' : '!'}}padding</button>
-        </layout>
-        <layout gutter="10">
-            <button style="flex: 1;" @click="slotTitle = !slotTitle">{{slotTitle ? '' : '!'}}slotTitle</button>
-            <button style="flex: 1;" @click="slotRight = !slotRight">{{slotRight ? '' : '!'}}slotRight</button>
-            <button style="flex: 1;" @click="slotFooter = !slotFooter">{{slotFooter ? '' : '!'}}slotFooter</button>
-            <select style="flex: 1;" v-model="position" :data="['top', 'right', 'bottom', 'left']"></select>
-        </layout>
-    </layout>
-</form>

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

@@ -1,44 +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.direction = ['h'];
-        this.gutter = [0];
-    }
-}
-exports.default = default_1;

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

@@ -1,19 +0,0 @@
-<form width="300" height="300" title="Hske">
-    <layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
-        <label>direction: {{direction[0]}}</label>
-        <hske :direction="direction[0]" :gutter="gutter[0]" align-v="center" align-h="center" style="flex: 1; border: solid 1px var(--g-border-color); padding: 10px;">
-            <label>Try resizing this form.</label>
-            <button>OK1</button>
-            <button>OK2</button>
-            <template v-slot:first>
-                <layout align-h="center" align-v="bottom" style="flex: 1; padding-bottom: 20px; background: var(--info); color: rgba(255, 255, 255, .6)">Copyright</layout>
-            </template>
-        </hske>
-        <layout align-v="center" gutter="10">
-            <label>gutter:</label>
-            <select v-model="gutter" :data="[0, 10, 12, 30, 31, 50]" style="flex: 1;"></select>
-            <layout>direction:</layout>
-            <select v-model="direction" :data="['h', 'v']" style="flex: 1;"></select>
-        </layout>
-    </layout>
-</form>

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

@@ -1,70 +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.adaptation = false;
-        this.htmlIndex = 0;
-        this.html = [
-            `<h1>Hello world!</h1>
-<button>Button</button> <button disabled>Button2</button>
-<h2>H2 title</h2>
-<div>div</div>
-<h3>H3 title</h3>
-<input onclick="alert('alert')">
-<h4>h4 title</h4>
-<input type="email" disabled>
-<ul>
-    <li class="test">li</li>
-    <li>li</li>
-</ul>
-<span>span</span>
-<ol>
-    <li>li</li>
-    <li id="li">li</li>
-</ol>
-<script>alert('b');</script>
-<style>ul{background:hsl(0,100%,98%)}</style>`,
-            `<h2>123</h2>
-<button>Test</button>`
-        ];
-        this.css = `div{background:blue;}.test{background:red;}#li{background:yellow;}`;
-        this.lcss = '';
-        this.rcss = '';
-    }
-}
-exports.default = default_1;

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

@@ -1,18 +0,0 @@
-<form title="Html" width="450" height="500" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <layout gutter="10">
-            <button style="flex: 1;" @click="lcss = lcss ? '' : css">Left {{lcss ? 'remove' : 'add'}} css</button>
-            <button style="flex: 1;" @click="htmlIndex = htmlIndex ? 0 : 1">Toogle html</button>
-            <button style="flex: 1;" @click="adaptation = !adaptation">{{adaptation ? '' : '!'}}Adaptation</button>
-            <button style="flex: 1;" @click="rcss = rcss ? '' : css">Right {{rcss ? 'remove' : 'add'}} css</button>
-        </layout>
-        <layout gutter="10" style="flex: 1; height: 0;">
-            <flow direction="v" style="flex: 1;">
-                <html :html="html[htmlIndex]" :css="lcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px;" :style="{'flex': adaptation ? undefined : '1'}"></html>
-            </flow>
-            <flow direction="v" style="flex: 1;">
-                <html :html="html[htmlIndex]" :css="rcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px;" :style="{'flex': adaptation ? undefined : '1'}"></html>
-            </flow>
-        </layout>
-    </layout>
-</form>

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

@@ -1,49 +0,0 @@
-<form width="300" height="400" title="Icon" padding="10">
-    <layout gutter="20" direction="v" style="flex: 1">
-        <label>id</label>
-        <layout gutter="20" align-v="center">
-            <icon name="id" size="s"></icon>
-            <icon name="id" size="m"></icon>
-            <icon name="id" size="l"></icon>
-            <icon name="id" size="xl"></icon>
-            <icon name="id" size="xxl"></icon>
-        </layout>
-        <label>de</label>
-        <layout gutter="20" align-v="center">
-            <icon name="de" size="s"></icon>
-            <icon name="de" size="m"></icon>
-            <icon name="de" size="l"></icon>
-            <icon name="de" size="xl"></icon>
-            <icon name="de" size="xxl"></icon>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="question"></icon>
-            <icon name="question" size="m"></icon>
-            <label>question</label>
-            <icon name="info"></icon>
-            <icon name="info" size="m"></icon>
-            <label>info</label>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="copy"></icon>
-            <icon name="copy" size="m"></icon>
-            <label>copy</label>
-            <icon name="cut"></icon>
-            <icon name="cut" size="m"></icon>
-            <label>cut</label>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="paste"></icon>
-            <icon name="paste" size="m"></icon>
-            <label>paste</label>
-            <icon name="sun"></icon>
-            <icon name="sun" size="m"></icon>
-            <label>sun</label>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="moon"></icon>
-            <icon name="moon" size="m"></icon>
-            <label>moon</label>
-        </layout>
-    </layout>
-</form>

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

@@ -1,174 +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.list = [
-            {
-                'id': '1',
-                'type': 0,
-                'name': 'Folder',
-                'time': 1676636097
-            },
-            {
-                'id': '2',
-                'type': 0,
-                'name': 'Folder2',
-                'time': 1676636097
-            },
-            {
-                'id': '3',
-                'type': 1,
-                'name': 'File1',
-                'time': 1676600096
-            },
-            {
-                'id': '4',
-                'type': 1,
-                'name': 'db.sql',
-                'time': 1676600097,
-                'icon': '/package/res/sql.svg'
-            },
-            {
-                'id': '5',
-                'type': 1,
-                'name': 'article.txt',
-                'time': 1676600098,
-                'icon': '/package/res/txt.svg'
-            },
-            {
-                'id': '6',
-                'type': 1,
-                'name': 'pack.zip',
-                'time': 1676600099,
-                'icon': '/package/res/zip.svg'
-            },
-            {
-                'id': '7',
-                'type': 1,
-                'name': 'packlonglonglonglonglonglonglonglonglong.zip',
-                'time': 1676700099,
-                'icon': '/package/res/zip.svg'
-            },
-            {
-                'id': 7,
-                'icon': 'https://cdn.jsdelivr.net/npm/clickgo@3.7.0/dist/app/demo/res/img.jpg'
-            }
-        ];
-        this.select = [];
-        this.custom = false;
-        this.disabled = false;
-        this.must = false;
-        this.multi = true;
-        this.ctrl = true;
-        this.selection = true;
-        this.gesture = false;
-        this.name = true;
-        this.selectionArea = {};
-        this.scroll = 'auto';
-        this.size = [100];
-        this.plain = false;
-    }
-    showIndex() {
-        clickgo.form.dialog('Index is ' + this.select.toString() + '.').catch((e) => { throw e; });
-    }
-    showType() {
-        if (this.select.length === 0) {
-            clickgo.form.dialog('There are currently no selected items.').catch((e) => { throw e; });
-        }
-        else {
-            const types = [];
-            for (const item of this.select) {
-                types.push(this.list[item].type);
-            }
-            clickgo.form.dialog(`Type is ${JSON.stringify(types)}.`).catch((e) => { throw e; });
-        }
-    }
-    add() {
-        if (clickgo.tool.rand(0, 1)) {
-            this.list.push({
-                'id': this.list.length.toString(),
-                'type': 1,
-                'name': 'File' + this.list.length.toString(),
-                'time': Math.floor(Date.now() / 1000)
-            });
-        }
-        else {
-            this.list.unshift({
-                'id': this.list.length.toString(),
-                'type': 0,
-                'name': 'Folder' + this.list.length.toString(),
-                'time': Math.floor(Date.now() / 1000)
-            });
-        }
-    }
-    async remove() {
-        if (this.list.length === 3) {
-            await clickgo.form.dialog('It cannot be removed at this time.');
-            return;
-        }
-        this.list.splice(-1, 1);
-    }
-    async drop(e) {
-        await clickgo.form.dialog(JSON.stringify(e.detail));
-    }
-    onSelect(e) {
-        this.selectionArea = e.detail.area;
-    }
-    async onOpen(e) {
-        await clickgo.form.dialog('onOpen: ' + e.detail.value.toString());
-    }
-    scrollChange() {
-        switch (this.scroll) {
-            case 'auto': {
-                this.scroll = 'visible';
-                break;
-            }
-            case 'visible': {
-                this.scroll = 'hidden';
-                break;
-            }
-            default: {
-                this.scroll = 'auto';
-            }
-        }
-    }
-    async onGesture(dir) {
-        await clickgo.form.dialog('onGesture: ' + dir);
-    }
-}
-exports.default = default_1;

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

@@ -1,45 +0,0 @@
-<form title="Iconview" width="500" height="500" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <label>select: {{select}}</label>
-        <iconview :data="list" v-model="select" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :size="size[0] ? size[0] : undefined" :name="name" :plain="plain" style="flex: 1;" @drop="drop" @select="onSelect" @open="onOpen">
-            <template v-if="custom" v-slot="d">
-                <label>{{d.item}}</label>
-            </template>
-            <template v-slot:pop>
-                <menulist>
-                    <menulist-item alt="S">Some options</menulist-item>
-                </menulist>
-            </template>
-            <template v-slot:itempop>
-                <menulist>
-                    <menulist-item alt="I" @click="showIndex">Show index</menulist-item>
-                    <menulist-item alt="S" @click="showType">Show type</menulist-item>
-                </menulist>
-            </template>
-        </iconview>
-        <label>Area: {{selectionArea}}</label>
-        <layout gutter="10">
-            <button @click="add" style="flex: 1;">Add</button>
-            <button @click="remove" style="flex: 1;">Remove</button>
-            <button @click="scrollChange" style="flex: 1;">Scroll {{scroll}}</button>
-            <button @click="custom = !custom" style="flex: 1;">{{custom ? '' : '!'}}Custom</button>
-        </layout>
-        <layout class="ctr" gutter="10">
-            <select v-model="size" :data="[32, 64, 100, 128, 256]" style="flex: 1;"></select>
-            <button @click="select=[1]" style="flex: 1;">Select 2th</button>
-            <button v-if="multi" @click="select=[1,2]" style="flex: 1;">Select two</button>
-        </layout>
-        <layout class="ctr" gutter="10">
-            <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? '' : '!'}}disabled</button>
-            <button @click="multi = !multi" style="flex: 1;">{{multi ? '' : '!'}}multi</button>
-            <button @click="ctrl = !ctrl" style="flex: 1;">{{ctrl ? '' : '!'}}ctrl</button>
-            <button @click="plain = !plain" style="flex: 1;">{{plain ? '' : '!'}}plain</button>
-        </layout>
-        <layout class="ctr" gutter="10">
-            <button @click="must = !must" style="flex: 1;">{{must ? '' : '!'}}must</button>
-            <button @click="selection = !selection" style="flex: 1;">{{selection ? '' : '!'}}selection</button>
-            <button @click="gesture = !gesture" style="flex: 1;">{{gesture ? '' : '!'}}gesture</button>
-            <button @click="name = !name" style="flex: 1;">{{name ? '' : '!'}}name</button>
-        </layout>
-    </layout>
-</form>