clickgo 3.8.8 → 3.9.1

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.8.8'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.9.1'}"></script>
 ```
 
 **index.js**
@@ -110,6 +110,13 @@ This library is published under [Apache-2.0](./LICENSE) license.
 
 [Plus SVG Vector](https://www.svgrepo.com/svg/447037/plus)
 
+#### Video
+
+[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)  
+[Copy SVG Vector](https://www.svgrepo.com/svg/446994/copy)
+
 ### **LICENSE:** MIT License **AUTHOR:** developmentseed
 
 #### Map

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",
@@ -110,6 +112,8 @@
         "/form/control/vflow/vflow.css",
         "/form/control/vflow/vflow.js",
         "/form/control/vflow/vflow.xml",
+        "/form/control/video/video.js",
+        "/form/control/video/video.xml",
         "/form/control/xterm/xterm.js",
         "/form/control/xterm/xterm.xml",
         "/form/event/form/form.css",
@@ -163,6 +167,7 @@
         "/res/r-2.svg",
         "/res/sql.svg",
         "/res/txt.svg",
+        "/res/video.mp4",
         "/res/zip.svg",
         "/app.js",
         "/global.css"

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/nav/nav.js

@@ -42,6 +42,12 @@ class default_1 extends clickgo.form.AbstractForm {
         this.loading = false;
         this.logo = '';
     }
+    onSelect(e, o, v) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.preventDefault();
+            yield clickgo.form.dialog('Not nav, o: ' + o + ', v: ' + v);
+        });
+    }
     onMounted() {
         this.watch('name', () => __awaiter(this, void 0, void 0, function* () {
             this.loading = true;

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

@@ -37,6 +37,9 @@
         </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>
         <template v-slot:header>

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

@@ -22,6 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -33,10 +42,15 @@ class default_1 extends clickgo.form.AbstractForm {
         super(...arguments);
         this.selected = ['none'];
         this.parentData = 'yeah!';
+        this.loading = false;
     }
     go() {
-        this.refs.panel.go(test1_1.default, {
-            'type': 'show'
+        return __awaiter(this, void 0, void 0, function* () {
+            this.loading = true;
+            yield this.refs.panel.go(test1_1.default, {
+                'type': 'show'
+            });
+            this.loading = false;
         });
     }
     ssend() {
@@ -45,21 +59,25 @@ class default_1 extends clickgo.form.AbstractForm {
         });
     }
     onMounted() {
-        this.watch('selected', () => {
+        this.watch('selected', () => __awaiter(this, void 0, void 0, function* () {
             switch (this.selected[0]) {
                 case 'none': {
                     break;
                 }
                 case './test1': {
-                    this.refs.panel.go(test1_1.default);
+                    this.loading = true;
+                    yield this.refs.panel.go(test1_1.default);
+                    this.loading = false;
                     break;
                 }
                 case './test2': {
-                    this.refs.panel.go('./test2');
+                    this.loading = true;
+                    yield this.refs.panel.go('./test2');
+                    this.loading = false;
                     break;
                 }
             }
-        }, {
+        }), {
             'deep': true,
             'immediate': true
         });

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

@@ -1,4 +1,4 @@
-<form width="600" height="500" title="Panel">
+<form width="600" height="500" title="Panel" :loading="loading">
     <layout direction="v" gutter="10" style="padding: 10px; flex: 1;">
         <label>Form ID: {{formId}}</label>
         <select v-model="selected" :data="['none', './test1', './test2']"></select>

package/dist/app/demo/form/control/panel/test1.js

@@ -40,8 +40,16 @@ class default_1 extends clickgo.form.AbstractPanel {
         this.data = {};
     }
     onShow(d) {
-        ++this.scount;
-        this.data = d;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.tool.sleep(1000);
+            ++this.scount;
+            this.data = d;
+        });
+    }
+    onHide() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.tool.sleep(1000);
+        });
     }
     onReceive(data) {
         return __awaiter(this, void 0, void 0, function* () {

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 = [];

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

@@ -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" :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/table/table.xml

@@ -5,7 +5,11 @@
             <template v-slot="d">
                 <table-item v-if="index" label="index" width="80" sort="false">{{d.index}}</table-item>
                 <table-item label="name">{{d.row.name ?? 'name'}}</table-item>
-                <table-item label="size" width="50">{{d.row.type ?? '0'}}</table-item>
+                <table-item label="size" width="50" align-v="center" align-h="center">{{d.row.type ?? '0'}}</table-item>
+                <table-item label="col" width="100" direction="v" gutter="5">
+                    <label>line1</label>
+                    <button>line2</button>
+                </table-item>
             </template>
             <template v-slot:pop>
                 <menulist>
@@ -15,23 +19,23 @@
         </table>
         <template v-if="loadFirst">
             <layout gutter="10">
-                <button style="flex: 1; height: 30px;" @click="data.splice(-2, 0, {'type': 0, 'name': 'Card' + data.length, 'disabled': false});refreshSort()">Add</button>
-                <button style="flex: 1; height: 30px;" @click="data.splice(-3, 1);refreshSort()">Remove</button>
-                <button style="flex: 1; height: 30px;" @click="scrollChange">Scroll {{scroll}}</button>
-                <button style="flex: 1; height: 30px;" @click="adaptation = !adaptation">{{adaptation ? '' : '!'}}adaptation</button>
+                <button style="flex: 1;" @click="data.splice(-2, 0, {'type': 0, 'name': 'Card' + data.length, 'disabled': false});refreshSort()">Add</button>
+                <button style="flex: 1;" @click="data.splice(-3, 1);refreshSort()">Remove</button>
+                <button style="flex: 1;" @click="scrollChange">Scroll {{scroll}}</button>
+                <button style="flex: 1;" @click="adaptation = !adaptation">{{adaptation ? '' : '!'}}adaptation</button>
             </layout>
             <layout gutter="10">
-                <button style="flex: 1; height: 30px;" @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>
-                <button style="flex: 1; height: 30px;" @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
-                <button style="flex: 1; height: 30px;" @click="ctrl = !ctrl">{{ctrl ? '' : '!'}}ctrl</button>
-                <button style="flex: 1; height: 30px;" @click="must = !must">{{must ? '' : '!'}}must</button>
-                <button style="flex: 1; height: 30px;" @click="index = !index">{{index ? '' : '!'}}index</button>
+                <button style="flex: 1;" @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>
+                <button style="flex: 1;" @click="multi = !multi">{{multi ? '' : '!'}}multi</button>
+                <button style="flex: 1;" @click="ctrl = !ctrl">{{ctrl ? '' : '!'}}ctrl</button>
+                <button style="flex: 1;" @click="must = !must">{{must ? '' : '!'}}must</button>
+                <button style="flex: 1;" @click="index = !index">{{index ? '' : '!'}}index</button>
             </layout>
             <layout gutter="10">
-                <button style="flex: 1; height: 30px;" @click="sortChange">sort {{sort ? 'true' : (sort === false ? 'false' : 'undefined')}}</button>
-                <button style="flex: 1; height: 30px;" @click="selection = !selection">{{selection ? '' : '!'}}selection</button>
-                <button style="flex: 1; height: 30px;" @click="gesture = !gesture">{{gesture ? '' : '!'}}gesture</button>
-                <button style="flex: 1; height: 30px;" @click="split = !split">{{split ? '' : '!'}}split</button>
+                <button style="flex: 1;" @click="sortChange">sort {{sort ? 'true' : (sort === false ? 'false' : 'undefined')}}</button>
+                <button style="flex: 1;" @click="selection = !selection">{{selection ? '' : '!'}}selection</button>
+                <button style="flex: 1;" @click="gesture = !gesture">{{gesture ? '' : '!'}}gesture</button>
+                <button style="flex: 1;" @click="split = !split">{{split ? '' : '!'}}split</button>
             </layout>
         </template>
         <button v-else @click="load">Load</button>

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

@@ -0,0 +1,37 @@
+"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.controls = false;
+        this.loop = false;
+        this.muted = false;
+        this.play = false;
+        this.volume = 50;
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,14 @@
+<form width="350" height="500" title="Video" padding="10">
+    <layout direction="v" gutter="10" style="flex: 1;">
+        <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="loop = !loop" style="flex: 1;">{{loop ? '' : '!'}}loop</button>
+            <button @click="muted = !muted" style="flex: 1;">{{muted ? '' : '!'}}muted</button>
+        </layout>
+        <layout gutter="10">
+            <button @click="play = !play" style="flex: 1;">{{play ? '' : '!'}}play</button>
+        </layout>
+    </layout>
+</form>

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

@@ -68,6 +68,8 @@ const tab_1 = __importDefault(require("./control/tab/tab"));
 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"));
@@ -156,6 +158,14 @@ class default_1 extends clickgo.form.AbstractForm {
                     frm = yield clickgo.form.create(vflow_1.default);
                     break;
                 }
+                case 'cvideo': {
+                    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('carteditor')">Arteditor</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>
@@ -80,6 +83,7 @@
                     <button @click="openForm('cmap')">Map</button>
                 </layout>
                 <layout gutter="10">
+                    <button @click="openForm('carteditor')">Arteditor</button>
                     <button @click="openForm('ctuieditor')">Tuieditor</button>
                 </layout>
             </layout>

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

@@ -57,9 +57,11 @@
                 <block ref="move" style="background: #07c160; position: absolute;" :style="{'left': moveLeft + 'px', 'top': moveTop + 'px', 'width': moveWidth + 'px', 'height': moveHeight + 'px'}" @touchstart="moveDown" @mousedown="moveDown"></block>
             </block>
             <button @click="fullscreen" style="height: 30px;">fullscreen()</button>
-            <label>clickgo.form.is.move: {{isMove ? 'true' : 'false'}}</label>
-            <label>clickgo.form.is.shift: {{isShift ? 'true' : 'false'}}</label>
-            <label>clickgo.form.is.ctrl: {{isCtrl ? 'true' : 'false'}}</label>
+            <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.8.8';
+const version = '3.9.1';
 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.8.8';
+const version = '3.9.1';
 export function getVersion(): string {
     return version;
 }