clickgo 3.1.1-dev10 → 3.1.3-dev12

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

@@ -1,129 +1,133 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.data = void 0;
-exports.data = {
-    'data': [
-        {
-            'kind': 'Design',
-            'title': 'Name',
-            'desc': 'The control name.',
-            'type': 'property',
-            'control': 'text',
-            'default': 'Control1',
-            'value': 'Control1'
-        },
-        {
-            'kind': 'Design',
-            'title': 'Locked',
-            'desc': 'Locked the control.',
-            'type': 'property',
-            'control': 'check',
-            'default': 'false',
-            'value': 'false'
-        },
-        {
-            'kind': 'Layout',
-            'title': 'Like',
-            'desc': 'The like desc.',
-            'type': 'property',
-            'control': 'select',
-            'default': 'Button',
-            'value': 'Button',
-            'data': ['Button', 'Select', 'Check']
-        },
-        {
-            'kind': 'Layout',
-            'title': 'Dock',
-            'desc': 'The dock.',
-            'type': 'property',
-            'control': 'dock',
-            'default': 'none',
-            'value': 'none'
-        },
-        {
-            'kind': 'Layout',
-            'title': 'Location',
-            'desc': 'Location of parent layout.',
-            'type': 'property',
-            'control': 'text',
-            'default': '100, 1000',
-            'value': '100, 1000',
-            'sub': [
-                {
-                    'title': 'X',
-                    'desc': 'X of location.',
-                    'control': 'text'
-                },
-                {
-                    'title': 'Y',
-                    'desc': 'Y of location.',
-                    'control': 'text'
-                },
-                {
-                    'title': 'Z',
-                    'desc': 'Z of location.',
-                    'control': 'text'
-                }
-            ]
-        },
-        {
-            'kind': 'Other',
-            'title': 'Sub',
-            'desc': 'Children.',
-            'type': 'property',
-            'control': 'text',
-            'default': '',
-            'value': '',
-            'sub': [
-                {
-                    'title': 'Dock',
-                    'desc': 'Dock of sub.',
-                    'control': 'dock'
-                },
-                {
-                    'title': 'Check',
-                    'desc': 'Check of sub.',
-                    'control': 'check'
-                },
-                {
-                    'title': 'Select',
-                    'desc': 'Select of sub.',
-                    'control': 'select',
-                    'data': ['', 'A', 'B', 'C']
-                }
-            ]
-        },
-        {
-            'kind': 'Mouse',
-            'title': 'MouseDown',
-            'desc': 'On mouse down.',
-            'type': 'event',
-            'default': '',
-            'value': 'mousedown'
-        },
-        {
-            'kind': 'Mouse',
-            'title': 'MouseUp',
-            'desc': 'On mouse up.',
-            'type': 'event',
-            'default': '',
-            'value': 'mouseup'
-        },
-        {
-            'kind': 'Key',
-            'title': 'KeyDown',
-            'desc': 'On key down.',
-            'type': 'event',
-            'default': '',
-            'value': 'kedown'
-        },
-        {
-            'kind': 'Key',
-            'title': 'KeyUp',
-            'desc': 'On key up.',
-            'type': 'event',
-            'default': '',
-            'value': 'keyup'
-        }
-    ]
-};
+const clickgo = require("clickgo");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.data = [
+            {
+                'kind': 'Design',
+                'title': 'Name',
+                'desc': 'The control name.',
+                'type': 'property',
+                'control': 'text',
+                'default': 'Control1',
+                'value': 'Control1'
+            },
+            {
+                'kind': 'Design',
+                'title': 'Locked',
+                'desc': 'Locked the control.',
+                'type': 'property',
+                'control': 'check',
+                'default': 'false',
+                'value': 'false'
+            },
+            {
+                'kind': 'Layout',
+                'title': 'Like',
+                'desc': 'The like desc.',
+                'type': 'property',
+                'control': 'select',
+                'default': 'Button',
+                'value': 'Button',
+                'data': ['Button', 'Select', 'Check']
+            },
+            {
+                'kind': 'Layout',
+                'title': 'Dock',
+                'desc': 'The dock.',
+                'type': 'property',
+                'control': 'dock',
+                'default': 'none',
+                'value': 'none'
+            },
+            {
+                'kind': 'Layout',
+                'title': 'Location',
+                'desc': 'Location of parent layout.',
+                'type': 'property',
+                'control': 'text',
+                'default': '100, 1000',
+                'value': '100, 1000',
+                'sub': [
+                    {
+                        'title': 'X',
+                        'desc': 'X of location.',
+                        'control': 'text'
+                    },
+                    {
+                        'title': 'Y',
+                        'desc': 'Y of location.',
+                        'control': 'text'
+                    },
+                    {
+                        'title': 'Z',
+                        'desc': 'Z of location.',
+                        'control': 'text'
+                    }
+                ]
+            },
+            {
+                'kind': 'Other',
+                'title': 'Sub',
+                'desc': 'Children.',
+                'type': 'property',
+                'control': 'text',
+                'default': '',
+                'value': '',
+                'sub': [
+                    {
+                        'title': 'Dock',
+                        'desc': 'Dock of sub.',
+                        'control': 'dock'
+                    },
+                    {
+                        'title': 'Check',
+                        'desc': 'Check of sub.',
+                        'control': 'check'
+                    },
+                    {
+                        'title': 'Select',
+                        'desc': 'Select of sub.',
+                        'control': 'select',
+                        'data': ['', 'A', 'B', 'C']
+                    }
+                ]
+            },
+            {
+                'kind': 'Mouse',
+                'title': 'MouseDown',
+                'desc': 'On mouse down.',
+                'type': 'event',
+                'default': '',
+                'value': 'mousedown'
+            },
+            {
+                'kind': 'Mouse',
+                'title': 'MouseUp',
+                'desc': 'On mouse up.',
+                'type': 'event',
+                'default': '',
+                'value': 'mouseup'
+            },
+            {
+                'kind': 'Key',
+                'title': 'KeyDown',
+                'desc': 'On key down.',
+                'type': 'event',
+                'default': '',
+                'value': 'kedown'
+            },
+            {
+                'kind': 'Key',
+                'title': 'KeyUp',
+                'desc': 'On key up.',
+                'type': 'event',
+                'default': '',
+                'value': 'keyup'
+            }
+        ];
+    }
+}
+exports.default = default_1;

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

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.data = void 0;
-exports.data = {
-    'value': 'radio1',
-    'disabled': false
-};
+const clickgo = require("clickgo");
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.value = 'radio1';
+        this.disabled = false;
+    }
+}
+exports.default = default_1;

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

@@ -1,14 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.data = void 0;
-exports.data = {
-    'l1': 1000,
-    'c1': 100,
-    'so1': 500,
-    'l2': 0,
-    'c2': 0,
-    'so2': 0,
-    'count': 3,
-    'float': false,
-    'disabled': false
-};
+const clickgo = 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;
+    }
+}
+exports.default = default_1;

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

@@ -2,32 +2,32 @@
     <layout gutter="10" direction="v" style="flex: 1; width: 0;">
         <layout gutter="10" style="flex: 1; height: 0;">
             <layout gutter="10" direction="v" style="flex: 1;">
-                <label>Scroll offset: {{so1}}</label>
+                <label>Offset: {{so1}}</label>
                 <layout gutter="10">
-                    <button @click="l1 = (l1 === 1000 ? 2000 : 1000)" style="height: 30px; flex: 1;">Set length {{l1 === 1000 ? '2000' : '1000'}}</button>
+                    <button @click="sh1 = (sh1 === 1000 ? 2000 : 1000)" style="height: 30px; flex: 1;">Set length {{sh1 === 1000 ? '2000' : '1000'}}</button>
                     <button @click="c1 = (c1 === 100 ? 200 : 100)" style="height: 30px; flex: 1;">Set client {{c1 === 100 ? '200' : '100'}}</button>
                 </layout>
                 <layout gutter="10">
                     <button @click="disabled = !disabled" style="height: 30px; flex: 1;">{{disabled ? 'Remove' : 'Set'}} disabled</button>
-                    <button @click="l1 = 1000;c1 = 2000" style="height: 30px; flex: 1;">Set client > length</button>
+                    <button @click="sh1 = 1000;c1 = 2000" style="height: 30px; flex: 1;">Set client > length</button>
                 </layout>
             </layout>
-            <scroll :length="l1" :client="c1" v-model:scroll-offset="so1" :disabled="disabled" style="width: 20px;"></scroll>
-            <scroll scroll-offset="200" :disabled="disabled" style="width: 30px;"></scroll>
+            <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 rgba(0, 0, 0, .3); flex: 1; height: 0;">
-            <overflow v-model:scroll-top="so2" direction="v" @resize="c2 = $event" @change="l2 = $event" style="line-height: 1.5; flex: 1;">
+            <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: {{l2}}, Client: {{c2}}.</block>
+                    <block>Length: {{sh2}}, Client: {{c2}}.</block>
                     <block v-for="line of count">Line {{line}}.</block>
                 </block>
-            </overflow>
-            <scroll :length="l2" :client="c2" v-model:scroll-offset="so2" :float="float" :disabled="disabled" style="width: 20px;"></scroll>
+            </flow>
+            <scroll :length="sh2" :client="c2" v-model:offset="so2" :float="float" :disabled="disabled" style="width: 20px;"></scroll>
         </layout>
         <layout gutter="10" align-v="center">
-            <label style="flex: 1;">On the left is the overflow control.</label>
+            <label style="flex: 1;">On the left is the flow control.</label>
             <button @click="float = !float" style="padding: 0 10px; height: 30px;">{{float ? 'Remove' : 'Set'}} float</button>
             <button @click="count += 10" style="padding: 0 10px; height: 30px;">Add 10 lines</button>
         </layout>

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

@@ -9,83 +9,144 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.watch = exports.data = void 0;
-exports.data = {
-    'ntab': '',
-    'area': 'all',
-    '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
+const clickgo = 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', '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', 'gogogo']
+            }
+        ];
+        this.slist2r = [];
+        this.select2 = ['haha2'];
+        this.label2 = [];
+        this.padding = false;
+        this.fontSize = false;
+        this.background = false;
+        this.disabled = false;
+        this.multi = false;
+        this.editable = false;
+        this.tree = false;
+        this.async = false;
+        this.icon = false;
+        this.remote = 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;
+            }
         }
-    ],
-    'select': 0,
-    'disabled': false,
-    'slist2': [
-        'haha1', 'haha2', 'haha3', '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']
+        return rtn;
+    }
+    onLoad(value, resolve) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (value !== 'haha4') {
+                yield clickgo.tool.sleep(100);
+                if (value === '2') {
+                    resolve(['60']);
                 }
-            ]
-        }, {
-            'label': 'happy',
-            'children': ['xixi', 'xixida', 'gogogo']
-        }
-    ],
-    'select2': 'haha2',
-    'editable': false,
-    'padding': false,
-    'fontSize': false,
-    'background': false
-};
-exports.watch = {
-    'select': function (n, o) {
+                else {
+                    resolve();
+                }
+                return;
+            }
+            yield clickgo.tool.sleep(300);
+            resolve(['he', 'ha']);
+        });
+    }
+    onRemote(value, resolve) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.slist[n].type === 0) {
+            yield clickgo.tool.sleep(300);
+            if (value === '8') {
+                this.slist2r = [];
+                resolve();
                 return;
             }
-            yield this.$nextTick();
-            if (this.slist[o].type === 0) {
-                this.select = o;
+            this.slist2r = ['test', value, 'remote'];
+            resolve();
+        });
+    }
+    onMounted() {
+        this.watch(() => this.select.join(','), (n, o) => {
+            let select = [];
+            const now = n.split(',');
+            const old = o.split(',');
+            for (const item of now) {
+                if (this.slist[parseInt(item)].type !== 0) {
+                    continue;
+                }
+                select.push(parseInt(item));
+            }
+            if (select.length === now.length) {
                 return;
             }
-            this.select = 0;
+            select = [];
+            for (const item of old) {
+                select.push(parseInt(item));
+            }
+            this.select = select;
+        }, {
+            'deep': true
         });
     }
-};
+}
+exports.default = default_1;