clickgo 3.9.0 → 3.10.0

package/README.md

@@ -28,7 +28,7 @@ Load the module loader first, and then load it using the module loader.
 **index.html**
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.9.0'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.10.0'}"></script>
 ```
 
 **index.js**
@@ -114,7 +114,8 @@ This library is published under [Apache-2.0](./LICENSE) license.
 
 [Play SVG Vector](https://www.svgrepo.com/svg/447035/play)  
 [Pause SVG Vector](https://www.svgrepo.com/svg/447033/pause)  
-[Border Radius SVG Vector](https://www.svgrepo.com/svg/446973/border-radius)
+[Border Radius SVG Vector](https://www.svgrepo.com/svg/446973/border-radius)  
+[Copy SVG Vector](https://www.svgrepo.com/svg/446994/copy)
 
 ### **LICENSE:** MIT License **AUTHOR:** developmentseed
 

package/dist/app/demo/config.json

@@ -97,6 +97,8 @@
         "/form/control/scroll/scroll.xml",
         "/form/control/select/select.js",
         "/form/control/select/select.xml",
+        "/form/control/step/step.js",
+        "/form/control/step/step.xml",
         "/form/control/svg/svg.js",
         "/form/control/svg/svg.xml",
         "/form/control/tab/tab.js",

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

@@ -29,6 +29,42 @@ class default_1 extends clickgo.form.AbstractForm {
         super(...arguments);
         this.border = true;
         this.collapse = true;
+        this.data = [
+            {
+                'name': 'name1',
+                'child': ['val1', 'val2']
+            },
+            {
+                'name': 'name2',
+                'child': ['val1', 'val2', 'val3']
+            },
+            {
+                'name': 'name3',
+                'child': ['val1', 'val2', 'val3', 'val4']
+            }
+        ];
+    }
+    get maxLine() {
+        let len = 0;
+        for (const item of this.data) {
+            if (!len) {
+                len = item.child.length;
+                continue;
+            }
+            len *= item.child.length;
+        }
+        return len;
+    }
+    get cols() {
+        const cols = [];
+        for (let i = 0; i < this.data.length; ++i) {
+            if (i === 0) {
+                cols.push(this.maxLine / this.data[i].child.length);
+                continue;
+            }
+            cols.push(cols[i - 1] / this.data[i].child.length);
+        }
+        return cols;
     }
 }
 exports.default = default_1;

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

@@ -1,4 +1,4 @@
-<form title="Desc" width="300" height="300" padding="10">
+<form title="Desc" width="500" height="500" padding="10">
     <layout gutter="10" direction="v" style="flex: 1;">
         <desc :border="border" :collapse="collapse">
             <desc-row>
@@ -22,5 +22,21 @@
             <button @click="border = !border" style="flex: 1; padding: 10px 0;">border: {{border ? 'true' : 'false'}}</button>
             <button @click="collapse = !collapse" style="flex: 1; padding: 10px 0;">collapse: {{collapse ? 'true' : 'false'}}</button>
         </layout>
+        <label>Test: {{cols}}</label>
+        <flow style="flex: 1;">
+            <desc :border="border" :collapse="collapse" style="flex: 1;">
+                <desc-row v-for="line of maxLine">
+                    <!-- 行 1 - max -->
+                    <template v-for="col of data.length">
+                        <!-- 列 1 - max -->
+                        <desc-cell v-if="col===data.length">{{data[col-1].child[(line-1)%cols[col-2]]}}</desc-cell>
+                        <desc-cell v-else-if="line%cols[col-1]===1" :rowspan="cols[col-1]">{{data[col-1].child[Math.floor((line-1)/cols[col-1])%data[col-1].child.length]}}</desc-cell>
+                    </template>
+                    <desc-cell>LINE-{{line}}</desc-cell>
+                    <desc-cell>DATA1</desc-cell>
+                    <desc-cell>DATA2</desc-cell>
+                </desc-row>
+            </desc>
+        </flow>
     </layout>
 </form>

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

@@ -31,6 +31,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.multi = 'false';
         this.dir = 'false';
         this.list = [];
+        this.fd = new FormData();
     }
     select() {
         this.refs.file.select();
@@ -42,6 +43,7 @@ class default_1 extends clickgo.form.AbstractForm {
         }
         for (const file of files) {
             this.list.push((file.webkitRelativePath || file.name) + ' (' + file.size.toString() + ')');
+            this.fd.append('file', file, file.name);
         }
     }
 }

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

@@ -235,5 +235,34 @@ class default_1 extends clickgo.form.AbstractForm {
             yield 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()
+        });
+    }
+    onLAdd(e) {
+        console.log('x', e.detail);
+        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
+        });
+    }
 }
 exports.default = default_1;

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

@@ -3,7 +3,7 @@
     <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'] : []" @gesture="onGesture" :scroll="scroll" :sizes="sizes" @select="onSelect" style="line-height: 1.3; flex: 1; height: 0;">
+            <greatlist v-model="select" :data="slist" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" @add="onGAdd" @Remove="onGRemove" :scroll="scroll" :sizes="sizes" @select="onSelect" style="line-height: 1.3; flex: 1; height: 0;">
                 <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>
@@ -51,7 +51,7 @@
             <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;">
-                <list v-model="select2" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData" @label="label2 = $event" style="flex: 2; width: 0;" :tree="tree" :async="async" :icon="icon" icon-default="../../../res/txt.svg" @load="onSelectLoad">
+                <list v-model="select2" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" :scroll="scroll" :data="listData" @label="label2 = $event" style="flex: 2; width: 0;" :tree="tree" :async="async" :icon="icon" icon-default="../../../res/txt.svg" @load="onSelectLoad" @add="onLAdd" @Remove="onLRemove">
                     <menulist>
                         <menulist-item alt="I" @click="showIndex2">Show select</menulist-item>
                     </menulist>

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

@@ -37,6 +37,8 @@
         </nav-item>
         <nav-item label="Root1"></nav-item>
         <nav-item label="Root2"></nav-item>
+        <nav-item label="Root3" name="root?id=1"></nav-item>
+        <nav-item label="Root4" name="root?id=2"></nav-item>
         <nav-item label="Event" @select="onSelect"></nav-item>
         <nav-item label="Root3" icon="/package/res/icon.svg"></nav-item>
         <nav-item label="Root4" icon="/package/res/marker.svg"></nav-item>

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

@@ -92,7 +92,6 @@ class default_1 extends clickgo.form.AbstractForm {
                 'children': ['xixi', 'xixida', 'gogogo']
             }
         ];
-        this.slist2r = [];
         this.addRemoveList = [];
         this.select2 = ['haha2'];
         this.aemodel = [];
@@ -154,11 +153,7 @@ class default_1 extends clickgo.form.AbstractForm {
     onRemote(value, resolve) {
         return __awaiter(this, void 0, void 0, function* () {
             yield clickgo.tool.sleep(300);
-            if (value === '') {
-                resolve(['1', '3', '5']);
-                return;
-            }
-            if (value === '8') {
+            if (!value || value === '8') {
                 resolve();
                 return;
             }
@@ -171,11 +166,37 @@ class default_1 extends clickgo.form.AbstractForm {
                 }]);
         });
     }
-    onAdd(index, value) {
-        this.addRemoveList.unshift('@add, index: ' + index.toString() + ', value: ' + value);
+    onGAdd(e) {
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'Greatselect @add',
+            'content': 'value: ' + e.detail.value.toString()
+        });
+        if (this.slist[e.detail.value].type === 1) {
+            e.preventDefault();
+        }
+    }
+    onGRemove(e) {
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'Greaselect @remove',
+            'content': 'value: ' + e.detail.value.toString()
+        });
+    }
+    onAdd(e) {
+        this.addRemoveList.unshift('@add, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
     }
-    onRemove(index, value) {
-        this.addRemoveList.unshift('@remove, index: ' + index.toString() + ', value: ' + value);
+    onAdded(e) {
+        this.addRemoveList.unshift('@added, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
+    }
+    onRemove(e) {
+        this.addRemoveList.unshift('@remove, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
+    }
+    onRemoved(e) {
+        this.addRemoveList.unshift('@removed, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value + ', mode: ' + e.detail.mode);
+    }
+    onTagclick(e) {
+        this.addRemoveList.unshift('@tagclick, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
     }
     changeArea() {
         switch (this.area) {
@@ -203,25 +224,13 @@ class default_1 extends clickgo.form.AbstractForm {
     }
     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) {
+            if (this.multi) {
                 return;
             }
-            select = [];
-            for (const item of old) {
-                select.push(parseInt(item));
+            if (this.slist[parseInt(n)].type === 0) {
+                return;
             }
-            this.select = select;
-        }, {
-            'deep': true
+            this.select = [parseInt(o)];
         });
     }
 }

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

@@ -4,7 +4,7 @@
             <!-- greatselect -->
             <layout v-if="ntab === 'greatselect'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
                 <label>Now select value is {{select}}:</label>
-                <greatselect v-model="select" :data="slist" :area="area" :disabled="disabled" :multi="multi" :sizes="sizes" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" style="line-height: 1.3;">
+                <greatselect v-model="select" :data="slist" :area="area" :disabled="disabled" :multi="multi" :sizes="sizes" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" style="line-height: 1.3;" @add="onGAdd" @remove="onGRemove">
                     <layout align-v="center" gutter="5" style="flex: 1;">
                         <img :src="slist[select[0]] ? slist[select[0]].src : ''" style="width: 32px; height: 32px;"></img>
                         <block>
@@ -45,13 +45,13 @@
                 <layout gutter="10" direction="v" style="padding: 10px;">
                     <label>Now select value is {{select2}}</label>
                     <label>Label: {{label2}}</label>
-                    <select v-model="select2" @label="label2 = $event" :data="remote ? slist2r : slist2" :disabled="disabled" :editable="editable" :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                    <select v-model="select2" @label="label2 = $event" :data="slist2" :disabled="disabled" :editable="editable" :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" @added="onAdded" @removed="onRemoved" @tagclick="onTagclick" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                     <list :data="addRemoveList" style="height: 100px;"></list>
                     <label>Custom height:</label>
-                    <select :data="remote ? slist2r : ['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" style="height: 60px;" @load="onLoad" @remote="onRemote" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                    <select :data="['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" style="height: 60px;" @load="onLoad" @remote="onRemote" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                     <label>Always editable: {{aemodel}}</label>
                     <layout gutter="10">
-                        <select v-model="aemodel" :data="remote ? slist2r : ['1','2','3','4','5']" :disabled="disabled" editable :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" placeholder="Please enter" @load="onLoad" @remote="onRemote" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                        <select v-model="aemodel" :data="['1','2','3','4','5']" :disabled="disabled" editable :multi="multi" :tree="tree" :async="async" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" placeholder="Please enter" @load="onLoad" @remote="onRemote" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                         <button @click="aemodel.length=0">clear</button>
                         <button @click="aemodel[0] = '4'">4</button>
                     </layout>

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

@@ -0,0 +1,51 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.data = [
+            {
+                'label': 'step1'
+            },
+            {
+                'value': 'step2'
+            },
+            {
+                'icon': '/package/res/marker.svg',
+                'value': 'icon'
+            },
+            {
+                'label': 'successful',
+                'value': 'step3',
+                'desc': 'qq'
+            }
+        ];
+        this.plain = false;
+        this.step1 = '';
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,16 @@
+<form title="Step" width="500" height="500" min-width="300" min-height="400" padding="10">
+    <layout direction="v" gutter="10" style="flex: 1;">
+        <label>value: {{step1}}</label>
+        <step :data="data" :plain="plain" v-model="step1"></step>
+        <layout gutter="10">
+            <button style="flex: 1;" @click="step1 = 'step1'">step1</button>
+            <button style="flex: 1;" @click="step1 = 'step2'">step2</button>
+            <button style="flex: 1;" @click="step1 = 'icon'">icon</button>
+        </layout>
+        <layout gutter="10">
+            <button style="flex: 1;" @click="step1 = 'step3'">step3</button>
+            <button style="flex: 1;" @click="step1 = '#'">done</button>
+            <button style="flex: 1;" @click="plain = !plain">{{plain ? '' : '!'}}plain</button>
+        </layout>
+    </layout>
+</form>

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

@@ -48,10 +48,10 @@ class default_1 extends clickgo.form.AbstractForm {
         this.drag = false;
         this.cclose = false;
     }
-    onClose(e, i, v) {
+    onClose(e) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (i !== 10) {
-                yield clickgo.form.dialog('Closed, index: ' + i.toString() + ', value: ' + v);
+            if (e.detail.index !== 10) {
+                yield clickgo.form.dialog('Closed, index: ' + e.detail.index.toString() + ', value: ' + e.detail.value);
                 return;
             }
             e.preventDefault();

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

@@ -3,7 +3,7 @@
         <label>volume: {{volume}}</label>
         <video src="/package/res/video.mp4" :controls="controls" :loop="loop" :muted="muted" v-model:volume="volume" v-model:play="play" style="flex: 1; height: 0;"></video>
         <layout gutter="10">
-            <!--<button @click="controls = !controls" style="flex: 1;">{{controls ? '' : '!'}}controls</button>-->
+            <button @click="controls = !controls" style="flex: 1;">{{controls ? '' : '!'}}controls</button>
             <button @click="loop = !loop" style="flex: 1;">{{loop ? '' : '!'}}loop</button>
             <button @click="muted = !muted" style="flex: 1;">{{muted ? '' : '!'}}muted</button>
         </layout>

package/dist/app/demo/form/main.js

@@ -69,6 +69,7 @@ const table_1 = __importDefault(require("./control/table/table"));
 const text_1 = __importDefault(require("./control/text/text"));
 const vflow_1 = __importDefault(require("./control/vflow/vflow"));
 const video_1 = __importDefault(require("./control/video/video"));
+const step_1 = __importDefault(require("./control/step/step"));
 const xterm_1 = __importDefault(require("./control/xterm/xterm"));
 const echarts_1 = __importDefault(require("./control/echarts/echarts"));
 const tuieditor_1 = __importDefault(require("./control/tuieditor/tuieditor"));
@@ -161,6 +162,10 @@ class default_1 extends clickgo.form.AbstractForm {
                     frm = yield clickgo.form.create(video_1.default);
                     break;
                 }
+                case 'cstep': {
+                    frm = yield clickgo.form.create(step_1.default);
+                    break;
+                }
                 case 'cxterm': {
                     frm = yield clickgo.form.create(xterm_1.default);
                     break;

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

@@ -69,7 +69,10 @@
                 </layout>
                 <layout gutter="10">
                     <button @click="openForm('ciconview')">Iconview</button>
-                    <button @click="openForm('cvideo')">Video (Beta)</button>
+                    <button @click="openForm('cvideo')">Video</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cstep')">Step</button>
                 </layout>
                 <layout gutter="10">
                     <button @click="openForm('cmonaco')">Monaco</button>

package/dist/app/demo/form/method/dom/dom.js

@@ -60,6 +60,12 @@ class default_1 extends clickgo.form.AbstractForm {
     get isCtrl() {
         return clickgo.dom.is.ctrl;
     }
+    get isMeta() {
+        return clickgo.dom.is.meta;
+    }
+    get isFull() {
+        return clickgo.dom.is.full;
+    }
     setGlobalCursor(type) {
         clickgo.dom.setGlobalCursor(type);
     }
@@ -196,7 +202,9 @@ class default_1 extends clickgo.form.AbstractForm {
         });
     }
     fullscreen() {
-        clickgo.dom.fullscreen();
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.dom.fullscreen();
+        });
     }
     onMounted() {
         clickgo.dom.watchStyle(this.refs.watchStyle.$el, 'font-size', (n, v) => {

package/dist/app/demo/form/method/dom/dom.xml

@@ -60,6 +60,8 @@
             <label>clickgo.dom.is.move: {{isMove ? 'true' : 'false'}}</label>
             <label>clickgo.dom.is.shift: {{isShift ? 'true' : 'false'}}</label>
             <label>clickgo.dom.is.ctrl: {{isCtrl ? 'true' : 'false'}}</label>
+            <label>clickgo.dom.is.meta: {{isMeta ? 'true' : 'false'}}</label>
+            <label>clickgo.dom.is.full: {{isFull ? 'true' : 'false'}}</label>
         </layout>
     </flow>
 </form>

package/dist/clickgo.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.zip = exports.tool = exports.theme = exports.task = exports.storage = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.vue = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = void 0;
-const version = '3.9.0';
+const version = '3.10.0';
 function getVersion() {
     return version;
 }

package/dist/clickgo.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const version = '3.9.0';
+const version = '3.10.0';
 export function getVersion(): string {
     return version;
 }

package/dist/index.js

@@ -101,7 +101,7 @@ function launcher(boot) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const paths = [
-                loader.cdn + '/npm/vue@3.3.13/dist/vue.global.prod.min.js'
+                loader.cdn + '/npm/vue@3.4.15/dist/vue.global.prod.min.js'
             ];
             let ro = true;
             if (!(window.ResizeObserver)) {

package/dist/index.ts

@@ -176,7 +176,7 @@ export function launcher(boot: AbstractBoot): void {
     (async function() {
         // --- 通过标签加载库 ---
         const paths: string[] = [
-            loader.cdn + '/npm/vue@3.3.13/dist/vue.global.prod.min.js'
+            loader.cdn + '/npm/vue@3.4.15/dist/vue.global.prod.min.js'
         ];
         // --- 判断 ResizeObserver 是否存在 ---
         let ro = true;

package/dist/lib/control.js

@@ -44,6 +44,7 @@ class AbstractControl {
     constructor() {
         this.packageFiles = {};
         this.props = {};
+        this.emits = {};
         this.slots = {};
     }
     get filename() {
@@ -272,6 +273,7 @@ function init(taskId, invoke) {
                             'layout': '',
                             'files': item.files,
                             'props': {},
+                            'emits': {},
                             'data': {},
                             'access': {},
                             'methods': {},
@@ -353,6 +355,11 @@ function init(taskId, invoke) {
                                 };
                             }
                         }
+                        if (cls.emits) {
+                            for (const key in cls.emits) {
+                                t.controls[name].emits[key] = cls.emits[key];
+                            }
+                        }
                         const cdata = Object.entries(cls);
                         for (const item of cdata) {
                             if (item[0] === 'files') {
@@ -445,11 +452,15 @@ function buildComponents(taskId, formId, path) {
         components['cg-' + name] = {
             'template': control.layout.replace(/{{{formId}}}/g, formId.toString()),
             'props': control.props,
+            'emits': control.emits,
             'data': function () {
                 const data = tool.clone(control.data);
                 if (data.props) {
                     delete data.props;
                 }
+                if (data.emits) {
+                    delete data.emits;
+                }
                 return data;
             },
             'methods': control.methods,

package/dist/lib/control.ts

@@ -164,6 +164,9 @@ export abstract class AbstractControl {
     /** --- 组件参数，由用户定义重写 --- */
     public readonly props = {};
 
+    /** --- 组件参数，由用户定义重写 --- */
+    public readonly emits: Record<string, null | ((payload: any) => boolean)> = {};
+
     /** --- 组件的子插槽 --- */
     public readonly slots: Record<string, any> = {};
 
@@ -390,6 +393,7 @@ export async function init(
 
                         'files': item.files,
                         'props': {},
+                        'emits': {},
                         'data': {},
                         'access': {},
                         'methods': {},
@@ -493,6 +497,11 @@ export async function init(
                             };
                         }
                     }
+                    if (cls.emits) {
+                        for (const key in cls.emits) {
+                            t.controls[name].emits[key] = cls.emits[key];
+                        }
+                    }
                     // --- DATA ---
                     const cdata = Object.entries(cls);
                     for (const item of cdata) {
@@ -598,12 +607,16 @@ export function buildComponents(
         components['cg-' + name] = {
             'template': control.layout.replace(/{{{formId}}}/g, formId.toString()),
             'props': control.props,
+            'emits': control.emits,
 
             'data': function() {
                 const data = tool.clone(control.data);
                 if (data.props) {
                     delete data.props;
                 }
+                if (data.emits) {
+                    delete data.emits;
+                }
                 return data;
             },
             'methods': control.methods,