clickgo 3.8.6 → 3.8.8

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.6'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.8.8'}"></script>
 ```
 
 **index.js**

package/dist/app/demo/form/control/check/check.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());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const clickgo = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -33,7 +42,14 @@ class default_1 extends clickgo.form.AbstractForm {
         this.indeterminate1 = false;
         this.indeterminate2 = false;
         this.indeterminate3 = false;
+        this.indeterminate4 = false;
         this.disabled = false;
     }
+    onChange(e, v, i) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.preventDefault();
+            yield clickgo.form.dialog('v: ' + (v ? 'true' : 'false') + ', i: ' + (i ? 'true' : 'false'));
+        });
+    }
 }
 exports.default = default_1;

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

@@ -5,9 +5,12 @@
         <layout gutter="10">
             <check v-model="checked1" v-model:indeterminate="indeterminate1" :disabled="disabled" style="flex: 1;">check1</check>
             <check v-model="checked2" v-model:indeterminate="indeterminate2" :disabled="disabled" style="flex: 1;">check2</check>
+        </layout>
+        <layout gutter="10">
             <check v-model="checked3" v-model:indeterminate="indeterminate3" :disabled="disabled" style="flex: 1;">check3</check>
+            <check v-model:indeterminate="indeterminate4" :disabled="disabled" @change="onChange" style="flex: 1;">check4 (not)</check>
         </layout>
-        <button style="height: 30px;" @click="indeterminate1 = true; indeterminate2 = true; indeterminate3 = true">Set indeterminate</button>
+        <button style="height: 30px;" @click="indeterminate1=true;indeterminate2=true;indeterminate3=true;indeterminate4=true">Set indeterminate</button>
         <button style="height: 30px;" @click="disabled = !disabled">{{disabled ? 'Remove' : 'Set'}} disabled</button>
     </layout>
 </form>

package/dist/app/demo/form/control/menu/menu.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());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const clickgo = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -30,6 +39,19 @@ class default_1 extends clickgo.form.AbstractForm {
         this.radio = 'radio1';
         this.check1 = true;
         this.check2 = false;
+        this.check3 = true;
+    }
+    onCheck(event) {
+        event.preventDefault();
+    }
+    onRadio(event, o, n) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (o !== 'radio2') {
+                return;
+            }
+            event.preventDefault();
+            yield clickgo.form.dialog('When the value is set to "radio2," this option cannot be selected. Now is: ' + n);
+        });
     }
 }
 exports.default = default_1;

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

@@ -10,6 +10,7 @@
                     <menulist>
                         <menulist-item type="radio" alt="A" v-model="radio" label="radio1">Radio1</menulist-item>
                         <menulist-item type="radio" alt="B" v-model="radio" label="radio2">Radio2</menulist-item>
+                        <menulist-item type="radio" alt="C" v-model="radio" label="radio3" @check="onRadio">Radio3</menulist-item>
                         <menulist-split></menulist-split>
                         <menulist-item alt="C">
                             <template v-slot>Check</template>
@@ -17,6 +18,8 @@
                                 <menulist>
                                     <menulist-item type="check" alt="A" v-model="check1">Check1</menulist-item>
                                     <menulist-item type="check" alt="B" v-model="check2">Check2</menulist-item>
+                                    <menulist-item type="check" alt="C" v-model="check3" @check="onCheck">Check3 (not)</menulist-item>
+                                    <menulist-item type="check" alt="D">Check4 (nov)</menulist-item>
                                 </menulist>
                             </template>
                         </menulist-item>

package/dist/app/demo/form/control/radio/radio.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());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const clickgo = __importStar(require("clickgo"));
 class default_1 extends clickgo.form.AbstractForm {
@@ -30,5 +39,14 @@ class default_1 extends clickgo.form.AbstractForm {
         this.value = 'radio1';
         this.disabled = false;
     }
+    onChange(e, o, n) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (o !== 'radio2') {
+                return;
+            }
+            e.preventDefault();
+            yield clickgo.form.dialog('o: ' + o + ', n: ' + n);
+        });
+    }
 }
 exports.default = default_1;

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

@@ -4,7 +4,10 @@
         <layout gutter="10">
             <radio v-model="value" :disabled="disabled" value="radio1" style="flex: 1; width: 0;">radio1</radio>
             <radio v-model="value" :disabled="disabled" value="radio2" style="flex: 1; width: 0;">radio2</radio>
+        </layout>
+        <layout gutter="10">
             <radio v-model="value" :disabled="disabled" value="radio3" style="flex: 1; width: 0;">radio3</radio>
+            <radio v-model="value" :disabled="disabled" value="radio4" @change="onChange" style="flex: 1; width: 0;">radio4 (r2n4)</radio>
         </layout>
         <button @click="value = 'radio2'" style="height: 30px;">Set value to "radio2"</button>
         <button @click="disabled = !disabled" style="height: 30px;">{{disabled ? 'Remove' : 'Set'}} disabled</button>

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

@@ -192,6 +192,15 @@ class default_1 extends clickgo.form.AbstractForm {
             }
         }
     }
+    asyncLoad() {
+        const list = ['0', {
+                'label': 'ok',
+                'value': '1'
+            }, '2', '3'];
+        for (const item of list) {
+            this.asyncData.push(item);
+        }
+    }
     onMounted() {
         this.watch(() => this.select.join(','), (n, o) => {
             let select = [];

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

@@ -71,7 +71,7 @@
                     <label>Async value: {{asyncModel}}</label>
                     <layout gutter="10">
                         <select v-model="asyncModel" :data="asyncData" style="flex: 1;"></select>
-                        <button v-if="!asyncData.length" @click="asyncData=['0', {'label':'ok','value':'1'},'2','3']">Load</button>
+                        <button v-if="!asyncData.length" @click="asyncLoad">Load</button>
                     </layout>
                 </layout>
             </flow>

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

@@ -39,6 +39,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.loadFirst = false;
         this.val = [];
         this.data = [];
+        this.adaptation = false;
         this.disabled = false;
         this.must = true;
         this.multi = false;

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

@@ -1,7 +1,7 @@
 <form width="400" height="500" title="Table">
     <layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
         <label>Value: {{val}}</label>
-        <table :data="data" style="flex: 1;" v-model="val" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" :split="split" @gesture="onGesture" :scroll="scroll" :sizes="sizes" :sort="sort" @select="onSelect" @sort="onSort">
+        <table :data="data" :style="{'flex': adaptation ? undefined : '1'}" v-model="val" :disabled="disabled" :must="must" :multi="multi" :ctrl="ctrl" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" :split="split" @gesture="onGesture" :scroll="scroll" :sizes="sizes" :sort="sort" @select="onSelect" @sort="onSort">
             <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>
@@ -18,6 +18,7 @@
                 <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>
             </layout>
             <layout gutter="10">
                 <button style="flex: 1; height: 30px;" @click="disabled = !disabled">{{disabled ? '' : '!'}}disabled</button>

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

@@ -1 +1 @@
-.inner{padding:10px;flex:1}.buttons button{min-height:30px}
+.inner{padding:10px;flex:1}.buttons button{flex:1}

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

@@ -4,6 +4,6 @@
 
 .buttons {
     button {
-        min-height: 30px;
+        flex: 1;
     }
 }

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

@@ -3,49 +3,89 @@
         <flow v-if="ntab === 'control'" class="inner" direction="v">
             <layout class="buttons" gutter="10" direction="v">
                 <label>App data: {{adata}}</label>
-                <button @click="openForm('cform')">Form</button>
-                <button @click="openForm('clayout')">Layout</button>
-                <button @click="openForm('cimg')">Img</button>
-                <button @click="openForm('cbutton')">Button</button>
-                <button @click="openForm('ccheck')">Check</button>
-                <button @click="openForm('cradio')">Radio</button>
-                <button @click="openForm('ctext')">Text</button>
-                <button @click="openForm('cdate')">Date</button>
-                <button @click="openForm('ctab')">Tab</button>
-                <button @click="openForm('clabel')">Label</button>
-                <button @click="openForm('clink')">Link</button>
-                <button @click="openForm('cloading')">Loading</button>
-                <button @click="openForm('cdialog')">Dialog</button>
-                <button @click="openForm('cfile')">File</button>
-                <button @click="openForm('cblock')">Block</button>
-                <button @click="openForm('calayout')">Alayout</button>
-                <button @click="openForm('csvg')">Svg</button>
-                <button @click="openForm('cflow')">Flow</button>
-                <button @click="openForm('cvflow')">Vflow</button>
-                <button @click="openForm('cmarquee')">Marquee</button>
-                <button @click="openForm('cscroll')">Scroll</button>
-                <button @click="openForm('cmenu')">Menu</button>
-                <button @click="openForm('clist')">List</button>
-                <button @click="openForm('cselect')">Select</button>
-                <button @click="openForm('cpanel')">Panel</button>
-                <button @click="openForm('cproperty')">Property</button>
-                <button @click="openForm('ctable')">Table</button>
-                <button @click="openForm('cnav')">Nav</button>
-                <button @click="openForm('cpage')">Page</button>
-                <button @click="openForm('cbox')">Box</button>
-                <button @click="openForm('cdesc')">Desc</button>
-                <button @click="openForm('chtml')">Html</button>
-                <button @click="openForm('ciconview')">Iconview</button>
-                <button @click="openForm('carteditor')">Arteditor</button>
-                <button @click="openForm('cmonaco')">Monaco</button>
-                <button @click="openForm('cxterm')">Xterm</button>
-                <button @click="openForm('cecharts')">Echarts</button>
-                <button @click="openForm('cmap')">Map</button>
-                <button @click="openForm('ctuieditor')">Tuieditor</button>
+                <layout gutter="10">
+                    <button @click="openForm('cform')">Form</button>
+                    <button @click="openForm('clayout')">Layout</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cimg')">Img</button>
+                    <button @click="openForm('cbutton')">Button</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('ccheck')">Check</button>
+                    <button @click="openForm('cradio')">Radio</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('ctext')">Text</button>
+                    <button @click="openForm('cdate')">Date</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('ctab')">Tab</button>
+                    <button @click="openForm('clabel')">Label</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('clink')">Link</button>
+                    <button @click="openForm('cloading')">Loading</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cdialog')">Dialog</button>
+                    <button @click="openForm('cfile')">File</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cblock')">Block</button>
+                    <button @click="openForm('calayout')">Alayout</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('csvg')">Svg</button>
+                    <button @click="openForm('cflow')">Flow</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cvflow')">Vflow</button>
+                    <button @click="openForm('cmarquee')">Marquee</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cscroll')">Scroll</button>
+                    <button @click="openForm('cmenu')">Menu</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('clist')">List</button>
+                    <button @click="openForm('cselect')">Select</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cpanel')">Panel</button>
+                    <button @click="openForm('cproperty')">Property</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('ctable')">Table</button>
+                    <button @click="openForm('cnav')">Nav</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cpage')">Page</button>
+                    <button @click="openForm('cbox')">Box</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cdesc')">Desc</button>
+                    <button @click="openForm('chtml')">Html</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('ciconview')">Iconview</button>
+                    <button @click="openForm('carteditor')">Arteditor</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cmonaco')">Monaco</button>
+                    <button @click="openForm('cxterm')">Xterm</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('cecharts')">Echarts</button>
+                    <button @click="openForm('cmap')">Map</button>
+                </layout>
+                <layout gutter="10">
+                    <button @click="openForm('ctuieditor')">Tuieditor</button>
+                </layout>
             </layout>
         </flow>
         <flow v-else-if="ntab === 'method'" class="inner" direction="v">
-            <layout class="buttons" gutter="10" direction="v">
+            <layout gutter="10" direction="v">
                 <button @click="openForm('mcore')">Library core</button>
                 <button @click="openForm('mdom')">Library dom</button>
                 <button @click="openForm('mform')">Library form</button>
@@ -61,7 +101,7 @@
             </layout>
         </flow>
         <flow v-else class="inner" direction="v">
-            <layout class="buttons" gutter="10" direction="v">
+            <layout gutter="10" direction="v">
                 <button @click="openForm('escreen')">About screen</button>
                 <button @click="openForm('eform')">About form</button>
                 <button @click="openForm('etask')">About task</button>

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.6';
+const version = '3.8.8';
 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.6';
+const version = '3.8.8';
 export function getVersion(): string {
     return version;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clickgo",
-  "version": "3.8.6",
+  "version": "3.8.8",
   "description": "Background interface, software interface, mobile phone APP interface operation library.",
   "keywords": [
     "deskrt",