clickgo 3.6.1 → 3.6.3

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

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

@@ -141,6 +141,11 @@ class default_1 extends clickgo.form.AbstractForm {
             resolve(['he', 'ha']);
         });
     }
+    onLoaded() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('done');
+        });
+    }
     onRemote(value, resolve) {
         return __awaiter(this, void 0, void 0, function* () {
             yield clickgo.tool.sleep(300);

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

@@ -66,9 +66,10 @@
                 <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" :style="{'font-size': fontSize ? '16px' : undefined, 'padding': padding ? '15px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></levelselect>
+                    <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>
                     <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="s3other = !s3other">Set {{s3other ? 'this' : 'other'}} data</button>
                 </layout>
             </flow>

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

package/dist/lib/form.js

@@ -1317,50 +1317,10 @@ function removeFromPop(el) {
     exports.elements.popList.removeChild(el);
 }
 exports.removeFromPop = removeFromPop;
-let lastShowPopTime = 0;
-function showPop(el, pop, direction, opt = {}) {
+function refreshPopPosition(el, pop, direction, size = {}) {
     var _a, _b;
-    if (opt.null === undefined) {
-        opt.null = false;
-    }
-    if (opt.size === undefined) {
-        opt.size = {};
-    }
-    if (!pop && !opt.null) {
-        return;
-    }
-    const now = Date.now();
-    if (now - lastShowPopTime < 5) {
-        lastShowPopTime = now;
-        return;
-    }
-    lastShowPopTime = now;
-    if (el.dataset.cgPopOpen !== undefined) {
-        return;
-    }
-    const parentPop = dom.findParentByData(el, 'cg-pop');
-    if (parentPop) {
-        for (let i = 0; i < popInfo.list.length; ++i) {
-            if (popInfo.list[i] !== parentPop) {
-                continue;
-            }
-            if (!popInfo.elList[i + 1]) {
-                continue;
-            }
-            hidePop(popInfo.elList[i + 1]);
-        }
-    }
-    else {
-        hidePop();
-    }
-    if (!pop) {
-        popInfo.elList.push(el);
-        el.dataset.cgPopOpen = '';
-        el.dataset.cgLevel = (popInfo.elList.length - 1).toString();
-        return;
-    }
-    const width = (_a = opt.size.width) !== null && _a !== void 0 ? _a : (pop ? pop.offsetWidth : 0);
-    const height = (_b = opt.size.height) !== null && _b !== void 0 ? _b : (pop ? pop.offsetHeight : 0);
+    const width = (_a = size.width) !== null && _a !== void 0 ? _a : pop.offsetWidth;
+    const height = (_b = size.height) !== null && _b !== void 0 ? _b : pop.offsetHeight;
     let left, top;
     if (typeof direction === 'string') {
         const bcr = el.getBoundingClientRect();
@@ -1422,11 +1382,59 @@ function showPop(el, pop, direction, opt = {}) {
     pop.style.left = left.toString() + 'px';
     pop.style.top = top.toString() + 'px';
     pop.style.zIndex = (++popInfo.lastZIndex).toString();
-    if (opt.size.width) {
-        pop.style.width = opt.size.width.toString() + 'px';
+    if (size.width) {
+        pop.style.width = size.width.toString() + 'px';
     }
-    if (opt.size.height) {
-        pop.style.height = opt.size.height.toString() + 'px';
+    if (size.height) {
+        pop.style.height = size.height.toString() + 'px';
+    }
+}
+let lastShowPopTime = 0;
+function showPop(el, pop, direction, opt = {}) {
+    if (opt.null === undefined) {
+        opt.null = false;
+    }
+    if (opt.size === undefined) {
+        opt.size = {};
+    }
+    if (!pop && !opt.null) {
+        return;
+    }
+    const now = Date.now();
+    if (now - lastShowPopTime < 5) {
+        lastShowPopTime = now;
+        return;
+    }
+    lastShowPopTime = now;
+    if (el.dataset.cgPopOpen !== undefined) {
+        return;
+    }
+    const parentPop = dom.findParentByData(el, 'cg-pop');
+    if (parentPop) {
+        for (let i = 0; i < popInfo.list.length; ++i) {
+            if (popInfo.list[i] !== parentPop) {
+                continue;
+            }
+            if (!popInfo.elList[i + 1]) {
+                continue;
+            }
+            hidePop(popInfo.elList[i + 1]);
+        }
+    }
+    else {
+        hidePop();
+    }
+    if (!pop) {
+        popInfo.elList.push(el);
+        el.dataset.cgPopOpen = '';
+        el.dataset.cgLevel = (popInfo.elList.length - 1).toString();
+        return;
+    }
+    refreshPopPosition(el, pop, direction, opt.size);
+    if (opt.autoPosition && typeof direction === 'string' && ['h', 'v'].includes(direction)) {
+        clickgo.dom.watchSize(pop, () => {
+            refreshPopPosition(el, pop, direction, opt.size);
+        });
     }
     popInfo.list.push(pop);
     popInfo.elList.push(el);
@@ -1463,6 +1471,7 @@ function hidePop(pop) {
     if (isPop) {
         pop.removeAttribute('data-cg-open');
         pop.removeAttribute('data-cg-level');
+        clickgo.dom.unwatchSize(pop);
         popInfo.elList[level].removeAttribute('data-cg-pop-open');
         popInfo.elList[level].removeAttribute('data-cg-level');
     }
@@ -1470,6 +1479,7 @@ function hidePop(pop) {
         if (popInfo.list[level]) {
             popInfo.list[level].removeAttribute('data-cg-open');
             popInfo.list[level].removeAttribute('data-cg-level');
+            clickgo.dom.unwatchSize(popInfo.list[level]);
         }
         pop.removeAttribute('data-cg-pop-open');
         pop.removeAttribute('data-cg-level');

package/dist/lib/form.ts

@@ -1744,65 +1744,11 @@ export function removeFromPop(el: HTMLElement): void {
     elements.popList.removeChild(el);
 }
 
-/** --- 最后一次 touchstart 的时间戳 */
-let lastShowPopTime: number = 0;
-/**
- * --- 获取 pop 显示出来的坐标并报系统全局记录 ---
- * @param el 响应的元素
- * @param pop 要显示 pop 元素
- * @param direction 要显示方向（以 $el 为准的 h 水平和 v 垂直）或坐标
- * @param opt width / height 显示的 pop 定义自定义宽/高度，可省略；null，true 代表为空也会显示，默认为 false
- */
-export function showPop(el: HTMLElement, pop: HTMLElement | undefined, direction: 'h' | 'v' | MouseEvent | TouchEvent | { x: number; y: number; }, opt: { 'size'?: { width?: number; height?: number; }; 'null'?: boolean; } = {}): void {
-    // --- opt.null 为 true 代表可为空，为空也会被显示，默认为 false ---
-    if (opt.null === undefined) {
-        opt.null = false;
-    }
-    if (opt.size === undefined) {
-        opt.size = {};
-    }
-    // --- 也可能不执行本次显示 ---
-    if (!pop && !opt.null) {
-        return;
-    }
-    // --- 如果短时间内已经有了 pop 被展示，则可能是冒泡序列，本次则不展示 ---
-    const now = Date.now();
-    if (now - lastShowPopTime < 5) {
-        lastShowPopTime = now;
-        return;
-    }
-    lastShowPopTime = now;
-    // --- 检测是不是已经显示了 ---
-    if (el.dataset.cgPopOpen !== undefined) {
-        return;
-    }
-    /** --- 要不要隐藏别的 pop --- */
-    const parentPop = dom.findParentByData(el, 'cg-pop');
-    if (parentPop) {
-        for (let i = 0; i < popInfo.list.length; ++i) {
-            if (popInfo.list[i] !== parentPop) {
-                continue;
-            }
-            if (!popInfo.elList[i + 1]) {
-                continue;
-            }
-            hidePop(popInfo.elList[i + 1]);
-        }
-    }
-    else {
-        // --- 本层不是 pop，因此要隐藏所有 pop ---
-        hidePop();
-    }
-    // --- 检测如果 pop 是 undefined 还显示吗 ---
-    if (!pop) {
-        popInfo.elList.push(el);
-        el.dataset.cgPopOpen = '';
-        el.dataset.cgLevel = (popInfo.elList.length - 1).toString();
-        return;
-    }
+/** --- 重新调整 pop 的位置 --- */
+function refreshPopPosition(el: HTMLElement, pop: HTMLElement, direction: 'h' | 'v' | MouseEvent | TouchEvent | { x: number; y: number; }, size: { width?: number; height?: number; } = {}): void {
     // --- 最终 pop 的大小 ---
-    const width = opt.size.width ?? (pop ? pop.offsetWidth : 0);
-    const height = opt.size.height ?? (pop ? pop.offsetHeight : 0);
+    const width = size.width ?? pop.offsetWidth;
+    const height = size.height ?? pop.offsetHeight;
     // --- 最终显示位置 ---
     let left: number, top: number;
     if (typeof direction === 'string') {
@@ -1873,11 +1819,77 @@ export function showPop(el: HTMLElement, pop: HTMLElement | undefined, direction
     pop.style.left = left.toString() + 'px';
     pop.style.top = top.toString() + 'px';
     pop.style.zIndex = (++popInfo.lastZIndex).toString();
-    if (opt.size.width) {
-        pop.style.width = opt.size.width.toString() + 'px';
+    if (size.width) {
+        pop.style.width = size.width.toString() + 'px';
+    }
+    if (size.height) {
+        pop.style.height = size.height.toString() + 'px';
+    }
+}
+
+/** --- 最后一次 touchstart 的时间戳 */
+let lastShowPopTime: number = 0;
+/**
+ * --- 获取 pop 显示出来的坐标并报系统全局记录 ---
+ * @param el 响应的元素
+ * @param pop 要显示 pop 元素
+ * @param direction 要显示方向（以 $el 为准的 h 水平和 v 垂直）或坐标
+ * @param opt width / height 显示的 pop 定义自定义宽/高度，可省略；null，true 代表为空也会显示，默认为 false; autoPosition, 自动更新 pop 位置，默认 false，true 为原元素位置变更，pop 位置也会变更，pop 大小变更，位置也会变更
+ */
+export function showPop(el: HTMLElement, pop: HTMLElement | undefined, direction: 'h' | 'v' | MouseEvent | TouchEvent | { x: number; y: number; }, opt: { 'size'?: { width?: number; height?: number; }; 'null'?: boolean; 'autoPosition'?: boolean; } = {}): void {
+    // --- opt.null 为 true 代表可为空，为空也会被显示，默认为 false ---
+    if (opt.null === undefined) {
+        opt.null = false;
+    }
+    if (opt.size === undefined) {
+        opt.size = {};
+    }
+    // --- 也可能不执行本次显示 ---
+    if (!pop && !opt.null) {
+        return;
+    }
+    // --- 如果短时间内已经有了 pop 被展示，则可能是冒泡序列，本次则不展示 ---
+    const now = Date.now();
+    if (now - lastShowPopTime < 5) {
+        lastShowPopTime = now;
+        return;
+    }
+    lastShowPopTime = now;
+    // --- 检测是不是已经显示了 ---
+    if (el.dataset.cgPopOpen !== undefined) {
+        return;
+    }
+    /** --- 要不要隐藏别的 pop --- */
+    const parentPop = dom.findParentByData(el, 'cg-pop');
+    if (parentPop) {
+        for (let i = 0; i < popInfo.list.length; ++i) {
+            if (popInfo.list[i] !== parentPop) {
+                continue;
+            }
+            if (!popInfo.elList[i + 1]) {
+                continue;
+            }
+            hidePop(popInfo.elList[i + 1]);
+        }
+    }
+    else {
+        // --- 本层不是 pop，因此要隐藏所有 pop ---
+        hidePop();
+    }
+    // --- 检测如果 pop 是 undefined 还显示吗 ---
+    if (!pop) {
+        popInfo.elList.push(el);
+        el.dataset.cgPopOpen = '';
+        el.dataset.cgLevel = (popInfo.elList.length - 1).toString();
+        return;
     }
-    if (opt.size.height) {
-        pop.style.height = opt.size.height.toString() + 'px';
+    // --- 设定 pop 位置 ---
+    refreshPopPosition(el, pop, direction, opt.size);
+    if (opt.autoPosition && typeof direction === 'string' && ['h', 'v'].includes(direction)) {
+        // --- 可能要重置 pop 位置 ---
+        clickgo.dom.watchSize(pop, () => {
+            refreshPopPosition(el, pop, direction, opt.size);
+        });
     }
     popInfo.list.push(pop);
     popInfo.elList.push(el);
@@ -1919,6 +1931,7 @@ export function hidePop(pop?: HTMLElement): void {
     if (isPop) {
         pop.removeAttribute('data-cg-open');
         pop.removeAttribute('data-cg-level');
+        clickgo.dom.unwatchSize(pop);
         popInfo.elList[level].removeAttribute('data-cg-pop-open');
         popInfo.elList[level].removeAttribute('data-cg-level');
     }
@@ -1926,6 +1939,7 @@ export function hidePop(pop?: HTMLElement): void {
         if (popInfo.list[level]) {
             popInfo.list[level].removeAttribute('data-cg-open');
             popInfo.list[level].removeAttribute('data-cg-level');
+            clickgo.dom.unwatchSize(popInfo.list[level]);
         }
         pop.removeAttribute('data-cg-pop-open');
         pop.removeAttribute('data-cg-level');

package/dist/lib/task.ts

@@ -732,7 +732,7 @@ export async function run(url: string | types.IApp, opt: types.ITaskRunOptions =
             hideNotify: function(notifyId: number): void {
                 form.hideNotify(notifyId);
             },
-            showPop: function(el: HTMLElement, pop: HTMLElement | undefined, direction: 'h' | 'v' | MouseEvent | TouchEvent | { x: number; y: number; }, opt: { 'size'?: { width?: number; height?: number; }; 'null'?: boolean; } = {}): void {
+            showPop: function(el: HTMLElement, pop: HTMLElement | undefined, direction: 'h' | 'v' | MouseEvent | TouchEvent | { x: number; y: number; }, opt: { 'size'?: { width?: number; height?: number; }; 'null'?: boolean; 'autoPosition'?: boolean; } = {}): void {
                 form.showPop(el, pop, direction, opt);
             },
             hidePop: function(pop?: HTMLElement): void {

package/package.json

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