clickgo 3.16.28 → 4.0.1

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

@@ -1,375 +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.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,
-                'leftline': 'warning'
-            },
-            {
-                'type': 0,
-                'name': 'Appraise2',
-                'path': 'Bob >> folder >> Appraise2',
-                'src': '/package/res/r-1.svg',
-                'disabled': true,
-                'leftline': 'warning'
-            },
-            {
-                'type': 0,
-                'name': 'Appraise3',
-                'path': 'Bob >> folder >> Appraise3',
-                'src': '/package/res/r-2.svg',
-                'unavailable': true
-            },
-            {
-                'control': 'split'
-            },
-            {
-                'type': 1
-            },
-            {
-                'type': 1
-            },
-            {
-                'type': 1
-            },
-            {
-                'type': 1
-            },
-            {
-                'type': 1
-            },
-            {
-                'type': 1
-            },
-            {
-                'type': 1
-            }
-        ];
-        this.select = [11];
-        this.select2 = ['Appraise'];
-        this.label2 = [''];
-        this.listData5 = [
-            {
-                'name': 'hi',
-                'name2': 'xhi',
-                'id': '1'
-            },
-            {
-                'name': 'hi2dis',
-                'name2': 'xhi2dis',
-                'id': '2',
-                'disabled': true,
-                'count': 2
-            },
-            {
-                'name': 'hi2',
-                'name2': 'xhi2',
-                'id': '3',
-                'sub': [
-                    {
-                        'name': 'hi3',
-                        'name2': 'xhi3',
-                        'id': '4'
-                    }
-                ]
-            }
-        ];
-        this.listData6 = ['1', '2', '3', '4', '5'];
-        this.listMap5 = undefined;
-        this.listData5Index = false;
-        this.disabledList = [];
-        this.selectObject = ['test'];
-        this.listDataObject = {
-            'test': 'This is test',
-            '-1': 'This is number',
-            'other': 'This is other',
-            'same': 'same'
-        };
-        this.sub6children = [];
-        this.select3 = [0];
-        this.listData3 = [];
-        this.select4 = [];
-        this.listData4 = [];
-        this.disabled = false;
-        this.must = true;
-        this.multi = false;
-        this.ctrl = true;
-        this.selection = false;
-        this.gesture = false;
-        this.selectionArea = {};
-        this.tree = false;
-        this.async = false;
-        this.icon = false;
-        this.scroll = 'auto';
-        this.virtual = false;
-        this.check = false;
-        this.mode = ['default'];
-        this.listDataEmpty = false;
-        this.glNone = false;
-    }
-    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;
-    }
-    get adData() {
-        const data = [];
-        for (let i = 0; i < this.slist.length; ++i) {
-            const item = this.slist[i];
-            data.push({
-                'type': item.type ?? 'split',
-                'menu': i === 20 ? true : false
-            });
-        }
-        return data;
-    }
-    get listData() {
-        const data = ['Item1', {
-                'label': 'Tip',
-                'color': 'tip',
-            }, {
-                'label': 'Title1',
-                'leftline': 'danger',
-                'children': [
-                    'Sub1',
-                    {
-                        'label': 'Title2',
-                        'children': ['Sub2', 'Sub3'],
-                        'icon': '../../../res/zip.svg',
-                        'openicon': '../../../res/sql.svg'
-                    },
-                    'Sub4',
-                    {
-                        'label': 'Title3',
-                        'title': true,
-                        'children': ['Sub5',
-                            {
-                                'value': 'Sub6',
-                                'children': this.sub6children
-                            }
-                        ],
-                        'tree': 1
-                    }
-                ]
-            }];
-        for (let k = 0; k < this.slist.length; ++k) {
-            if (this.slist[k].name) {
-                data.push({
-                    'label': `index: ${k}, value: ${this.slist[k].name ?? ''}${(k === 20 ? ' long test long test long test long test long test' : '')}`,
-                    'value': this.slist[k].name,
-                    'disabled': this.slist[k].disabled
-                });
-            }
-            else {
-                data.push({
-                    'label': `index: ${k}, value: i${k}${(k === 20 ? ' long test long test long test long test long test' : '')}`,
-                    'value': 'i' + k.toString(),
-                    'disabled': true
-                });
-            }
-        }
-        return data;
-    }
-    get listData2() {
-        const data = [];
-        for (let k = 0; k < this.listData.length; k++) {
-            data.push(k + 1);
-        }
-        return data;
-    }
-    showIndex() {
-        clickgo.form.dialog('Index is ' + this.select.toString() + '.').catch((e) => { throw e; });
-    }
-    showIndex2() {
-        clickgo.form.dialog('Index is ' + this.select2.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) {
-                const sitem = this.slist[item];
-                if (sitem.type === undefined) {
-                    continue;
-                }
-                types.push(sitem.type);
-            }
-            clickgo.form.dialog(`Type is ${types.join(', ')}.`).catch((e) => { throw e; });
-        }
-    }
-    selectButton() {
-        if (this.ntab === 'list') {
-            this.select2 = ['Item1'];
-        }
-        else {
-            this.select = [1];
-        }
-    }
-    selectButtonList() {
-        this.select2 = ['Sub3'];
-    }
-    async onSelectLoad(value, resolve) {
-        if (value !== 'Sub6') {
-            await clickgo.tool.sleep(100);
-            if (value === 'Sub8') {
-                resolve(['Sub9', 'Sub10']);
-            }
-            else {
-                resolve();
-            }
-            return;
-        }
-        await clickgo.tool.sleep(300);
-        this.sub6children = ['Sub7', 'Sub8'];
-    }
-    async onList6Load(value, resolve) {
-        await clickgo.tool.sleep(300);
-        resolve();
-    }
-    onSelect(area) {
-        this.selectionArea = area;
-    }
-    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);
-    }
-    onGAdd(e) {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'Greatlist @add',
-            'content': 'value: ' + e.detail.value.toString()
-        });
-    }
-    onGRemove(e) {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'Greatlist @remove',
-            'content': 'value: ' + e.detail.value.toString()
-        });
-    }
-    onGChange(e) {
-        console.log('onGChange', e);
-    }
-    onGChanged(e) {
-        console.log('onGChanged', e);
-    }
-    onLAdd(e) {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'List @add',
-            'content': 'value: ' + e.detail.value
-        });
-    }
-    onLRemove(e) {
-        clickgo.form.notify({
-            'type': 'info',
-            'title': 'List @remove',
-            'content': 'value: ' + e.detail.value
-        });
-    }
-    changelistData5Index() {
-        this.listData5Index = !this.listData5Index;
-        if (this.listData5Index) {
-            this.listMap5 = { 'label': 'name2', 'value': 'id', 'children': 'sub', 'disabled': 'disabled1' };
-        }
-        else {
-            this.listMap5 = { 'label': 'name', 'value': 'id', 'children': 'sub', 'disabled': 'disabled1' };
-        }
-    }
-    async onlist5Load(value, resolve) {
-        if (value === '4') {
-            await clickgo.tool.sleep(100);
-            resolve([
-                {
-                    'name': 'hi5',
-                    'name2': 'xhi5',
-                    'id': '5'
-                },
-                {
-                    'name': 'hi6',
-                    'name2': 'xhi6',
-                    'id': '6'
-                }
-            ]);
-            return;
-        }
-        await clickgo.tool.sleep(300);
-        resolve();
-    }
-    onMounted() {
-    }
-}
-exports.default = default_1;

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

@@ -1,7 +0,0 @@
-tab, .tip, .ctr {
-    margin-top: 10px;
-}
-
-.ctr button {
-    flex: 1;
-}

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

@@ -1,150 +0,0 @@
-<form title="List" width="550" height="650" min-width="300" min-height="400" padding="10" direction="v">
-    <label>Greatlist: {{select}}, list: {{select2}}, label: {{label2}}</label>
-    <tab v-model="ntab" :tabs="['greatlist', 'adaptation', 'beyond', 'list', 'object', 'async']" style="flex: 1; height: 0;">
-        <!-- 默认 -->
-        <layout v-if="ntab === 'greatlist'" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <greatlist v-model="select" :data="slist" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" :virtual="virtual" :mode="mode[0]" @gesture="onGesture" @add="onGAdd" @Remove="onGRemove" @change="onGChange" @changed="onGChanged" :scroll="scroll" :sizes="sizes" @select="onSelect" style="line-height: 1.3; flex: 1; height: 0;" :style="{'display': glNone ? 'none': undefined}">
-                <template v-slot="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{{data.index}}</template>
-                </template>
-                <template v-slot:pop>
-                    <menulist>
-                        <menulist-item alt="I" @click="showIndex">Show index</menulist-item>
-                        <menulist-item alt="S" @click="showType">Show type</menulist-item>
-                    </menulist>
-                </template>
-                <template v-slot:itempop>
-                    <menulist>
-                        <menulist-item alt="S">Set the default</menulist-item>
-                    </menulist>
-                </template>
-            </greatlist>
-            <label class="tip">Right-click (computer) or press and hold (phone) to open the universal menu.</label>
-            <label class="tip">Area: {{selectionArea}}</label>
-            <button @click="select = [5]" style="margin-top: 10px;">Select [5]</button>
-        </layout>
-        <!-- 自适应 -->
-        <layout v-else-if="ntab === 'adaptation'" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <greatlist :data="adData" v-model="select" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual" :mode="mode[0]">
-                <template v-slot="data">
-                    <label style="white-space: nowrap;">type: {{data.row.type}}, index: {{data.index}}. {{(data.index === 20) ? 'long test long test long test long test long test' : ''}}</label>
-                </template>
-                <template v-slot:itempop>
-                    <menulist>
-                        <menulist-item alt="N">None</menulist-item>
-                    </menulist>
-                </template>
-            </greatlist>
-        </layout>
-        <!-- beyond -->
-        <layout v-else-if="ntab === 'beyond'" gutter="10" style="flex: 1; width: 0; padding: 10px;">
-            <greatlist :data="adData" v-model="select" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual" :mode="mode[0]" content-width="max" style="flex: 1; width: 0; white-space: nowrap;">
-                <template v-slot="data">index: {{data.index}}. long long long long long long long long long long long.</template>
-            </greatlist>
-        </layout>
-        <!-- list -->
-        <layout v-else-if="ntab === 'list'" direction="v" gutter="10" style="flex: 1; width: 0; padding: 10px;">
-            <label>Raw data:</label>
-            <flow direction="v" style="border: solid 1px #b3b3b3; line-height: 1.5; height: 50px; padding: 5px;">{{listData}}</flow>
-            <layout gutter="10" style="flex: 1; height: 0;">
-                <layout direction="v" gutter="10" style="flex: 2; width: 0;">
-                    <list v-model="select2" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listDataEmpty ? [] : listData" :check="check" @label="label2 = $event" style="flex: 1; height: 0;" :tree="tree" :async="async" :icon="icon" icon-default="../../../res/txt.svg" :virtual="virtual" :mode="mode[0]" @load="onSelectLoad" @add="onLAdd" @Remove="onLRemove">
-                        <menulist>
-                            <menulist-item alt="I" @click="showIndex2">Show select</menulist-item>
-                        </menulist>
-                    </list>
-                    <button @click="listDataEmpty = !listDataEmpty">{{listDataEmpty ? '' : '!'}}empty</button>
-                </layout>
-                <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-                    <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual" :mode="mode[0]" :data="listData2" :check="check" :disabledList="disabledList" style="flex: 1;">
-                        <template v-slot:row="data">
-                            <layout gutter="10" align-v="center">
-                                <label style="flex: 1;">{{data.row.label}}</label>
-                                <button v-if="data.index === 4">abc</button>
-                            </layout>
-                        </template>
-                    </list>
-                    <button v-if="!disabledList.length" @click="disabledList = ['7']">disabledList</button>
-                    <label v-else>{{disabledList}}</label>
-                </layout>
-                <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-                    <layout direction="v" gutter="10" style="flex: 1; height: 0;">
-                        <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual"  :mode="mode[0]" :data="listData5" :check="check" :map="listMap5" :tree="tree" :async="async" @load="onlist5Load" style="flex: 1;">
-                            <template v-slot:row="data">
-                                <layout gutter="10" align-v="center">
-                                    <label style="flex: 1;">{{data.row.label}}</label>
-                                    <button v-if="data.index === 1" @click="++data.row.data.count">abc({{data.row.data.count}})</button>
-                                </layout>
-                            </template>
-                        </list>
-                        <button v-if="listMap5===undefined" @click="listMap5={'label':'name','value':'id','children':'sub','disabled':'disabled1'}">Set map</button>
-                        <button v-if="listMap5!==undefined" @click="changelistData5Index">{{listData5Index ? '' : '!'}}index</button>
-                    </layout>
-                    <layout direction="v" gutter="10" style="flex: 1; height: 0;">
-                        <list :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual"  :mode="mode[0]" :data="listData6" :check="check" :tree="tree" :async="async" @load="onList6Load" style="flex: 1; height: 0;">
-                            <template v-slot:row="data">
-                                <label>{{data.row.label}}</label>
-                            </template>
-                        </list>
-                        <button @click="listData6=['1','2','3','4','5']">Set data</button>
-                    </layout>
-                </layout>
-            </layout>
-            <label class="mtip">Right-click (computer) or press and hold (phone) to open the universal menu.</label>
-        </layout>
-        <!-- object -->
-        <layout v-else-if="ntab === 'object'" direction="v" gutter="10" style="flex: 1; width: 0; padding: 10px;">
-            <label>Select value: {{selectObject}}</label>
-            <label>Raw data:</label>
-            <flow direction="v" style="border: solid 1px #b3b3b3; line-height: 1.5; height: 50px; padding: 5px;">{{listDataObject}}</flow>
-            <list v-model="selectObject" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listDataObject" :virtual="virtual" :mode="mode[0]" style="flex: 1;"></list>
-        </layout>
-        <!-- async -->
-        <layout v-else gutter="10" style="flex: 1; width: 0; padding: 10px;">
-            <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-                <label>greatlist: {{select3}}</label>
-                <greatlist v-model="select3" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData3" :virtual="virtual" :mode="mode[0]" v-slot="data" style="flex: 1; height: 0;">
-                    {{data.row.value ? data.row.value : data.row}}
-                </greatlist>
-                <button v-if="listData3.length === 0" @click="listData3 = [{'value': 'A', disabled: true}, 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N'];select3 = [12]">Load data</button>
-            </layout>
-            <layout direction="v" gutter="10" style="flex: 1; width: 0;">
-                <label>list: {{select4}}</label>
-                <list v-model="select4" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :virtual="virtual" :mode="mode[0]" :data="listData4" style="flex: 1; height: 0;"></list>
-                <button v-if="listData4.length === 0" @click="listData4 = [{'value': 'A', disabled: true}, 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N'];select4 = ['M']">Load data</button>
-            </layout>
-        </layout>
-    </tab>
-    <layout class="ctr" gutter="10" v-show="ntab !== 'async' && ntab !== 'object'">
-        <button @click="slist.splice(-2, 0, {'type': 0, 'name': 'Card' + slist.length, 'path': 'Bob >> folder >> Card', 'src': '/package/res/r-2.svg','disabled': false})">Add</button>
-        <button @click="slist.splice(-3, 1)">Remove</button>
-        <button @click="scrollChange">Scroll {{scroll}}</button>
-        <button @click="icon = !icon" v-show="ntab === 'list'">{{icon ? '' : '!'}}icon</button>
-    </layout>
-    <layout class="ctr" gutter="10" v-show="ntab !== 'async' && ntab !== 'object'">
-        <button @click="selectButton">Select {{ntab === 'list' ? 'item1' : 'item2'}}</button>
-        <button @click="selectButtonList" v-show="ntab === 'list'">Select Sub3</button>
-        <button @click="tree = !tree" v-show="ntab === 'list'">{{tree ? '' : '!'}}tree</button>
-        <button @click="async = !async" v-show="ntab === 'list'">{{async ? '' : '!'}}async</button>
-    </layout>
-    <layout class="ctr" gutter="10">
-        <button @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>
-        <button @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
-        <button @click="ctrl = !ctrl">{{ctrl ? '' : '!'}}ctrl</button>
-        <button v-show="ntab === 'list'" @click="check = !check">{{check ? '' : '!'}}check</button>
-        <select v-model="mode" :data="['default','view']"></select>
-    </layout>
-    <layout class="ctr" gutter="10">
-        <button @click="must = !must">{{must ? '' : '!'}}must</button>
-        <button @click="selection = !selection">{{selection ? '' : '!'}}selection</button>
-        <button @click="gesture = !gesture">{{gesture ? '' : '!'}}gesture</button>
-        <button @click="virtual = !virtual">{{virtual ? '' : '!'}}virtual</button>
-    </layout>
-</form>

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

@@ -1,8 +0,0 @@
-<form width="300" height="300" title="Loading" padding="10">
-    <layout direction="v" gutter="20">
-        <loading style="width: 50px; height: 50px;"></loading>
-        <loading style="width: 40px; height: 40px;"></loading>
-        <loading style="width: 30px; height: 30px;"></loading>
-        <loading></loading>
-    </layout>
-</form>