clickgo 3.11.2 → 3.11.4

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

package/dist/app/demo/config.json

@@ -108,6 +108,7 @@
         "/form/control/tag/tag.xml",
         "/form/control/text/text.js",
         "/form/control/text/text.xml",
+        "/form/control/tip/tip.xml",
         "/form/control/tuieditor/tuieditor.js",
         "/form/control/tuieditor/tuieditor.xml",
         "/form/control/vflow/vflow.css",

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

@@ -50,6 +50,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.resize = true;
         this.floading = false;
         this.border = 'normal';
+        this.banClose = false;
     }
     showLoading() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -58,5 +59,10 @@ class default_1 extends clickgo.form.AbstractForm {
             this.floading = false;
         });
     }
+    onClose(e) {
+        if (this.banClose) {
+            e.preventDefault();
+        }
+    }
 }
 exports.default = default_1;

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

@@ -1,4 +1,4 @@
-<form v-model:width="width" v-model:height="height" :icon="icon" :title="title" :min="min" :max="max" :close="close" v-model:state-max="stateMax" v-model:state-min="stateMin" :min-width="minWidth" :min-height="minHeight" :resize="resize" :loading="floading" :border="border" direction="v">
+<form v-model:width="width" v-model:height="height" :icon="icon" :title="title" :min="min" :max="max" :close="close" v-model:state-max="stateMax" v-model:state-min="stateMin" :min-width="minWidth" :min-height="minHeight" :resize="resize" :loading="floading" :border="border" direction="v" @close="onClose">
     <flow direction="v">
         <layout direction="v" gutter="10" style="padding: 10px;">
             <label>focus: {{formFocus}}, width: {{width}}, height: {{height}}, state-max: {{stateMax}}, state-min: {{stateMin}}.</label>
@@ -17,6 +17,7 @@
             <button @click="height = 0">Set height auto</button>
             <button @click="resize = resize ? false : true">{{resize ? 'Disabled' : 'Enabled'}} resize</button>
             <button @click="showLoading">Show loading</button>
+            <button @click="banClose = !banClose">{{banClose ? '' : '!'}}banClose</button>
             <layout class="bottom" gutter="10">
                 <button @click="border = 'normal'">Normal</button>
                 <button @click="border = 'thin'">Thin</button>

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

@@ -5,6 +5,7 @@
         <layout gutter="10">
             <button v-if="selected[0] !== './test1'" style="flex: 1;" @click="go">Go test1 with {'type': 'show'}</button>
             <button style="flex: 1;" @click="ssend">send {'type': 'send'}</button>
+            <button style="flex: 1;" @click="sendToPanel(refs.panel, {'type': 's2p'})">sendToPanel {'type': 's2p'}</button>
         </layout>
         <layout gutter="10">
             <button style="flex: 1;" @click="plain = !plain">{{plain ? '' : '!'}}plain</button>

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

@@ -40,11 +40,11 @@ class default_1 extends clickgo.form.AbstractPanel {
         this.data = {};
         this.rootMountData = 'none';
     }
-    onShow(d) {
+    onShow(e) {
         return __awaiter(this, void 0, void 0, function* () {
             yield clickgo.tool.sleep(1000);
             ++this.scount;
-            this.data = d;
+            this.data = e;
         });
     }
     onHide() {
@@ -69,6 +69,12 @@ class default_1 extends clickgo.form.AbstractPanel {
             yield clickgo.form.dialog('Hello panel!');
         });
     }
+    clearQss() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.clearQs();
+            yield clickgo.form.dialog('cleard.');
+        });
+    }
     onMounted() {
         this.rootMountData = this.rootForm.mountData;
     }

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

@@ -5,7 +5,9 @@
     <label>Parent data: {{rootForm.parentData}}</label>
     <label>Qs: {{qs}}</label>
     <label>rootMountData: {{rootMountData}}</label>
-    <button @click="click" style="height: 30px;">Hi</button>
+    <button @click="click">Hi</button>
+    <button @click="sendToRootPanel({'a':1})" style="height: 30px;">sendToRootPanel({'a':1})</button>
+    <button @click="clearQss">clearQs()</button>
     <layout>
         <button style="padding: 15px 30px;" area="split">
             Padding 10px 20px with pop

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

@@ -5,20 +5,20 @@
         <svg :layout="layout" :src="file" style="width: 64px; height: 64px;" />
     </layout>
     <layout gutter="10" style="margin-top: 10px;">
-        <button @click="color = undefined" style="padding: 0 10px; flex: 1; width: 0;">Default</button>
-        <button @click="color = 'green'" style="padding: 0 10px; flex: 1; width: 0;">Green</button>
-        <button @click="color = 'red'" style="padding: 0 10px; flex: 1; width: 0;">Red</button>
+        <button @click="color = undefined" style="flex: 1; width: 0;">Default</button>
+        <button @click="color = 'green'" style="flex: 1; width: 0;">Green</button>
+        <button @click="color = 'red'" style="flex: 1; width: 0;">Red</button>
     </layout>
     <layout gutter="10" style="margin-top: 10px;">
-        <button @click="i = 0" style="padding: 0 10px; flex: 1; width: 0;">Shape 0</button>
-        <button @click="i = 1" style="padding: 0 10px; flex: 1; width: 0;">1</button>
-        <button @click="i = 2" style="padding: 0 10px; flex: 1; width: 0;">2</button>
-        <button @click="i = 3" style="padding: 0 10px; flex: 1; width: 0;">None</button>
+        <button @click="i = 0" style="flex: 1; width: 0;">Shape 0</button>
+        <button @click="i = 1" style="flex: 1; width: 0;">1</button>
+        <button @click="i = 2" style="flex: 1; width: 0;">2</button>
+        <button @click="i = 3" style="flex: 1; width: 0;">None</button>
     </layout>
     <layout gutter="10" style="margin-top: 10px;">
-        <button @click="f = 0" style="padding: 0 10px; flex: 1; width: 0;">File 0</button>
-        <button @click="f = 1" style="padding: 0 10px; flex: 1; width: 0;">1</button>
-        <button @click="f = 2" style="padding: 0 10px; flex: 1; width: 0;">2</button>
-        <button @click="f = 3" style="padding: 0 10px; flex: 1; width: 0;">None</button>
+        <button @click="f = 0" style="flex: 1; width: 0;">File 0</button>
+        <button @click="f = 1" style="flex: 1; width: 0;">1</button>
+        <button @click="f = 2" style="flex: 1; width: 0;">2</button>
+        <button @click="f = 3" style="flex: 1; width: 0;">None</button>
     </layout>
 </form>

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

@@ -0,0 +1,13 @@
+<form width="300" height="500" title="Tip">
+    <layout direction="v" gutter="10" style="flex: 1; padding: 10px;">
+        <tip label="ok">
+            <button>123</button>
+        </tip>
+        <tip label="Click me">
+            <button>456</button>
+        </tip>
+        <tip label="This is a select">
+            <select :data="[1,2,3,4]"></select>
+        </tip>
+    </layout>
+</form>

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

@@ -172,6 +172,10 @@ class default_1 extends clickgo.form.AbstractForm {
                     frm = yield clickgo.form.create('/form/control/tag/tag');
                     break;
                 }
+                case 'ctip': {
+                    frm = yield clickgo.form.create('/form/control/tip/tip');
+                    break;
+                }
                 case 'cxterm': {
                     frm = yield clickgo.form.create(xterm_1.default);
                     break;

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

@@ -75,6 +75,9 @@
                     <button @click="openForm('cstep')">Step</button>
                     <button @click="openForm('ctag')">Tag</button>
                 </layout>
+                <layout gutter="10">
+                    <button @click="openForm('ctip')">Tip</button>
+                </layout>
                 <layout gutter="10">
                     <button @click="openForm('cmonaco')">Monaco</button>
                     <button @click="openForm('cxterm')">Xterm</button>

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

@@ -66,6 +66,8 @@ class default_1 extends clickgo.form.AbstractForm {
         this.url = 'HtTp://uSer:pAss@sUBDom.TopdOm23.CoM:29819/Admxw2Ksiz/dszas?Mdi=KdiMs1&a=JDd#hehHe';
         this.url1 = '/abc/def/hehe';
         this.url2 = '../bb.index';
+        this.second = '4531';
+        this.qs = 'a=1&b=2&c=3';
     }
     sleep() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -98,5 +100,20 @@ class default_1 extends clickgo.form.AbstractForm {
     urlResolve() {
         clickgo.form.dialog(clickgo.tool.urlResolve(this.url1, this.url2)).catch((e) => { throw e; });
     }
+    formatSecond() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(clickgo.tool.formatSecond(parseInt(this.second) || 0));
+        });
+    }
+    queryParse() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(JSON.stringify(clickgo.tool.queryParse(this.qs)));
+        });
+    }
+    queryStringify() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(clickgo.tool.queryStringify({ 'a': 1, 'b': 'c' }));
+        });
+    }
 }
 exports.default = default_1;

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

@@ -1,4 +1,4 @@
-<form width="350" height="400" title="Library tool">
+<form width="350" height="500" title="Library tool">
     <flow direction="v" style="flex: 1; padding: 10px;">
         <layout direction="v" gutter="10">
             <button @click="sleep">{{sleeping ? 'Waiting...' : 'sleep(1000)'}}</button>
@@ -7,12 +7,12 @@
             <layout gutter="10">
                 <text v-model="min" style="flex: 1;"></text>
                 <text v-model="max" style="flex: 1;"></text>
-                <button @click="rand" style="padding: 0 10px;">rand({{min}}, {{max}})</button>
+                <button @click="rand">rand({{min}}, {{max}})</button>
             </layout>
             <layout gutter="10">
                 <text v-model="length" style="width: 30px;"></text>
                 <text v-model="block" style="flex: 1;"></text>
-                <button @click="random" style="padding: 0 10px;">random({{length}}, RANDOM_LN, '{{block}}')</button>
+                <button @click="random">random({{length}}, RANDOM_LN, '{{block}}')</button>
             </layout>
             <button @click="escapeHTML">escapeHTML('{{purifyTxt.slice(0, 5).replace("'", "\\'")}}...')</button>
             <button @click="rgb2hsl">rgb2hsl('9,105,218')</button>
@@ -22,6 +22,15 @@
             <text v-model="url1"></text>
             <text v-model="url2"></text>
             <button @click="urlResolve">urlResolve('{{url1.slice(0, 5)}}...', '{{url2.slice(0, 5)}}...')</button>
+            <layout gutter="10">
+                <text v-model="second" style="flex: 1;"></text>
+                <button @click="formatSecond">formatSecond({{second}})</button>
+            </layout>
+            <layout gutter="10">
+                <text v-model="qs" style="flex: 1;"></text>
+                <button @click="queryParse">queryParse('{{qs.slice(0, 5)}}...')</button>
+            </layout>
+            <button @click="queryStringify">queryStringify({'a':1,'b':'c'})</button>
         </layout>
     </flow>
 </form>

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

@@ -4,6 +4,7 @@
             <label>formHash:</label>
             <text v-model="fh" style="flex: 1;" />
             <button @click="formHash = fh">Change</button>
+            <button @click="formHashBack">Back</button>
         </layout>
         <nav v-model="name" default="list" hash style="flex: 1;">
             <nav-item label="User">

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

package/dist/lib/control.ts

@@ -128,9 +128,9 @@ export abstract class AbstractControl {
      * @param cb 回调
      * @param opt 参数
      */
-    public watch<T extends this & this['props'], TK extends keyof T>(
-        name: TK,
-        cb: (val: T[TK], old: T[TK]) => void | Promise<void>,
+    public watch<T extends this & this['props'], TK extends keyof T, TR>(
+        name: TK | (() => TR),
+        cb: (val: T[TK] & TR, old: T[TK] & TR) => void | Promise<void>,
         opt: {
             'immediate'?: boolean;
             'deep'?: boolean;
@@ -186,7 +186,7 @@ export abstract class AbstractControl {
     public readonly emits: Record<string, null | ((payload: any) => boolean)> = {};
 
     /** --- 组件的子插槽 --- */
-    public readonly slots: Record<string, any> = {};
+    public readonly slots: Record<string, () => any[]> = {};
 
     /** --- 获取某插槽所有子类 --- */
     public get slotsAll() {

package/dist/lib/form.js

@@ -269,6 +269,20 @@ class AbstractPanel extends AbstractCommon {
     get rootPanel() {
         return {};
     }
+    get formHash() {
+        return this.rootForm.formHash;
+    }
+    set formHash(fh) {
+        this.rootForm.formHash = fh;
+    }
+    formHashBack() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.rootForm.formHashBack();
+        });
+    }
+    sendToRootPanel(data) {
+        this.rootPanel.send(data);
+    }
     enterStep(list) {
         return __awaiter(this, void 0, void 0, function* () {
             return this.rootForm.enterStep(list);
@@ -279,6 +293,9 @@ class AbstractPanel extends AbstractCommon {
             yield this.rootForm.doneStep();
         });
     }
+    clearQs() {
+        this.qs = {};
+    }
     get formFocus() {
         var _a;
         return (_a = this.rootForm.formFocus) !== null && _a !== void 0 ? _a : false;
@@ -286,6 +303,9 @@ class AbstractPanel extends AbstractCommon {
     onShow() {
         return;
     }
+    onShowed() {
+        return;
+    }
     onHide() {
         return;
     }
@@ -384,6 +404,9 @@ class AbstractForm extends AbstractCommon {
             core.trigger('formHashChange', this.taskId, this.formId, parent);
         });
     }
+    sendToPanel(panel, data) {
+        panel.send(data);
+    }
     get inStep() {
         return this._inStep;
     }
@@ -1502,25 +1525,38 @@ function refreshPopPosition(el, pop, direction, size = {}) {
             left = bcr.left;
             top = bcr.top + bcr.height;
         }
-        else {
+        else if (direction === 'h') {
             left = bcr.left + bcr.width - 2;
             top = bcr.top - 2;
         }
+        else {
+            pop.removeAttribute('data-pop-t-bottom');
+            left = bcr.left + bcr.width / 2 - width / 2;
+            top = bcr.top - height - 10;
+        }
         if (width + left > window.innerWidth) {
             if (direction === 'v') {
                 left = bcr.left + bcr.width - width;
             }
-            else {
+            else if (direction === 'h') {
                 left = bcr.left - width + 2;
             }
+            else {
+            }
         }
         if (height + top > window.innerHeight) {
             if (direction === 'v') {
                 top = bcr.top - height;
             }
-            else {
+            else if (direction === 'h') {
                 top = bcr.top + bcr.height - height + 2;
             }
+            else {
+            }
+        }
+        else if (top < 0 && direction === 't') {
+            top = bcr.top + bcr.height + 10;
+            pop.dataset.popTBottom = '';
         }
     }
     else {
@@ -1565,6 +1601,17 @@ function refreshPopPosition(el, pop, direction, size = {}) {
 }
 let lastShowPopTime = 0;
 function showPop(el, pop, direction, opt = {}) {
+    if (pop && direction === 't') {
+        refreshPopPosition(el, pop, 't', opt.size);
+        if (opt.autoPosition) {
+            clickgo.dom.watchSize(pop, () => {
+                refreshPopPosition(el, pop, 't', opt.size);
+            });
+        }
+        pop.dataset.cgOpen = '';
+        pop.dataset.cgT = '';
+        return;
+    }
     if (opt.null === undefined) {
         opt.null = false;
     }
@@ -1605,7 +1652,7 @@ function showPop(el, pop, direction, opt = {}) {
         return;
     }
     refreshPopPosition(el, pop, direction, opt.size);
-    if (opt.autoPosition && typeof direction === 'string' && ['h', 'v'].includes(direction)) {
+    if (opt.autoPosition && typeof direction === 'string') {
         clickgo.dom.watchSize(pop, () => {
             refreshPopPosition(el, pop, direction, opt.size);
         });
@@ -1626,6 +1673,12 @@ function hidePop(pop) {
         hidePop(popInfo.elList[0]);
         return;
     }
+    if (pop.dataset.cgT !== undefined) {
+        pop.removeAttribute('data-cg-t');
+        pop.removeAttribute('data-cg-open');
+        clickgo.dom.unwatchSize(pop);
+        return;
+    }
     let isPop = false;
     if (pop.dataset.cgPopOpen !== undefined) {
     }

package/dist/lib/form.ts

@@ -358,6 +358,26 @@ export abstract class AbstractPanel extends AbstractCommon {
         return {} as any;
     }
 
+    /** --- 获取母窗体的 formHash --- */
+    public get formHash(): string {
+        return this.rootForm.formHash;
+    }
+
+    /** --- 设置母窗体的 formHash --- */
+    public set formHash(fh: string) {
+        this.rootForm.formHash = fh;
+    }
+
+    /** --- 将母窗体的 form hash 回退 --- */
+    public async formHashBack(): Promise<void> {
+        await this.rootForm.formHashBack();
+    }
+
+    /** --- 发送一段数据到自己这个 panel 控件，本质上也是调用的 panel 控件的 send 方法，主要用来实现发送给跳转后的 panel --- */
+    public sendToRootPanel(data: Record<string, any>): void {
+        this.rootPanel.send(data);
+    }
+
     /** --- 母窗体进入 form hash 为源的步进条 --- */
     public async enterStep(list: Array<{
         /** --- 步骤 hash，第一个必须为当前 hash --- */
@@ -377,16 +397,27 @@ export abstract class AbstractPanel extends AbstractCommon {
     /** --- 当前的 nav（若有）传递过来的 qs --- */
     public qs: Record<string, string> = {};
 
+    /** --- 确定不再使用 qs 时可调用此方法清空，这样再次通过相同 qs 进入本 panel 依然会响应 qschange 事件 --- */
+    public clearQs() {
+        this.qs = {};
+    }
+
     /** --- 当前窗体是否是焦点 --- */
     public get formFocus(): boolean {
         return this.rootForm.formFocus ?? false;
     }
 
-    public onShow(data: Record<string, any>): void | Promise<void>;
+    public onShow(e: types.IAbstractPanelShowEvent): void | Promise<void>;
     public onShow(): void {
         return;
     }
 
+    public onShowed(): void | Promise<void>;
+    /** --- panel 已经完全显示后所要执行的 --- */
+    public onShowed() {
+        return;
+    }
+
     public onHide(): void | Promise<void>;
     public onHide(): void {
         return;
@@ -523,6 +554,11 @@ export abstract class AbstractForm extends AbstractCommon {
         core.trigger('formHashChange', this.taskId, this.formId, parent);
     }
 
+    /** --- 发送一段数据到 panel 控件，本质上也是调用的 panel 控件的 send 方法 --- */
+    public sendToPanel(panel: control.AbstractControl & Record<string, any>, data: Record<string, any>): void {
+        panel.send(data);
+    }
+
     /** --- 覆盖整个窗体的 loading --- */
     public loading: boolean = false;
 
@@ -1965,43 +2001,61 @@ export function removeFromPop(el: HTMLElement): void {
 }
 
 /** --- 重新调整 pop 的位置 --- */
-function refreshPopPosition(el: HTMLElement, pop: HTMLElement, direction: 'h' | 'v' | MouseEvent | TouchEvent | { x: number; y: number; }, size: { width?: number; height?: number; } = {}): void {
+function refreshPopPosition(el: HTMLElement, pop: HTMLElement, direction: 'h' | 'v' | 't' | MouseEvent | TouchEvent | { x: number; y: number; }, size: { width?: number; height?: number; } = {}): void {
     // --- 最终 pop 的大小 ---
     const width = size.width ?? pop.offsetWidth;
     const height = size.height ?? pop.offsetHeight;
     // --- 最终显示位置 ---
     let left: number, top: number;
     if (typeof direction === 'string') {
+        /** --- 母对象的位置 --- */
         const bcr = el.getBoundingClientRect();
         if (direction === 'v') {
             // --- 垂直弹出 ---
             left = bcr.left;
             top = bcr.top + bcr.height;
         }
-        else {
+        else if (direction === 'h') {
             // --- 水平弹出 ---
             left = bcr.left + bcr.width - 2;
             top = bcr.top - 2;
         }
+        else {
+            // --- 垂直水平居中 ---
+            pop.removeAttribute('data-pop-t-bottom');
+            left = bcr.left + bcr.width / 2 - width / 2;
+            top = bcr.top - height - 10;
+        }
         // --- 检查水平是否出框 ---
         if (width + left > window.innerWidth) {
             if (direction === 'v') {
                 // --- 垂直弹出 ---
                 left = bcr.left + bcr.width - width;
             }
-            else {
+            else if (direction === 'h') {
                 // --- 水平弹出，右边位置不够弹到左边 ---
                 left = bcr.left - width + 2;
             }
+            else {
+                // --- 垂直水平居中，水平超出不管 ---
+            }
         }
-        // --- 检测垂直是否出框 ---
+        // --- 检测垂直是否下侧出框 ---
         if (height + top > window.innerHeight) {
             if (direction === 'v') {
                 top = bcr.top - height;
             }
-            else {
+            else if (direction === 'h') {
                 top = bcr.top + bcr.height - height + 2;
             }
+            else {
+                // --- 垂直水平居中，下侧出框不管 ---
+            }
+        }
+        else if (top < 0 && direction === 't') {
+            // --- 垂直水平居中，上侧出框 ---
+            top = bcr.top + bcr.height + 10;
+            pop.dataset.popTBottom = '';
         }
     }
     else {
@@ -2053,10 +2107,25 @@ let lastShowPopTime: number = 0;
  * --- 获取 pop 显示出来的坐标并报系统全局记录 ---
  * @param el 响应的元素
  * @param pop 要显示 pop 元素
- * @param direction 要显示方向（以 $el 为准的 h 水平和 v 垂直）或坐标
+ * @param direction 要显示方向（以 $el 为准的 h 水平 v 垂直 t 垂直水平居中）或坐标
  * @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 {
+export function showPop(el: HTMLElement, pop: HTMLElement | undefined, direction: 'h' | 'v' | 't' | MouseEvent | TouchEvent | { x: number; y: number; }, opt: {
+    'size'?: { width?: number; height?: number; };
+    'null'?: boolean;
+    'autoPosition'?: boolean;
+} = {}): void {
+    if (pop && direction === 't') {
+        refreshPopPosition(el, pop, 't', opt.size);
+        if (opt.autoPosition) {
+            clickgo.dom.watchSize(pop, () => {
+                refreshPopPosition(el, pop, 't', opt.size);
+            });
+        }
+        pop.dataset.cgOpen = '';
+        pop.dataset.cgT = '';
+        return;
+    }
     // --- opt.null 为 true 代表可为空，为空也会被显示，默认为 false ---
     if (opt.null === undefined) {
         opt.null = false;
@@ -2105,7 +2174,7 @@ export function showPop(el: HTMLElement, pop: HTMLElement | undefined, direction
     }
     // --- 设定 pop 位置 ---
     refreshPopPosition(el, pop, direction, opt.size);
-    if (opt.autoPosition && typeof direction === 'string' && ['h', 'v'].includes(direction)) {
+    if (opt.autoPosition && typeof direction === 'string') {
         // --- 可能要重置 pop 位置 ---
         clickgo.dom.watchSize(pop, () => {
             refreshPopPosition(el, pop, direction, opt.size);
@@ -2130,6 +2199,12 @@ export function hidePop(pop?: HTMLElement): void {
         hidePop(popInfo.elList[0]);
         return;
     }
+    if (pop.dataset.cgT !== undefined) {
+        pop.removeAttribute('data-cg-t');
+        pop.removeAttribute('data-cg-open');
+        clickgo.dom.unwatchSize(pop);
+        return;
+    }
     let isPop: boolean = false;
     if (pop.dataset.cgPopOpen !== undefined) {
         // --- el ---

package/dist/lib/fs.js

@@ -38,7 +38,7 @@ const task = __importStar(require("./task"));
 const form = __importStar(require("./form"));
 const core = __importStar(require("./core"));
 const native = __importStar(require("./native"));
-const clickgoFiles = ['/app/', '/app/demo/', '/app/demo/app.js', '/app/demo/config.json', '/app/demo/form/', '/app/demo/form/control/', '/app/demo/form/control/alayout/', '/app/demo/form/control/alayout/alayout.css', '/app/demo/form/control/alayout/alayout.js', '/app/demo/form/control/alayout/alayout.xml', '/app/demo/form/control/arteditor/', '/app/demo/form/control/arteditor/arteditor.js', '/app/demo/form/control/arteditor/arteditor.xml', '/app/demo/form/control/arteditor/img.js', '/app/demo/form/control/arteditor/img.xml', '/app/demo/form/control/block/', '/app/demo/form/control/block/block.css', '/app/demo/form/control/block/block.xml', '/app/demo/form/control/box/', '/app/demo/form/control/box/box.js', '/app/demo/form/control/box/box.xml', '/app/demo/form/control/button/', '/app/demo/form/control/button/button.css', '/app/demo/form/control/button/button.js', '/app/demo/form/control/button/button.xml', '/app/demo/form/control/check/', '/app/demo/form/control/check/check.js', '/app/demo/form/control/check/check.xml', '/app/demo/form/control/date/', '/app/demo/form/control/date/date.js', '/app/demo/form/control/date/date.xml', '/app/demo/form/control/desc/', '/app/demo/form/control/desc/desc.js', '/app/demo/form/control/desc/desc.xml', '/app/demo/form/control/dialog/', '/app/demo/form/control/dialog/dialog.js', '/app/demo/form/control/dialog/dialog.xml', '/app/demo/form/control/echarts/', '/app/demo/form/control/echarts/echarts.js', '/app/demo/form/control/echarts/echarts.xml', '/app/demo/form/control/file/', '/app/demo/form/control/file/file.js', '/app/demo/form/control/file/file.xml', '/app/demo/form/control/flow/', '/app/demo/form/control/flow/flow.css', '/app/demo/form/control/flow/flow.js', '/app/demo/form/control/flow/flow.xml', '/app/demo/form/control/form/', '/app/demo/form/control/form/form.css', '/app/demo/form/control/form/form.js', '/app/demo/form/control/form/form.xml', '/app/demo/form/control/html/', '/app/demo/form/control/html/html.js', '/app/demo/form/control/html/html.xml', '/app/demo/form/control/iconview/', '/app/demo/form/control/iconview/iconview.js', '/app/demo/form/control/iconview/iconview.xml', '/app/demo/form/control/img/', '/app/demo/form/control/img/img.xml', '/app/demo/form/control/label/', '/app/demo/form/control/label/label.js', '/app/demo/form/control/label/label.xml', '/app/demo/form/control/layout/', '/app/demo/form/control/layout/layout.js', '/app/demo/form/control/layout/layout.xml', '/app/demo/form/control/link/', '/app/demo/form/control/link/link.js', '/app/demo/form/control/link/link.xml', '/app/demo/form/control/list/', '/app/demo/form/control/list/list.css', '/app/demo/form/control/list/list.js', '/app/demo/form/control/list/list.xml', '/app/demo/form/control/loading/', '/app/demo/form/control/loading/loading.xml', '/app/demo/form/control/map/', '/app/demo/form/control/map/map.js', '/app/demo/form/control/map/map.xml', '/app/demo/form/control/marquee/', '/app/demo/form/control/marquee/marquee.js', '/app/demo/form/control/marquee/marquee.xml', '/app/demo/form/control/menu/', '/app/demo/form/control/menu/menu.js', '/app/demo/form/control/menu/menu.xml', '/app/demo/form/control/monaco/', '/app/demo/form/control/monaco/monaco.js', '/app/demo/form/control/monaco/monaco.xml', '/app/demo/form/control/nav/', '/app/demo/form/control/nav/nav.js', '/app/demo/form/control/nav/nav.xml', '/app/demo/form/control/page/', '/app/demo/form/control/page/page.js', '/app/demo/form/control/page/page.xml', '/app/demo/form/control/panel/', '/app/demo/form/control/panel/panel.js', '/app/demo/form/control/panel/panel.xml', '/app/demo/form/control/panel/test1.js', '/app/demo/form/control/panel/test1.xml', '/app/demo/form/control/panel/test2.xml', '/app/demo/form/control/property/', '/app/demo/form/control/property/property.js', '/app/demo/form/control/property/property.xml', '/app/demo/form/control/radio/', '/app/demo/form/control/radio/radio.js', '/app/demo/form/control/radio/radio.xml', '/app/demo/form/control/scroll/', '/app/demo/form/control/scroll/scroll.js', '/app/demo/form/control/scroll/scroll.xml', '/app/demo/form/control/select/', '/app/demo/form/control/select/select.js', '/app/demo/form/control/select/select.xml', '/app/demo/form/control/step/', '/app/demo/form/control/step/step.js', '/app/demo/form/control/step/step.xml', '/app/demo/form/control/svg/', '/app/demo/form/control/svg/svg.js', '/app/demo/form/control/svg/svg.xml', '/app/demo/form/control/tab/', '/app/demo/form/control/tab/tab.js', '/app/demo/form/control/tab/tab.xml', '/app/demo/form/control/table/', '/app/demo/form/control/table/table.js', '/app/demo/form/control/table/table.xml', '/app/demo/form/control/tag/', '/app/demo/form/control/tag/tag.xml', '/app/demo/form/control/text/', '/app/demo/form/control/text/text.js', '/app/demo/form/control/text/text.xml', '/app/demo/form/control/tuieditor/', '/app/demo/form/control/tuieditor/tuieditor.js', '/app/demo/form/control/tuieditor/tuieditor.xml', '/app/demo/form/control/vflow/', '/app/demo/form/control/vflow/vflow.css', '/app/demo/form/control/vflow/vflow.js', '/app/demo/form/control/vflow/vflow.xml', '/app/demo/form/control/video/', '/app/demo/form/control/video/video.js', '/app/demo/form/control/video/video.xml', '/app/demo/form/control/xterm/', '/app/demo/form/control/xterm/xterm.js', '/app/demo/form/control/xterm/xterm.xml', '/app/demo/form/event/', '/app/demo/form/event/form/', '/app/demo/form/event/form/form.css', '/app/demo/form/event/form/form.js', '/app/demo/form/event/form/form.xml', '/app/demo/form/event/other/', '/app/demo/form/event/other/other.js', '/app/demo/form/event/other/other.xml', '/app/demo/form/event/screen/', '/app/demo/form/event/screen/screen.js', '/app/demo/form/event/screen/screen.xml', '/app/demo/form/event/task/', '/app/demo/form/event/task/task.js', '/app/demo/form/event/task/task.xml', '/app/demo/form/main.css', '/app/demo/form/main.js', '/app/demo/form/main.xml', '/app/demo/form/method/', '/app/demo/form/method/aform/', '/app/demo/form/method/aform/aform.js', '/app/demo/form/method/aform/aform.xml', '/app/demo/form/method/aform/sd.js', '/app/demo/form/method/aform/sd.xml', '/app/demo/form/method/core/', '/app/demo/form/method/core/core.js', '/app/demo/form/method/core/core.xml', '/app/demo/form/method/dom/', '/app/demo/form/method/dom/dom.css', '/app/demo/form/method/dom/dom.js', '/app/demo/form/method/dom/dom.xml', '/app/demo/form/method/form/', '/app/demo/form/method/form/form.js', '/app/demo/form/method/form/form.xml', '/app/demo/form/method/form/test.xml', '/app/demo/form/method/fs/', '/app/demo/form/method/fs/fs.js', '/app/demo/form/method/fs/fs.xml', '/app/demo/form/method/fs/text.js', '/app/demo/form/method/fs/text.xml', '/app/demo/form/method/native/', '/app/demo/form/method/native/native.js', '/app/demo/form/method/native/native.xml', '/app/demo/form/method/storage/', '/app/demo/form/method/storage/storage.js', '/app/demo/form/method/storage/storage.xml', '/app/demo/form/method/system/', '/app/demo/form/method/system/system.js', '/app/demo/form/method/system/system.xml', '/app/demo/form/method/task/', '/app/demo/form/method/task/locale1.json', '/app/demo/form/method/task/locale2.json', '/app/demo/form/method/task/task.js', '/app/demo/form/method/task/task.xml', '/app/demo/form/method/theme/', '/app/demo/form/method/theme/theme.js', '/app/demo/form/method/theme/theme.xml', '/app/demo/form/method/tool/', '/app/demo/form/method/tool/tool.js', '/app/demo/form/method/tool/tool.xml', '/app/demo/form/method/zip/', '/app/demo/form/method/zip/zip.js', '/app/demo/form/method/zip/zip.xml', '/app/demo/form/solution/', '/app/demo/form/solution/backpanel/', '/app/demo/form/solution/backpanel/backpanel.js', '/app/demo/form/solution/backpanel/backpanel.xml', '/app/demo/global.css', '/app/demo/res/', '/app/demo/res/icon.svg', '/app/demo/res/img.jpg', '/app/demo/res/marker.svg', '/app/demo/res/r-1.svg', '/app/demo/res/r-2.svg', '/app/demo/res/sql.svg', '/app/demo/res/txt.svg', '/app/demo/res/video.mp4', '/app/demo/res/zip.svg', '/app/task/', '/app/task/app.js', '/app/task/config.json', '/app/task/form/', '/app/task/form/bar/', '/app/task/form/bar/bar.js', '/app/task/form/bar/bar.xml', '/app/task/form/desktop/', '/app/task/form/desktop/desktop.xml', '/app/task/locale/', '/app/task/locale/en.json', '/app/task/locale/ja.json', '/app/task/locale/sc.json', '/app/task/locale/tc.json', '/clickgo.js', '/clickgo.ts', '/control/', '/control/arteditor.cgc', '/control/box.cgc', '/control/common.cgc', '/control/desc.cgc', '/control/echarts.cgc', '/control/form.cgc', '/control/html.cgc', '/control/iconview.cgc', '/control/map.cgc', '/control/monaco.cgc', '/control/nav.cgc', '/control/page.cgc', '/control/property.cgc', '/control/table.cgc', '/control/task.cgc', '/control/tuieditor.cgc', '/control/xterm.cgc', '/ext/', '/ext/toastui-editor-all.min.js', '/global.css', '/icon.png', '/index.js', '/index.ts', '/lib/', '/lib/control.js', '/lib/control.ts', '/lib/core.js', '/lib/core.ts', '/lib/dom.js', '/lib/dom.ts', '/lib/form.js', '/lib/form.ts', '/lib/fs.js', '/lib/fs.ts', '/lib/native.js', '/lib/native.ts', '/lib/storage.js', '/lib/storage.ts', '/lib/task.js', '/lib/task.ts', '/lib/theme.js', '/lib/theme.ts', '/lib/tool.js', '/lib/tool.ts', '/lib/zip.js', '/lib/zip.ts', '/theme/', '/theme/byterun.cgt', '/theme/familiar.cgt', '/theme/light.cgt'];
+const clickgoFiles = ['/app/', '/app/demo/', '/app/demo/app.js', '/app/demo/config.json', '/app/demo/form/', '/app/demo/form/control/', '/app/demo/form/control/alayout/', '/app/demo/form/control/alayout/alayout.css', '/app/demo/form/control/alayout/alayout.js', '/app/demo/form/control/alayout/alayout.xml', '/app/demo/form/control/arteditor/', '/app/demo/form/control/arteditor/arteditor.js', '/app/demo/form/control/arteditor/arteditor.xml', '/app/demo/form/control/arteditor/img.js', '/app/demo/form/control/arteditor/img.xml', '/app/demo/form/control/block/', '/app/demo/form/control/block/block.css', '/app/demo/form/control/block/block.xml', '/app/demo/form/control/box/', '/app/demo/form/control/box/box.js', '/app/demo/form/control/box/box.xml', '/app/demo/form/control/button/', '/app/demo/form/control/button/button.css', '/app/demo/form/control/button/button.js', '/app/demo/form/control/button/button.xml', '/app/demo/form/control/check/', '/app/demo/form/control/check/check.js', '/app/demo/form/control/check/check.xml', '/app/demo/form/control/date/', '/app/demo/form/control/date/date.js', '/app/demo/form/control/date/date.xml', '/app/demo/form/control/desc/', '/app/demo/form/control/desc/desc.js', '/app/demo/form/control/desc/desc.xml', '/app/demo/form/control/dialog/', '/app/demo/form/control/dialog/dialog.js', '/app/demo/form/control/dialog/dialog.xml', '/app/demo/form/control/echarts/', '/app/demo/form/control/echarts/echarts.js', '/app/demo/form/control/echarts/echarts.xml', '/app/demo/form/control/file/', '/app/demo/form/control/file/file.js', '/app/demo/form/control/file/file.xml', '/app/demo/form/control/flow/', '/app/demo/form/control/flow/flow.css', '/app/demo/form/control/flow/flow.js', '/app/demo/form/control/flow/flow.xml', '/app/demo/form/control/form/', '/app/demo/form/control/form/form.css', '/app/demo/form/control/form/form.js', '/app/demo/form/control/form/form.xml', '/app/demo/form/control/html/', '/app/demo/form/control/html/html.js', '/app/demo/form/control/html/html.xml', '/app/demo/form/control/iconview/', '/app/demo/form/control/iconview/iconview.js', '/app/demo/form/control/iconview/iconview.xml', '/app/demo/form/control/img/', '/app/demo/form/control/img/img.xml', '/app/demo/form/control/label/', '/app/demo/form/control/label/label.js', '/app/demo/form/control/label/label.xml', '/app/demo/form/control/layout/', '/app/demo/form/control/layout/layout.js', '/app/demo/form/control/layout/layout.xml', '/app/demo/form/control/link/', '/app/demo/form/control/link/link.js', '/app/demo/form/control/link/link.xml', '/app/demo/form/control/list/', '/app/demo/form/control/list/list.css', '/app/demo/form/control/list/list.js', '/app/demo/form/control/list/list.xml', '/app/demo/form/control/loading/', '/app/demo/form/control/loading/loading.xml', '/app/demo/form/control/map/', '/app/demo/form/control/map/map.js', '/app/demo/form/control/map/map.xml', '/app/demo/form/control/marquee/', '/app/demo/form/control/marquee/marquee.js', '/app/demo/form/control/marquee/marquee.xml', '/app/demo/form/control/menu/', '/app/demo/form/control/menu/menu.js', '/app/demo/form/control/menu/menu.xml', '/app/demo/form/control/monaco/', '/app/demo/form/control/monaco/monaco.js', '/app/demo/form/control/monaco/monaco.xml', '/app/demo/form/control/nav/', '/app/demo/form/control/nav/nav.js', '/app/demo/form/control/nav/nav.xml', '/app/demo/form/control/page/', '/app/demo/form/control/page/page.js', '/app/demo/form/control/page/page.xml', '/app/demo/form/control/panel/', '/app/demo/form/control/panel/panel.js', '/app/demo/form/control/panel/panel.xml', '/app/demo/form/control/panel/test1.js', '/app/demo/form/control/panel/test1.xml', '/app/demo/form/control/panel/test2.xml', '/app/demo/form/control/property/', '/app/demo/form/control/property/property.js', '/app/demo/form/control/property/property.xml', '/app/demo/form/control/radio/', '/app/demo/form/control/radio/radio.js', '/app/demo/form/control/radio/radio.xml', '/app/demo/form/control/scroll/', '/app/demo/form/control/scroll/scroll.js', '/app/demo/form/control/scroll/scroll.xml', '/app/demo/form/control/select/', '/app/demo/form/control/select/select.js', '/app/demo/form/control/select/select.xml', '/app/demo/form/control/step/', '/app/demo/form/control/step/step.js', '/app/demo/form/control/step/step.xml', '/app/demo/form/control/svg/', '/app/demo/form/control/svg/svg.js', '/app/demo/form/control/svg/svg.xml', '/app/demo/form/control/tab/', '/app/demo/form/control/tab/tab.js', '/app/demo/form/control/tab/tab.xml', '/app/demo/form/control/table/', '/app/demo/form/control/table/table.js', '/app/demo/form/control/table/table.xml', '/app/demo/form/control/tag/', '/app/demo/form/control/tag/tag.xml', '/app/demo/form/control/text/', '/app/demo/form/control/text/text.js', '/app/demo/form/control/text/text.xml', '/app/demo/form/control/tip/', '/app/demo/form/control/tip/tip.xml', '/app/demo/form/control/tuieditor/', '/app/demo/form/control/tuieditor/tuieditor.js', '/app/demo/form/control/tuieditor/tuieditor.xml', '/app/demo/form/control/vflow/', '/app/demo/form/control/vflow/vflow.css', '/app/demo/form/control/vflow/vflow.js', '/app/demo/form/control/vflow/vflow.xml', '/app/demo/form/control/video/', '/app/demo/form/control/video/video.js', '/app/demo/form/control/video/video.xml', '/app/demo/form/control/xterm/', '/app/demo/form/control/xterm/xterm.js', '/app/demo/form/control/xterm/xterm.xml', '/app/demo/form/event/', '/app/demo/form/event/form/', '/app/demo/form/event/form/form.css', '/app/demo/form/event/form/form.js', '/app/demo/form/event/form/form.xml', '/app/demo/form/event/other/', '/app/demo/form/event/other/other.js', '/app/demo/form/event/other/other.xml', '/app/demo/form/event/screen/', '/app/demo/form/event/screen/screen.js', '/app/demo/form/event/screen/screen.xml', '/app/demo/form/event/task/', '/app/demo/form/event/task/task.js', '/app/demo/form/event/task/task.xml', '/app/demo/form/main.css', '/app/demo/form/main.js', '/app/demo/form/main.xml', '/app/demo/form/method/', '/app/demo/form/method/aform/', '/app/demo/form/method/aform/aform.js', '/app/demo/form/method/aform/aform.xml', '/app/demo/form/method/aform/sd.js', '/app/demo/form/method/aform/sd.xml', '/app/demo/form/method/core/', '/app/demo/form/method/core/core.js', '/app/demo/form/method/core/core.xml', '/app/demo/form/method/dom/', '/app/demo/form/method/dom/dom.css', '/app/demo/form/method/dom/dom.js', '/app/demo/form/method/dom/dom.xml', '/app/demo/form/method/form/', '/app/demo/form/method/form/form.js', '/app/demo/form/method/form/form.xml', '/app/demo/form/method/form/test.xml', '/app/demo/form/method/fs/', '/app/demo/form/method/fs/fs.js', '/app/demo/form/method/fs/fs.xml', '/app/demo/form/method/fs/text.js', '/app/demo/form/method/fs/text.xml', '/app/demo/form/method/native/', '/app/demo/form/method/native/native.js', '/app/demo/form/method/native/native.xml', '/app/demo/form/method/storage/', '/app/demo/form/method/storage/storage.js', '/app/demo/form/method/storage/storage.xml', '/app/demo/form/method/system/', '/app/demo/form/method/system/system.js', '/app/demo/form/method/system/system.xml', '/app/demo/form/method/task/', '/app/demo/form/method/task/locale1.json', '/app/demo/form/method/task/locale2.json', '/app/demo/form/method/task/task.js', '/app/demo/form/method/task/task.xml', '/app/demo/form/method/theme/', '/app/demo/form/method/theme/theme.js', '/app/demo/form/method/theme/theme.xml', '/app/demo/form/method/tool/', '/app/demo/form/method/tool/tool.js', '/app/demo/form/method/tool/tool.xml', '/app/demo/form/method/zip/', '/app/demo/form/method/zip/zip.js', '/app/demo/form/method/zip/zip.xml', '/app/demo/form/solution/', '/app/demo/form/solution/backpanel/', '/app/demo/form/solution/backpanel/backpanel.js', '/app/demo/form/solution/backpanel/backpanel.xml', '/app/demo/global.css', '/app/demo/res/', '/app/demo/res/icon.svg', '/app/demo/res/img.jpg', '/app/demo/res/marker.svg', '/app/demo/res/r-1.svg', '/app/demo/res/r-2.svg', '/app/demo/res/sql.svg', '/app/demo/res/txt.svg', '/app/demo/res/video.mp4', '/app/demo/res/zip.svg', '/app/task/', '/app/task/app.js', '/app/task/config.json', '/app/task/form/', '/app/task/form/bar/', '/app/task/form/bar/bar.js', '/app/task/form/bar/bar.xml', '/app/task/form/desktop/', '/app/task/form/desktop/desktop.xml', '/app/task/locale/', '/app/task/locale/en.json', '/app/task/locale/ja.json', '/app/task/locale/sc.json', '/app/task/locale/tc.json', '/clickgo.js', '/clickgo.ts', '/control/', '/control/arteditor.cgc', '/control/box.cgc', '/control/common.cgc', '/control/desc.cgc', '/control/echarts.cgc', '/control/form.cgc', '/control/html.cgc', '/control/iconview.cgc', '/control/map.cgc', '/control/monaco.cgc', '/control/nav.cgc', '/control/page.cgc', '/control/property.cgc', '/control/table.cgc', '/control/task.cgc', '/control/tuieditor.cgc', '/control/xterm.cgc', '/ext/', '/ext/toastui-editor-all.min.js', '/global.css', '/icon.png', '/index.js', '/index.ts', '/lib/', '/lib/control.js', '/lib/control.ts', '/lib/core.js', '/lib/core.ts', '/lib/dom.js', '/lib/dom.ts', '/lib/form.js', '/lib/form.ts', '/lib/fs.js', '/lib/fs.ts', '/lib/native.js', '/lib/native.ts', '/lib/storage.js', '/lib/storage.ts', '/lib/task.js', '/lib/task.ts', '/lib/theme.js', '/lib/theme.ts', '/lib/tool.js', '/lib/tool.ts', '/lib/zip.js', '/lib/zip.ts', '/theme/', '/theme/byterun.cgt', '/theme/familiar.cgt', '/theme/light.cgt'];
 const localeData = {
     'en': {
         'apply-unmount': 'Are you sure to unmount the "?" mount point?',

package/dist/lib/fs.ts

@@ -12,7 +12,7 @@ import * as form from './form';
 import * as core from './core';
 import * as native from './native';
 
-const clickgoFiles = ['/app/', '/app/demo/', '/app/demo/app.js', '/app/demo/config.json', '/app/demo/form/', '/app/demo/form/control/', '/app/demo/form/control/alayout/', '/app/demo/form/control/alayout/alayout.css', '/app/demo/form/control/alayout/alayout.js', '/app/demo/form/control/alayout/alayout.xml', '/app/demo/form/control/arteditor/', '/app/demo/form/control/arteditor/arteditor.js', '/app/demo/form/control/arteditor/arteditor.xml', '/app/demo/form/control/arteditor/img.js', '/app/demo/form/control/arteditor/img.xml', '/app/demo/form/control/block/', '/app/demo/form/control/block/block.css', '/app/demo/form/control/block/block.xml', '/app/demo/form/control/box/', '/app/demo/form/control/box/box.js', '/app/demo/form/control/box/box.xml', '/app/demo/form/control/button/', '/app/demo/form/control/button/button.css', '/app/demo/form/control/button/button.js', '/app/demo/form/control/button/button.xml', '/app/demo/form/control/check/', '/app/demo/form/control/check/check.js', '/app/demo/form/control/check/check.xml', '/app/demo/form/control/date/', '/app/demo/form/control/date/date.js', '/app/demo/form/control/date/date.xml', '/app/demo/form/control/desc/', '/app/demo/form/control/desc/desc.js', '/app/demo/form/control/desc/desc.xml', '/app/demo/form/control/dialog/', '/app/demo/form/control/dialog/dialog.js', '/app/demo/form/control/dialog/dialog.xml', '/app/demo/form/control/echarts/', '/app/demo/form/control/echarts/echarts.js', '/app/demo/form/control/echarts/echarts.xml', '/app/demo/form/control/file/', '/app/demo/form/control/file/file.js', '/app/demo/form/control/file/file.xml', '/app/demo/form/control/flow/', '/app/demo/form/control/flow/flow.css', '/app/demo/form/control/flow/flow.js', '/app/demo/form/control/flow/flow.xml', '/app/demo/form/control/form/', '/app/demo/form/control/form/form.css', '/app/demo/form/control/form/form.js', '/app/demo/form/control/form/form.xml', '/app/demo/form/control/html/', '/app/demo/form/control/html/html.js', '/app/demo/form/control/html/html.xml', '/app/demo/form/control/iconview/', '/app/demo/form/control/iconview/iconview.js', '/app/demo/form/control/iconview/iconview.xml', '/app/demo/form/control/img/', '/app/demo/form/control/img/img.xml', '/app/demo/form/control/label/', '/app/demo/form/control/label/label.js', '/app/demo/form/control/label/label.xml', '/app/demo/form/control/layout/', '/app/demo/form/control/layout/layout.js', '/app/demo/form/control/layout/layout.xml', '/app/demo/form/control/link/', '/app/demo/form/control/link/link.js', '/app/demo/form/control/link/link.xml', '/app/demo/form/control/list/', '/app/demo/form/control/list/list.css', '/app/demo/form/control/list/list.js', '/app/demo/form/control/list/list.xml', '/app/demo/form/control/loading/', '/app/demo/form/control/loading/loading.xml', '/app/demo/form/control/map/', '/app/demo/form/control/map/map.js', '/app/demo/form/control/map/map.xml', '/app/demo/form/control/marquee/', '/app/demo/form/control/marquee/marquee.js', '/app/demo/form/control/marquee/marquee.xml', '/app/demo/form/control/menu/', '/app/demo/form/control/menu/menu.js', '/app/demo/form/control/menu/menu.xml', '/app/demo/form/control/monaco/', '/app/demo/form/control/monaco/monaco.js', '/app/demo/form/control/monaco/monaco.xml', '/app/demo/form/control/nav/', '/app/demo/form/control/nav/nav.js', '/app/demo/form/control/nav/nav.xml', '/app/demo/form/control/page/', '/app/demo/form/control/page/page.js', '/app/demo/form/control/page/page.xml', '/app/demo/form/control/panel/', '/app/demo/form/control/panel/panel.js', '/app/demo/form/control/panel/panel.xml', '/app/demo/form/control/panel/test1.js', '/app/demo/form/control/panel/test1.xml', '/app/demo/form/control/panel/test2.xml', '/app/demo/form/control/property/', '/app/demo/form/control/property/property.js', '/app/demo/form/control/property/property.xml', '/app/demo/form/control/radio/', '/app/demo/form/control/radio/radio.js', '/app/demo/form/control/radio/radio.xml', '/app/demo/form/control/scroll/', '/app/demo/form/control/scroll/scroll.js', '/app/demo/form/control/scroll/scroll.xml', '/app/demo/form/control/select/', '/app/demo/form/control/select/select.js', '/app/demo/form/control/select/select.xml', '/app/demo/form/control/step/', '/app/demo/form/control/step/step.js', '/app/demo/form/control/step/step.xml', '/app/demo/form/control/svg/', '/app/demo/form/control/svg/svg.js', '/app/demo/form/control/svg/svg.xml', '/app/demo/form/control/tab/', '/app/demo/form/control/tab/tab.js', '/app/demo/form/control/tab/tab.xml', '/app/demo/form/control/table/', '/app/demo/form/control/table/table.js', '/app/demo/form/control/table/table.xml', '/app/demo/form/control/tag/', '/app/demo/form/control/tag/tag.xml', '/app/demo/form/control/text/', '/app/demo/form/control/text/text.js', '/app/demo/form/control/text/text.xml', '/app/demo/form/control/tuieditor/', '/app/demo/form/control/tuieditor/tuieditor.js', '/app/demo/form/control/tuieditor/tuieditor.xml', '/app/demo/form/control/vflow/', '/app/demo/form/control/vflow/vflow.css', '/app/demo/form/control/vflow/vflow.js', '/app/demo/form/control/vflow/vflow.xml', '/app/demo/form/control/video/', '/app/demo/form/control/video/video.js', '/app/demo/form/control/video/video.xml', '/app/demo/form/control/xterm/', '/app/demo/form/control/xterm/xterm.js', '/app/demo/form/control/xterm/xterm.xml', '/app/demo/form/event/', '/app/demo/form/event/form/', '/app/demo/form/event/form/form.css', '/app/demo/form/event/form/form.js', '/app/demo/form/event/form/form.xml', '/app/demo/form/event/other/', '/app/demo/form/event/other/other.js', '/app/demo/form/event/other/other.xml', '/app/demo/form/event/screen/', '/app/demo/form/event/screen/screen.js', '/app/demo/form/event/screen/screen.xml', '/app/demo/form/event/task/', '/app/demo/form/event/task/task.js', '/app/demo/form/event/task/task.xml', '/app/demo/form/main.css', '/app/demo/form/main.js', '/app/demo/form/main.xml', '/app/demo/form/method/', '/app/demo/form/method/aform/', '/app/demo/form/method/aform/aform.js', '/app/demo/form/method/aform/aform.xml', '/app/demo/form/method/aform/sd.js', '/app/demo/form/method/aform/sd.xml', '/app/demo/form/method/core/', '/app/demo/form/method/core/core.js', '/app/demo/form/method/core/core.xml', '/app/demo/form/method/dom/', '/app/demo/form/method/dom/dom.css', '/app/demo/form/method/dom/dom.js', '/app/demo/form/method/dom/dom.xml', '/app/demo/form/method/form/', '/app/demo/form/method/form/form.js', '/app/demo/form/method/form/form.xml', '/app/demo/form/method/form/test.xml', '/app/demo/form/method/fs/', '/app/demo/form/method/fs/fs.js', '/app/demo/form/method/fs/fs.xml', '/app/demo/form/method/fs/text.js', '/app/demo/form/method/fs/text.xml', '/app/demo/form/method/native/', '/app/demo/form/method/native/native.js', '/app/demo/form/method/native/native.xml', '/app/demo/form/method/storage/', '/app/demo/form/method/storage/storage.js', '/app/demo/form/method/storage/storage.xml', '/app/demo/form/method/system/', '/app/demo/form/method/system/system.js', '/app/demo/form/method/system/system.xml', '/app/demo/form/method/task/', '/app/demo/form/method/task/locale1.json', '/app/demo/form/method/task/locale2.json', '/app/demo/form/method/task/task.js', '/app/demo/form/method/task/task.xml', '/app/demo/form/method/theme/', '/app/demo/form/method/theme/theme.js', '/app/demo/form/method/theme/theme.xml', '/app/demo/form/method/tool/', '/app/demo/form/method/tool/tool.js', '/app/demo/form/method/tool/tool.xml', '/app/demo/form/method/zip/', '/app/demo/form/method/zip/zip.js', '/app/demo/form/method/zip/zip.xml', '/app/demo/form/solution/', '/app/demo/form/solution/backpanel/', '/app/demo/form/solution/backpanel/backpanel.js', '/app/demo/form/solution/backpanel/backpanel.xml', '/app/demo/global.css', '/app/demo/res/', '/app/demo/res/icon.svg', '/app/demo/res/img.jpg', '/app/demo/res/marker.svg', '/app/demo/res/r-1.svg', '/app/demo/res/r-2.svg', '/app/demo/res/sql.svg', '/app/demo/res/txt.svg', '/app/demo/res/video.mp4', '/app/demo/res/zip.svg', '/app/task/', '/app/task/app.js', '/app/task/config.json', '/app/task/form/', '/app/task/form/bar/', '/app/task/form/bar/bar.js', '/app/task/form/bar/bar.xml', '/app/task/form/desktop/', '/app/task/form/desktop/desktop.xml', '/app/task/locale/', '/app/task/locale/en.json', '/app/task/locale/ja.json', '/app/task/locale/sc.json', '/app/task/locale/tc.json', '/clickgo.js', '/clickgo.ts', '/control/', '/control/arteditor.cgc', '/control/box.cgc', '/control/common.cgc', '/control/desc.cgc', '/control/echarts.cgc', '/control/form.cgc', '/control/html.cgc', '/control/iconview.cgc', '/control/map.cgc', '/control/monaco.cgc', '/control/nav.cgc', '/control/page.cgc', '/control/property.cgc', '/control/table.cgc', '/control/task.cgc', '/control/tuieditor.cgc', '/control/xterm.cgc', '/ext/', '/ext/toastui-editor-all.min.js', '/global.css', '/icon.png', '/index.js', '/index.ts', '/lib/', '/lib/control.js', '/lib/control.ts', '/lib/core.js', '/lib/core.ts', '/lib/dom.js', '/lib/dom.ts', '/lib/form.js', '/lib/form.ts', '/lib/fs.js', '/lib/fs.ts', '/lib/native.js', '/lib/native.ts', '/lib/storage.js', '/lib/storage.ts', '/lib/task.js', '/lib/task.ts', '/lib/theme.js', '/lib/theme.ts', '/lib/tool.js', '/lib/tool.ts', '/lib/zip.js', '/lib/zip.ts', '/theme/', '/theme/byterun.cgt', '/theme/familiar.cgt', '/theme/light.cgt'];
+const clickgoFiles = ['/app/', '/app/demo/', '/app/demo/app.js', '/app/demo/config.json', '/app/demo/form/', '/app/demo/form/control/', '/app/demo/form/control/alayout/', '/app/demo/form/control/alayout/alayout.css', '/app/demo/form/control/alayout/alayout.js', '/app/demo/form/control/alayout/alayout.xml', '/app/demo/form/control/arteditor/', '/app/demo/form/control/arteditor/arteditor.js', '/app/demo/form/control/arteditor/arteditor.xml', '/app/demo/form/control/arteditor/img.js', '/app/demo/form/control/arteditor/img.xml', '/app/demo/form/control/block/', '/app/demo/form/control/block/block.css', '/app/demo/form/control/block/block.xml', '/app/demo/form/control/box/', '/app/demo/form/control/box/box.js', '/app/demo/form/control/box/box.xml', '/app/demo/form/control/button/', '/app/demo/form/control/button/button.css', '/app/demo/form/control/button/button.js', '/app/demo/form/control/button/button.xml', '/app/demo/form/control/check/', '/app/demo/form/control/check/check.js', '/app/demo/form/control/check/check.xml', '/app/demo/form/control/date/', '/app/demo/form/control/date/date.js', '/app/demo/form/control/date/date.xml', '/app/demo/form/control/desc/', '/app/demo/form/control/desc/desc.js', '/app/demo/form/control/desc/desc.xml', '/app/demo/form/control/dialog/', '/app/demo/form/control/dialog/dialog.js', '/app/demo/form/control/dialog/dialog.xml', '/app/demo/form/control/echarts/', '/app/demo/form/control/echarts/echarts.js', '/app/demo/form/control/echarts/echarts.xml', '/app/demo/form/control/file/', '/app/demo/form/control/file/file.js', '/app/demo/form/control/file/file.xml', '/app/demo/form/control/flow/', '/app/demo/form/control/flow/flow.css', '/app/demo/form/control/flow/flow.js', '/app/demo/form/control/flow/flow.xml', '/app/demo/form/control/form/', '/app/demo/form/control/form/form.css', '/app/demo/form/control/form/form.js', '/app/demo/form/control/form/form.xml', '/app/demo/form/control/html/', '/app/demo/form/control/html/html.js', '/app/demo/form/control/html/html.xml', '/app/demo/form/control/iconview/', '/app/demo/form/control/iconview/iconview.js', '/app/demo/form/control/iconview/iconview.xml', '/app/demo/form/control/img/', '/app/demo/form/control/img/img.xml', '/app/demo/form/control/label/', '/app/demo/form/control/label/label.js', '/app/demo/form/control/label/label.xml', '/app/demo/form/control/layout/', '/app/demo/form/control/layout/layout.js', '/app/demo/form/control/layout/layout.xml', '/app/demo/form/control/link/', '/app/demo/form/control/link/link.js', '/app/demo/form/control/link/link.xml', '/app/demo/form/control/list/', '/app/demo/form/control/list/list.css', '/app/demo/form/control/list/list.js', '/app/demo/form/control/list/list.xml', '/app/demo/form/control/loading/', '/app/demo/form/control/loading/loading.xml', '/app/demo/form/control/map/', '/app/demo/form/control/map/map.js', '/app/demo/form/control/map/map.xml', '/app/demo/form/control/marquee/', '/app/demo/form/control/marquee/marquee.js', '/app/demo/form/control/marquee/marquee.xml', '/app/demo/form/control/menu/', '/app/demo/form/control/menu/menu.js', '/app/demo/form/control/menu/menu.xml', '/app/demo/form/control/monaco/', '/app/demo/form/control/monaco/monaco.js', '/app/demo/form/control/monaco/monaco.xml', '/app/demo/form/control/nav/', '/app/demo/form/control/nav/nav.js', '/app/demo/form/control/nav/nav.xml', '/app/demo/form/control/page/', '/app/demo/form/control/page/page.js', '/app/demo/form/control/page/page.xml', '/app/demo/form/control/panel/', '/app/demo/form/control/panel/panel.js', '/app/demo/form/control/panel/panel.xml', '/app/demo/form/control/panel/test1.js', '/app/demo/form/control/panel/test1.xml', '/app/demo/form/control/panel/test2.xml', '/app/demo/form/control/property/', '/app/demo/form/control/property/property.js', '/app/demo/form/control/property/property.xml', '/app/demo/form/control/radio/', '/app/demo/form/control/radio/radio.js', '/app/demo/form/control/radio/radio.xml', '/app/demo/form/control/scroll/', '/app/demo/form/control/scroll/scroll.js', '/app/demo/form/control/scroll/scroll.xml', '/app/demo/form/control/select/', '/app/demo/form/control/select/select.js', '/app/demo/form/control/select/select.xml', '/app/demo/form/control/step/', '/app/demo/form/control/step/step.js', '/app/demo/form/control/step/step.xml', '/app/demo/form/control/svg/', '/app/demo/form/control/svg/svg.js', '/app/demo/form/control/svg/svg.xml', '/app/demo/form/control/tab/', '/app/demo/form/control/tab/tab.js', '/app/demo/form/control/tab/tab.xml', '/app/demo/form/control/table/', '/app/demo/form/control/table/table.js', '/app/demo/form/control/table/table.xml', '/app/demo/form/control/tag/', '/app/demo/form/control/tag/tag.xml', '/app/demo/form/control/text/', '/app/demo/form/control/text/text.js', '/app/demo/form/control/text/text.xml', '/app/demo/form/control/tip/', '/app/demo/form/control/tip/tip.xml', '/app/demo/form/control/tuieditor/', '/app/demo/form/control/tuieditor/tuieditor.js', '/app/demo/form/control/tuieditor/tuieditor.xml', '/app/demo/form/control/vflow/', '/app/demo/form/control/vflow/vflow.css', '/app/demo/form/control/vflow/vflow.js', '/app/demo/form/control/vflow/vflow.xml', '/app/demo/form/control/video/', '/app/demo/form/control/video/video.js', '/app/demo/form/control/video/video.xml', '/app/demo/form/control/xterm/', '/app/demo/form/control/xterm/xterm.js', '/app/demo/form/control/xterm/xterm.xml', '/app/demo/form/event/', '/app/demo/form/event/form/', '/app/demo/form/event/form/form.css', '/app/demo/form/event/form/form.js', '/app/demo/form/event/form/form.xml', '/app/demo/form/event/other/', '/app/demo/form/event/other/other.js', '/app/demo/form/event/other/other.xml', '/app/demo/form/event/screen/', '/app/demo/form/event/screen/screen.js', '/app/demo/form/event/screen/screen.xml', '/app/demo/form/event/task/', '/app/demo/form/event/task/task.js', '/app/demo/form/event/task/task.xml', '/app/demo/form/main.css', '/app/demo/form/main.js', '/app/demo/form/main.xml', '/app/demo/form/method/', '/app/demo/form/method/aform/', '/app/demo/form/method/aform/aform.js', '/app/demo/form/method/aform/aform.xml', '/app/demo/form/method/aform/sd.js', '/app/demo/form/method/aform/sd.xml', '/app/demo/form/method/core/', '/app/demo/form/method/core/core.js', '/app/demo/form/method/core/core.xml', '/app/demo/form/method/dom/', '/app/demo/form/method/dom/dom.css', '/app/demo/form/method/dom/dom.js', '/app/demo/form/method/dom/dom.xml', '/app/demo/form/method/form/', '/app/demo/form/method/form/form.js', '/app/demo/form/method/form/form.xml', '/app/demo/form/method/form/test.xml', '/app/demo/form/method/fs/', '/app/demo/form/method/fs/fs.js', '/app/demo/form/method/fs/fs.xml', '/app/demo/form/method/fs/text.js', '/app/demo/form/method/fs/text.xml', '/app/demo/form/method/native/', '/app/demo/form/method/native/native.js', '/app/demo/form/method/native/native.xml', '/app/demo/form/method/storage/', '/app/demo/form/method/storage/storage.js', '/app/demo/form/method/storage/storage.xml', '/app/demo/form/method/system/', '/app/demo/form/method/system/system.js', '/app/demo/form/method/system/system.xml', '/app/demo/form/method/task/', '/app/demo/form/method/task/locale1.json', '/app/demo/form/method/task/locale2.json', '/app/demo/form/method/task/task.js', '/app/demo/form/method/task/task.xml', '/app/demo/form/method/theme/', '/app/demo/form/method/theme/theme.js', '/app/demo/form/method/theme/theme.xml', '/app/demo/form/method/tool/', '/app/demo/form/method/tool/tool.js', '/app/demo/form/method/tool/tool.xml', '/app/demo/form/method/zip/', '/app/demo/form/method/zip/zip.js', '/app/demo/form/method/zip/zip.xml', '/app/demo/form/solution/', '/app/demo/form/solution/backpanel/', '/app/demo/form/solution/backpanel/backpanel.js', '/app/demo/form/solution/backpanel/backpanel.xml', '/app/demo/global.css', '/app/demo/res/', '/app/demo/res/icon.svg', '/app/demo/res/img.jpg', '/app/demo/res/marker.svg', '/app/demo/res/r-1.svg', '/app/demo/res/r-2.svg', '/app/demo/res/sql.svg', '/app/demo/res/txt.svg', '/app/demo/res/video.mp4', '/app/demo/res/zip.svg', '/app/task/', '/app/task/app.js', '/app/task/config.json', '/app/task/form/', '/app/task/form/bar/', '/app/task/form/bar/bar.js', '/app/task/form/bar/bar.xml', '/app/task/form/desktop/', '/app/task/form/desktop/desktop.xml', '/app/task/locale/', '/app/task/locale/en.json', '/app/task/locale/ja.json', '/app/task/locale/sc.json', '/app/task/locale/tc.json', '/clickgo.js', '/clickgo.ts', '/control/', '/control/arteditor.cgc', '/control/box.cgc', '/control/common.cgc', '/control/desc.cgc', '/control/echarts.cgc', '/control/form.cgc', '/control/html.cgc', '/control/iconview.cgc', '/control/map.cgc', '/control/monaco.cgc', '/control/nav.cgc', '/control/page.cgc', '/control/property.cgc', '/control/table.cgc', '/control/task.cgc', '/control/tuieditor.cgc', '/control/xterm.cgc', '/ext/', '/ext/toastui-editor-all.min.js', '/global.css', '/icon.png', '/index.js', '/index.ts', '/lib/', '/lib/control.js', '/lib/control.ts', '/lib/core.js', '/lib/core.ts', '/lib/dom.js', '/lib/dom.ts', '/lib/form.js', '/lib/form.ts', '/lib/fs.js', '/lib/fs.ts', '/lib/native.js', '/lib/native.ts', '/lib/storage.js', '/lib/storage.ts', '/lib/task.js', '/lib/task.ts', '/lib/theme.js', '/lib/theme.ts', '/lib/tool.js', '/lib/tool.ts', '/lib/zip.js', '/lib/zip.ts', '/theme/', '/theme/byterun.cgt', '/theme/familiar.cgt', '/theme/light.cgt'];
 
 /** --- fs lib 用到的语言包 --- */
 const localeData: Record<string, {

package/dist/lib/task.js

@@ -1057,6 +1057,12 @@ function run(url, opt = {}, ntid) {
                 },
                 formatSecond: function (second) {
                     return tool.formatSecond(second);
+                },
+                queryStringify: function (query) {
+                    return tool.queryStringify(query);
+                },
+                queryParse: function (query) {
+                    return tool.queryParse(query);
                 }
             },
             'zip': {

package/dist/lib/task.ts

@@ -1187,6 +1187,12 @@ export async function run(url: string | types.IApp, opt: types.ITaskRunOptions =
             },
             formatSecond: function(second: number): string {
                 return tool.formatSecond(second);
+            },
+            queryStringify: function(query: Record<string, any>): string {
+                return tool.queryStringify(query);
+            },
+            queryParse: function(query: string): Record<string, string | string[]> {
+                return tool.queryParse(query);
             }
         },
         'zip': {

package/dist/lib/tool.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatSecond = exports.compar = exports.execCommand = exports.blob2DataUrl = exports.blob2Text = exports.urlAtom = exports.urlResolve = exports.parseUrl = exports.post = exports.fetch = exports.request = exports.rgb2hsl = exports.escapeHTML = exports.getArray = exports.getNumber = exports.getBoolean = exports.random = exports.RANDOM_LUNS = exports.RANDOM_V = exports.RANDOM_LUN = exports.RANDOM_LU = exports.RANDOM_LN = exports.RANDOM_UN = exports.RANDOM_L = exports.RANDOM_U = exports.RANDOM_N = exports.rand = exports.getMimeByPath = exports.stylePrepend = exports.teleportGlue = exports.eventsAttrWrap = exports.layoutClassPrepend = exports.layoutInsertAttr = exports.layoutAddTagClassAndReTagName = exports.styleUrl2DataUrl = exports.match = exports.purify = exports.sleepFrame = exports.nextFrame = exports.sleep = exports.clone = exports.blob2ArrayBuffer = exports.getClassPrototype = void 0;
+exports.queryParse = exports.queryStringify = exports.formatSecond = exports.compar = exports.execCommand = exports.blob2DataUrl = exports.blob2Text = exports.urlAtom = exports.urlResolve = exports.parseUrl = exports.post = exports.fetch = exports.request = exports.rgb2hsl = exports.escapeHTML = exports.getArray = exports.getNumber = exports.getBoolean = exports.random = exports.RANDOM_LUNS = exports.RANDOM_V = exports.RANDOM_LUN = exports.RANDOM_LU = exports.RANDOM_LN = exports.RANDOM_UN = exports.RANDOM_L = exports.RANDOM_U = exports.RANDOM_N = exports.rand = exports.getMimeByPath = exports.stylePrepend = exports.teleportGlue = exports.eventsAttrWrap = exports.layoutClassPrepend = exports.layoutInsertAttr = exports.layoutAddTagClassAndReTagName = exports.styleUrl2DataUrl = exports.match = exports.purify = exports.sleepFrame = exports.nextFrame = exports.sleep = exports.clone = exports.blob2ArrayBuffer = exports.getClassPrototype = void 0;
 function getClassPrototype(obj, over = [], level = 0) {
     if (level === 0) {
         return getClassPrototype(Object.getPrototypeOf(obj), over, level + 1);
@@ -692,3 +692,36 @@ function formatSecond(second) {
     return (h ? h.toString().padStart(2, '0') + ':' : '') + m.toString().padStart(2, '0') + ':' + s.toString().padStart(2, '0');
 }
 exports.formatSecond = formatSecond;
+function queryStringify(query) {
+    return Object.entries(query).map(([k, v]) => {
+        if (Array.isArray(v)) {
+            return v.map((i) => `${encodeURIComponent(k)}=${encodeURIComponent(`${i}`)}`).join('&');
+        }
+        return `${encodeURIComponent(k)}=${encodeURIComponent(`${v}`)}`;
+    }).join('&');
+}
+exports.queryStringify = queryStringify;
+function queryParse(query) {
+    const ret = {};
+    const arrayKeys = {};
+    for (const i of query.split('&')) {
+        if (!i.length) {
+            continue;
+        }
+        const pos = i.indexOf('=');
+        const key = decodeURIComponent(pos === -1 ? i : i.slice(0, pos));
+        const value = pos === -1 ? '' : decodeURIComponent(i.slice(pos + 1));
+        if (arrayKeys[key]) {
+            ret[key].push(value);
+        }
+        else if (undefined === ret[key]) {
+            ret[key] = value;
+        }
+        else {
+            ret[key] = [ret[key], value];
+            arrayKeys[key] = true;
+        }
+    }
+    return ret;
+}
+exports.queryParse = queryParse;

package/dist/lib/tool.ts

@@ -867,3 +867,47 @@ export function formatSecond(second: number): string {
     const s = Math.floor(second - m * 60);
     return (h ? h.toString().padStart(2, '0') + ':' : '') + m.toString().padStart(2, '0') + ':' + s.toString().padStart(2, '0');
 }
+
+/**
+ * --- 将对象转换为 query string ---
+ * @param query 要转换的对象
+ */
+export function queryStringify(query: Record<string, any>): string {
+    return Object.entries(query).map(([k, v]) => {
+        if (Array.isArray(v)) {
+            return v.map((i) => `${encodeURIComponent(k)}=${encodeURIComponent(`${i}`)}`).join('&');
+        }
+        return `${encodeURIComponent(k)}=${encodeURIComponent(`${v}`)}`;
+    }).join('&');
+}
+
+/**
+ * --- 将 query string 转换为对象 ---
+ * @param query 要转换的字符串
+ */
+export function queryParse(query: string): Record<string, string | string[]> {
+    const ret: Record<string, string | string[]> = {};
+    const arrayKeys: Record<string, boolean> = {};
+    for (const i of query.split('&')) {
+        if (!i.length) {
+            continue;
+        }
+
+        const pos = i.indexOf('=');
+
+        const key = decodeURIComponent(pos === -1 ? i : i.slice(0, pos));
+        const value = pos === -1 ? '' : decodeURIComponent(i.slice(pos + 1));
+
+        if (arrayKeys[key]) {
+            (ret[key] as string[]).push(value);
+        }
+        else if (undefined === ret[key]) {
+            ret[key] = value;
+        }
+        else {
+            ret[key] = [ret[key] as string, value];
+            arrayKeys[key] = true;
+        }
+    }
+    return ret;
+}

package/package.json

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

package/types/index.d.ts

@@ -623,6 +623,62 @@ interface ICustomEvent {
     preventDefault: () => void;
 }
 
+// --- AbstractPanel ---
+
+export interface IAbstractPanelShowEvent {
+    'detail': {
+        'data': Record<string, any>;
+        /** --- 是否是 nav 模式 --- */
+        'nav': boolean;
+        /** --- 仅 nav 联动时有效，代表是前进还是回退 --- */
+        'action': 'forword' | 'back';
+        /** --- 仅 nav 联动时有效，代表上一个的 formHash 的值 --- */
+        'previous': string;
+        /** --- 仅 nav 联动时有效，代表本次 show 的时候 qs 是否发生了变化 --- */
+        'qsChange': boolean;
+    }
+}
+
+// --- Form Control ---
+
+export interface IFormCloseEvent extends ICustomEvent {
+    'detail': {
+        'event': MouseEvent;
+    }
+}
+
+export interface IFormMaxEvent {
+    'detail': {
+        'event': MouseEvent | TouchEvent | null;
+        'action': 'click' | 'move';
+        /** --- 当前是否时最大化状态 --- */
+        'max': boolean;
+        /** --- 最大化之前的窗体位置 --- */
+        'history': {
+            'width': number;
+            'height': number;
+            'left': number;
+            'top': number;
+        } | null
+    }
+}
+
+export interface IFormMinEvent {
+    'detail': {
+        'event': MouseEvent | TouchEvent | null;
+        'action': 'click' | 'method';
+        /** --- 当前是否时最小化状态 --- */
+        'min': boolean;
+        /** --- 最小化之前的窗体位置 --- */
+        'history': {
+            'width': number;
+            'height': number;
+            'left': number;
+            'top': number;
+        } | null
+    }
+}
+
 // --- Greatlist Control ---
 
 export interface IGreatlistRemoveEvent extends ICustomEvent {