clickgo 3.10.1 → 3.10.2

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

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

@@ -135,17 +135,17 @@ class default_1 extends clickgo.form.AbstractForm {
             this.list.splice(-1, 1);
         });
     }
-    drop(data) {
+    drop(e) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog(JSON.stringify(data));
+            yield clickgo.form.dialog(JSON.stringify(e.detail));
         });
     }
-    onSelect(area) {
-        this.selectionArea = area;
+    onSelect(e) {
+        this.selectionArea = e.detail.area;
     }
-    onOpen(v) {
+    onOpen(e) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('onOpen: ' + v.toString());
+            yield clickgo.form.dialog('onOpen: ' + e.detail.value.toString());
         });
     }
     scrollChange() {

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

@@ -119,6 +119,9 @@ class default_1 extends clickgo.form.AbstractForm {
     }
     get listData() {
         const data = ['Item1', {
+                'label': 'Tip',
+                'color': 'tip'
+            }, {
                 'label': 'Title1',
                 'children': [
                     'Sub1',

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

@@ -68,7 +68,10 @@ class default_1 extends clickgo.form.AbstractForm {
         ];
         this.select = [];
         this.slist2 = [
-            'haha1', 'haha2', 'haha3', 'haha4', {
+            'haha1', 'haha2', 'haha3', {
+                'label': 'tip',
+                'color': 'tip'
+            }, 'haha4', {
                 'value': 'ha5',
                 'label': 'The value is ha5'
             }, {
@@ -93,13 +96,14 @@ class default_1 extends clickgo.form.AbstractForm {
             }
         ];
         this.addRemoveList = [];
-        this.select2 = ['haha2'];
+        this.select2 = ['haha21111'];
         this.aemodel = [];
         this.label2 = [];
         this.asyncModel = ['1'];
         this.asyncData = [];
-        this.select3 = [];
-        this.label3 = [];
+        this.select3 = '';
+        this.label3 = '';
+        this.level3 = [];
         this.s3other = false;
         this.slist3r = ['a', 'b', 'c', 'haha3'];
         this.padding = false;
@@ -146,8 +150,10 @@ class default_1 extends clickgo.form.AbstractForm {
         });
     }
     onLoaded() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield clickgo.form.dialog('done');
+        clickgo.form.notify({
+            'type': 'info',
+            'title': 'Levelselect @loaded',
+            'content': 'Done'
         });
     }
     onRemote(value, resolve) {

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

@@ -80,11 +80,12 @@
                 <layout gutter="10" direction="v" style="padding: 10px;">
                     <label>Now select value is {{select3}}</label>
                     <label>Label: {{label3}}</label>
-                    <levelselect v-model="select3" @label="label3 = $event" :data="s3other ? slist3r : slist2" :disabled="disabled" :editable="editable" :multi="multi" :async="async" placeholder="Please enter" @load="onLoad" @loaded="onLoaded" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></levelselect>
+                    <label>Level: {{level3}}</label>
+                    <levelselect v-model="select3" @label="label3 = $event" @level="level3 = $event" :data="s3other ? slist3r : slist2" :disabled="disabled" :editable="editable" :multi="multi" :async="async" placeholder="Please enter" @load="onLoad" @loaded="onLoaded" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></levelselect>
                     <button @click="async = !async">{{async ? '' : '!'}}async</button>
-                    <button @click="select3 = ['title', 'sub2']">Set: ['title', 'sub2']</button>
-                    <button @click="select3 = ['haha2', '60']">Set: ['haha2', '60']</button>
-                    <button @click="select3.length = 0">Clear</button>
+                    <button @click="select3 = 'title'">Set: 'title'</button>
+                    <button @click="select3 = 'haha2'">Set: 'haha2'</button>
+                    <button @click="select3 = ''">Clear</button>
                     <button @click="s3other = !s3other">Set {{s3other ? 'this' : 'other'}} data</button>
                 </layout>
             </flow>
@@ -92,7 +93,7 @@
         <layout gutter="10">
             <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? '' : '!'}}disabled</button>
             <button v-if="ntab === 'greatselect'" @click="changeArea" style="flex: 1;">Area: {{area}}</button>
-            <button v-else @click="editable = !editable" style="flex: 1;">{{editable ? '' : '!'}}editable</button>
+            <button v-else-if="ntab === 'select'" @click="editable = !editable" style="flex: 1;">{{editable ? '' : '!'}}editable</button>
         </layout>
         <layout gutter="10">
             <button @click="fontSize = !fontSize" style="flex: 1;">Change font size</button>
@@ -100,7 +101,7 @@
         </layout>
         <layout gutter="10">
             <button @click="background = !background" style="flex: 1;">Change bg &amp; color</button>
-            <button @click="multi = !multi" style="flex: 1;">{{multi ? '' : '!'}}multi</button>
+            <button v-if="ntab !== 'levelselect'" @click="multi = !multi" style="flex: 1;">{{multi ? '' : '!'}}multi</button>
         </layout>
     </layout>
 </form>

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

@@ -1,43 +1,45 @@
-<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': 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>
-                <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>
+<form width="400" height="500" title="Table" padding="10">
+    <flow direction="v" style="flex: 1; width: 0;">
+        <layout direction="v" gutter="10" style="flex: 1;">
+            <label>Value: {{val}}</label>
+            <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>
+                    <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>
+                        <menulist-item alt="S" @click="showIndex">Show select</menulist-item>
+                    </menulist>
+                </template>
+            </table>
+            <template v-if="loadFirst">
+                <layout gutter="10">
+                    <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;" @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;" @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>
-            <template v-slot:pop>
-                <menulist>
-                    <menulist-item alt="S" @click="showIndex">Show select</menulist-item>
-                </menulist>
-            </template>
-        </table>
-        <template v-if="loadFirst">
-            <layout gutter="10">
-                <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;" @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;" @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>
-    </layout>
+            <button v-else @click="load">Load</button>
+        </layout>
+    </flow>
 </form>

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

@@ -97,7 +97,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.ntab = '';
         this.adata = {};
     }
-    openForm(name) {
+    openForm(name, data) {
         return __awaiter(this, void 0, void 0, function* () {
             let frm;
             switch (name) {
@@ -336,7 +336,7 @@ class default_1 extends clickgo.form.AbstractForm {
                     break;
                 }
                 default: {
-                    frm = yield clickgo.form.create(backpanel_1.default);
+                    frm = yield clickgo.form.create(backpanel_1.default, data);
                 }
             }
             frm.show();

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

@@ -115,6 +115,7 @@
         <flow v-else class="inner" direction="v">
             <layout gutter="10" direction="v">
                 <button @click="openForm('sbackpanel')">Backend panel</button>
+                <button @click="openForm('sbackpanel', {'hash': 'test2?p=6'})">Backend panel with hash</button>
             </layout>
         </flow>
     </tab>

package/dist/app/demo/form/solution/backpanel/backpanel.js

@@ -59,5 +59,11 @@ class default_1 extends clickgo.form.AbstractForm {
             yield clickgo.form.dialog('Show form');
         });
     }
+    onMounted(data) {
+        if (!data.hash) {
+            return;
+        }
+        this.formHash = data.hash;
+    }
 }
 exports.default = default_1;

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

package/package.json

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

package/types/index.d.ts

@@ -661,6 +661,53 @@ export interface IGreatselectAddEvent extends ICustomEvent {
     };
 }
 
+// --- Iconview Control ---
+
+export interface IIconviewItemclickedEvent {
+    'detail': {
+        'event': MouseEvent | TouchEvent;
+        'value': number;
+    };
+}
+
+export interface IIconviewOpenEvent {
+    'detail': {
+        'value': number[];
+    };
+}
+
+export interface IIconviewDropEvent {
+    'detail': {
+        'self': boolean;
+        'from': Array<{
+            'index': number;
+            'type': 0 | 1 | -1 | undefined;
+            'path': string;
+        }>;
+        'to': {
+            'index': number;
+            'type': 0 | 1 | -1 | undefined;
+            'path': string;
+        };
+    };
+}
+
+export interface IIconviewSelectEvent {
+    'detail': {
+        'area': {
+            'x': number;
+            'y': number;
+            'width': number;
+            'height': number;
+            'shift': boolean;
+            'ctrl': boolean;
+            'start': number;
+            'end': number;
+            'empty': boolean;
+        };
+    };
+}
+
 // --- List Control ---
 
 export interface IListRemoveEvent extends ICustomEvent {
@@ -680,7 +727,7 @@ export interface IListAddEvent extends ICustomEvent {
 export interface IListItemclickedEvent {
     'detail': {
         'event': MouseEvent | TouchEvent;
-        'value': number;
+        'value': string;
         'arrow': boolean;
     };
 }