clickgo 3.10.0 → 3.10.1

package/README.md

@@ -28,7 +28,7 @@ Load the module loader first, and then load it using the module loader.
 **index.html**
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.10.0'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.10.1'}"></script>
 ```
 
 **index.js**
@@ -117,6 +117,10 @@ This library is published under [Apache-2.0](./LICENSE) license.
 [Border Radius SVG Vector](https://www.svgrepo.com/svg/446973/border-radius)  
 [Copy SVG Vector](https://www.svgrepo.com/svg/446994/copy)
 
+#### Select
+
+[Close SVG Vector](https://www.svgrepo.com/svg/446990/close)
+
 ### **LICENSE:** MIT License **AUTHOR:** developmentseed
 
 #### Map

package/dist/app/demo/config.json

@@ -157,6 +157,8 @@
         "/form/method/tool/tool.xml",
         "/form/method/zip/zip.js",
         "/form/method/zip/zip.xml",
+        "/form/solution/backpanel/backpanel.js",
+        "/form/solution/backpanel/backpanel.xml",
         "/form/main.css",
         "/form/main.js",
         "/form/main.xml",

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

@@ -48,14 +48,14 @@ class default_1 extends clickgo.form.AbstractForm {
         this.minWidth = 200;
         this.minHeight = 100;
         this.resize = true;
-        this.loading = false;
+        this.floading = false;
         this.border = 'normal';
     }
     showLoading() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.loading = true;
+            this.floading = true;
             yield clickgo.tool.sleep(1000);
-            this.loading = false;
+            this.floading = false;
         });
     }
 }

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="loading" :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">
     <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>

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

@@ -37,15 +37,16 @@ class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
         this.layer = false;
+        this.qs = {};
         this.name = '';
         this.isShow = true;
-        this.loading = false;
         this.logo = '';
+        this.hash = false;
     }
-    onSelect(e, o, v) {
+    onSelect(e) {
         return __awaiter(this, void 0, void 0, function* () {
             e.preventDefault();
-            yield clickgo.form.dialog('Not nav, o: ' + o + ', v: ' + v);
+            yield clickgo.form.dialog('Not nav, selected: ' + e.detail.selected + ', name: ' + e.detail.name);
         });
     }
     onMounted() {

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

@@ -1,5 +1,5 @@
-<form width="600" height="500" title="Nav" :loading="loading">
-    <nav v-model="name" v-model:show="isShow" :logo="logo" @layer="layer = $event" style="flex: 1; width: 0;">
+<form width="600" height="500" title="Nav">
+    <nav v-model="name" default="Action1" v-model:show="isShow" :logo="logo" @layer="layer = $event" @qs="qs = $event" :hash="hash" style="flex: 1; width: 0;">
         <nav-item label="Title1">
             <nav-title>group1</nav-title>
             <nav-item label="Sub1">
@@ -39,9 +39,10 @@
         <nav-item label="Root2"></nav-item>
         <nav-item label="Root3" name="root?id=1"></nav-item>
         <nav-item label="Root4" name="root?id=2"></nav-item>
+        <nav-item label="Root5" name="root"></nav-item>
         <nav-item label="Event" @select="onSelect"></nav-item>
-        <nav-item label="Root3" icon="/package/res/icon.svg"></nav-item>
-        <nav-item label="Root4" icon="/package/res/marker.svg"></nav-item>
+        <nav-item label="Root6" name="root6" icon="/package/res/icon.svg"></nav-item>
+        <nav-item label="Root7" icon="/package/res/marker.svg"></nav-item>
         <template v-slot:header>
             <label style="flex: 1; padding-left: 10px;">Test</label>
             <menu>
@@ -78,10 +79,17 @@
                 <label>Now select: {{name}}</label>
                 <label>Show: {{isShow ? 'true' : 'false'}}</label>
                 <label>Layer: {{layer ? 'true' : 'false'}}</label>
+                <label>Qs: {{qs}}</label>
+                <label>formHash: {{formHash}}</label>
                 <button v-if="layer" @click="isShow = true">Open</button>
                 <button @click="name = 'Action11'">Select "Action11"</button>
                 <button @click="name = 'hasname'">Select "hasname"</button>
+                <button @click="name = 'root6?id=8'">Select "root6?id=8"</button>
                 <button @click="logo = logo ? '' : '/clickgo/icon.png'">{{logo ? 'Remove' : 'Set'}} logo</button>
+                <layout gutter="10">
+                    <button @click="hash = !hash" style="flex: 1;">{{hash ? '' : '!'}}hash</button>
+                    <button v-if="hash" @click="formHashBack" style="flex: 1;">hashBack</button>
+                </layout>
             </layout>
         </template>
     </nav>

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

@@ -41,8 +41,9 @@ class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
         this.selected = ['none'];
+        this.panelv = '';
         this.parentData = 'yeah!';
-        this.loading = false;
+        this.map = null;
     }
     go() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -58,22 +59,41 @@ class default_1 extends clickgo.form.AbstractForm {
             'type': 'send'
         });
     }
+    changeMap() {
+        this.map = this.map ? null : {
+            'test1': test1_1.default,
+            'test2': './test2'
+        };
+    }
     onMounted() {
         this.watch('selected', () => __awaiter(this, void 0, void 0, function* () {
             switch (this.selected[0]) {
                 case 'none': {
+                    if (this.map) {
+                        this.panelv = '';
+                    }
                     break;
                 }
                 case './test1': {
-                    this.loading = true;
-                    yield this.refs.panel.go(test1_1.default);
-                    this.loading = false;
+                    if (this.map) {
+                        this.panelv = 'test1';
+                    }
+                    else {
+                        this.loading = true;
+                        yield this.refs.panel.go(test1_1.default);
+                        this.loading = false;
+                    }
                     break;
                 }
                 case './test2': {
-                    this.loading = true;
-                    yield this.refs.panel.go('./test2');
-                    this.loading = false;
+                    if (this.map) {
+                        this.panelv = 'test2';
+                    }
+                    else {
+                        this.loading = true;
+                        yield this.refs.panel.go('./test2');
+                        this.loading = false;
+                    }
                     break;
                 }
             }

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

@@ -1,11 +1,12 @@
-<form width="600" height="500" title="Panel" :loading="loading">
+<form width="600" height="500" title="Panel">
     <layout direction="v" gutter="10" style="padding: 10px; flex: 1;">
         <label>Form ID: {{formId}}</label>
         <select v-model="selected" :data="['none', './test1', './test2']"></select>
         <layout gutter="10">
-            <button v-if="selected[0] !== './test1'" style="height: 30px; flex: 1;" @click="go">Go test1 with {'type': 'show'}</button>
-            <button style="height: 30px; flex: 1;" @click="ssend">send {'type': 'send'}</button>
+            <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="changeMap">{{map ? '' : '!'}}map</button>
         </layout>
-        <panel ref="panel" style="flex: 1;"></panel>
+        <panel ref="panel" v-model="panelv" :map="map" @go="loading=true" @went="loading=false" style="flex: 1;"></panel>
     </layout>
 </form>

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

@@ -57,6 +57,12 @@ class default_1 extends clickgo.form.AbstractPanel {
             yield clickgo.form.dialog('test1 got data.');
         });
     }
+    onQsChange() {
+        clickgo.form.notify({
+            'title': 'Test1 Panel',
+            'content': 'onQsChange: ' + Object.keys(this.qs).length.toString()
+        });
+    }
     click() {
         return __awaiter(this, void 0, void 0, function* () {
             yield clickgo.form.dialog('Hello panel!');

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

@@ -3,6 +3,7 @@
     <label>onShow count: {{scount}}</label>
     <label>Data: {{data}}</label>
     <label>Parent data: {{rootForm.parentData}}</label>
+    <label>Qs: {{qs}}</label>
     <button @click="click" style="height: 30px;">Hi</button>
     <layout>
         <button style="padding: 15px 30px;" area="split">

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

@@ -90,6 +90,7 @@ const task_2 = __importDefault(require("./method/task/task"));
 const theme_1 = __importDefault(require("./method/theme/theme"));
 const tool_1 = __importDefault(require("./method/tool/tool"));
 const zip_1 = __importDefault(require("./method/zip/zip"));
+const backpanel_1 = __importDefault(require("./solution/backpanel/backpanel"));
 class default_1 extends clickgo.form.AbstractForm {
     constructor() {
         super(...arguments);
@@ -330,8 +331,12 @@ class default_1 extends clickgo.form.AbstractForm {
                     frm = yield clickgo.form.create(tool_1.default);
                     break;
                 }
-                default: {
+                case 'mzip': {
                     frm = yield clickgo.form.create(zip_1.default);
+                    break;
+                }
+                default: {
+                    frm = yield clickgo.form.create(backpanel_1.default);
                 }
             }
             frm.show();

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

@@ -1,5 +1,5 @@
 <form width="400" height="550" title="ClickGo demo" icon="/package/res/icon.svg">
-    <tab v-model="ntab" :tabs="['control', 'method', 'event']" style="margin: 10px; flex: 1;">
+    <tab v-model="ntab" :tabs="['control', 'method', 'event', 'solution']" style="margin: 10px; flex: 1;">
         <flow v-if="ntab === 'control'" class="inner" direction="v">
             <layout class="buttons" gutter="10" direction="v">
                 <label>App data: {{adata}}</label>
@@ -104,7 +104,7 @@
                 <button @click="openForm('msystem')">System</button>
             </layout>
         </flow>
-        <flow v-else class="inner" direction="v">
+        <flow v-else-if="ntab === 'event'" class="inner" direction="v">
             <layout gutter="10" direction="v">
                 <button @click="openForm('escreen')">About screen</button>
                 <button @click="openForm('eform')">About form</button>
@@ -112,5 +112,10 @@
                 <button @click="openForm('eother')">About other</button>
             </layout>
         </flow>
+        <flow v-else class="inner" direction="v">
+            <layout gutter="10" direction="v">
+                <button @click="openForm('sbackpanel')">Backend panel</button>
+            </layout>
+        </flow>
     </tab>
 </form>

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

@@ -64,6 +64,13 @@ class default_1 extends clickgo.form.AbstractForm {
             this.dr = yield frm.showDialog();
         });
     }
+    showLoading() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.loading = true;
+            yield clickgo.tool.sleep(1000);
+            this.loading = false;
+        });
+    }
     onMounted() {
         this.watch('test', () => __awaiter(this, void 0, void 0, function* () {
             yield clickgo.form.dialog('test changed.');

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

@@ -30,6 +30,7 @@
                 <label>{{formHash}}</label>
             </layout>
             <button @click="formHashBack">formHashBack()</button>
+            <button @click="showLoading">Show loading</button>
             <layout gutter="10" align-v="center">
                 <label>Form Hash:</label>
                 <text v-model="hash" style="flex: 1; width: 0;"></text>

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

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clickgo = __importStar(require("clickgo"));
+const test1_1 = __importDefault(require("../../control/panel/test1"));
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.fh = '';
+        this.name = '';
+        this.map = {
+            'test1': test1_1.default,
+            'test2': '../../control/panel/test2'
+        };
+    }
+    onFormHashChange(taskId, formId, value) {
+        if (formId !== this.formId) {
+            return;
+        }
+        this.fh = value;
+    }
+    onSelect(e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.preventDefault();
+            yield clickgo.form.dialog('Show form');
+        });
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,29 @@
+<form width="800" height="500" title="Backend Panel" padding="10">
+    <layout direction="v" gutter="10" style="flex: 1;">
+        <layout gutter="10" align-v="center">
+            <label>formHash:</label>
+            <text v-model="fh" style="flex: 1;" />
+            <button @click="formHash = fh">Change</button>
+        </layout>
+        <nav v-model="name" default="list" hash style="flex: 1;">
+            <nav-item label="User">
+                <nav-item label="All list" name="list"></nav-item>
+                <nav-item label="Available" name="list?avail=1"></nav-item>
+            </nav-item>
+            <nav-item label="Goods">
+                <nav-item label="Available" name="goodslist?avail=1"></nav-item>
+                <nav-item label="Unavailable" name="goodslist?avail=0"></nav-item>
+            </nav-item>
+            <nav-item label="Form" name="form" @select="onSelect"></nav-item>
+            <nav-item label="Test1" name="test1"></nav-item>
+            <nav-item label="Test1QS" name="test1?a=1&b=2"></nav-item>
+            <nav-item label="Test2" name="test2"></nav-item>
+            <template v-slot:header>
+                <label style="flex: 1; text-align: right; padding-right: var(--g-padding);">Panel</label>
+            </template>
+            <template v-slot:content>
+                <panel :map="map" style="flex: 1;" @go="loading = true" @went="loading = false"></panel>
+            </template>
+        </nav>
+    </layout>
+</form>

package/dist/clickgo.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.zip = exports.tool = exports.theme = exports.task = exports.storage = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.vue = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = void 0;
-const version = '3.10.0';
+const version = '3.10.1';
 function getVersion() {
     return version;
 }

package/dist/clickgo.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const version = '3.10.0';
+const version = '3.10.1';
 export function getVersion(): string {
     return version;
 }

package/dist/lib/control.js

@@ -42,6 +42,7 @@ const form = __importStar(require("./form"));
 const fs = __importStar(require("./fs"));
 class AbstractControl {
     constructor() {
+        this._rootForm = null;
         this.packageFiles = {};
         this.props = {};
         this.emits = {};
@@ -59,8 +60,22 @@ class AbstractControl {
     get formId() {
         return 0;
     }
+    get rootForm() {
+        if (!this._rootForm) {
+            this._rootForm = this.parentByName('root');
+            if (!this._rootForm) {
+                form.notify({
+                    'title': 'Error',
+                    'content': `The "rootForm" is not ready yet.\nFile: "${this.controlName}".`,
+                    'type': 'danger'
+                });
+            }
+        }
+        return this._rootForm;
+    }
     get formFocus() {
-        return this.parentByName('root').formFocus;
+        var _a, _b;
+        return (_b = (_a = this.rootForm) === null || _a === void 0 ? void 0 : _a.formFocus) !== null && _b !== void 0 ? _b : false;
     }
     get path() {
         return '';

package/dist/lib/control.ts

@@ -49,11 +49,29 @@ export abstract class AbstractControl {
         return 0;
     }
 
+    /** --- root form --- */
+    private _rootForm: form.AbstractForm & Record<string, any> | null = null;
+
+    /** --- 当前控件所在窗体的窗体对象，系统会在创建时重写本函数 --- */
+    public get rootForm(): form.AbstractForm & Record<string, any> {
+        if (!this._rootForm) {
+            this._rootForm = this.parentByName('root') as any;
+            if (!this._rootForm) {
+                form.notify({
+                    'title': 'Error',
+                    'content': `The "rootForm" is not ready yet.\nFile: "${this.controlName}".`,
+                    'type': 'danger'
+                });
+            }
+        }
+        return this._rootForm!;
+    }
+
     /**
      * --- 当前窗体是否有焦点 ---
      */
     public get formFocus(): boolean {
-        return this.parentByName('root')!.formFocus;
+        return this.rootForm?.formFocus ?? false;
     }
 
     /** --- 当前控件所在运行窗体的包内路径不以 / 结尾 --- */

package/dist/lib/form.js

@@ -244,12 +244,19 @@ class AbstractCommon {
     }
 }
 class AbstractPanel extends AbstractCommon {
+    constructor() {
+        super(...arguments);
+        this.qs = {};
+    }
     get panelId() {
         return 0;
     }
     get rootForm() {
         return {};
     }
+    get rootPanel() {
+        return {};
+    }
     get formFocus() {
         var _a;
         return (_a = this.rootForm.formFocus) !== null && _a !== void 0 ? _a : false;
@@ -266,12 +273,16 @@ class AbstractPanel extends AbstractCommon {
     onReceive() {
         return;
     }
+    onQsChange() {
+        return;
+    }
 }
 exports.AbstractPanel = AbstractPanel;
 class AbstractForm extends AbstractCommon {
     constructor() {
         super(...arguments);
         this.isNativeSync = false;
+        this.loading = false;
         this._inStep = false;
         this._firstShow = true;
         this.dialogResult = '';
@@ -1720,30 +1731,62 @@ function getForm(taskId, formId) {
     }
     return form;
 }
-function createPanel(cls, el, formId, taskId) {
+function createPanel(rootPanel, cls, opt = {}, taskId) {
+    var _a;
     return __awaiter(this, void 0, void 0, function* () {
-        if (!taskId) {
-            const err = new Error('form.createPanel: -1');
+        if (rootPanel.element.dataset.cgControl !== 'panel') {
+            const err = new Error('form.createPanel: -0');
             core.trigger('error', 0, 0, err, err.message);
             throw err;
         }
-        if (el.dataset.cgControl !== 'panel') {
-            const err = new Error('form.createPanel: -2');
+        const formWrap = dom.findParentByData(rootPanel.element, 'form-id');
+        if (!formWrap) {
+            const err = new Error('form.createPanel: -0');
+            core.trigger('error', 0, 0, err, err.message);
+            throw err;
+        }
+        const formId = parseInt(formWrap.dataset.formId);
+        if (!taskId) {
+            const err = new Error('form.createPanel: -1');
             core.trigger('error', 0, 0, err, err.message);
             throw err;
         }
         const t = task.list[taskId];
         if (!t) {
-            const err = new Error('form.createPanel: -3');
+            const err = new Error('form.createPanel: -2');
             core.trigger('error', 0, 0, err, err.message);
             throw err;
         }
+        let layout = '';
+        if (opt.layout) {
+            layout = opt.layout;
+        }
+        let style = '';
+        let prep = '';
+        if (opt.style) {
+            style = opt.style;
+        }
         let filename = '';
         if (typeof cls === 'string') {
-            filename = cls + '.js';
+            filename = tool.urlResolve((_a = opt.path) !== null && _a !== void 0 ? _a : '/', cls);
+            if (!layout) {
+                const l = t.app.files[filename + '.xml'];
+                if (typeof l !== 'string') {
+                    const err = new Error('form.createPanel: -3');
+                    core.trigger('error', 0, 0, err, err.message);
+                    throw err;
+                }
+                layout = l;
+            }
+            if (!style) {
+                const s = t.app.files[filename + '.css'];
+                if (typeof s === 'string') {
+                    style = s;
+                }
+            }
             cls = class extends AbstractPanel {
                 get filename() {
-                    return filename;
+                    return filename + '.js';
                 }
                 get taskId() {
                     return t.id;
@@ -1757,18 +1800,22 @@ function createPanel(cls, el, formId, taskId) {
         }
         const lio = filename.lastIndexOf('/');
         const path = filename.slice(0, lio);
-        const l = t.app.files[filename.slice(0, -2) + 'xml'];
-        if (typeof l !== 'string') {
-            const err = new Error('form.createPanel: -4');
-            core.trigger('error', 0, 0, err, err.message);
-            throw err;
+        if (!layout) {
+            const l = t.app.files[filename.slice(0, -2) + 'xml'];
+            if (typeof l !== 'string') {
+                const err = new Error('form.createPanel: -4');
+                core.trigger('error', 0, 0, err, err.message);
+                throw err;
+            }
+            layout = l;
         }
-        let layout = l;
-        let style = '';
-        let prep = '';
-        const s = t.app.files[filename.slice(0, -2) + 'css'];
-        if (typeof s === 'string') {
-            style = s;
+        if (!style) {
+            const s = t.app.files[filename.slice(0, -2) + 'css'];
+            if (typeof s === 'string') {
+                style = s;
+            }
+        }
+        if (style) {
             const r = tool.stylePrepend(style);
             prep = r.prep;
             style = yield tool.styleUrl2DataUrl(path + '/', r.style, t.app.files);
@@ -1866,11 +1913,24 @@ function createPanel(cls, el, formId, taskId) {
                 return;
             }
         };
-        el.insertAdjacentHTML('beforeend', `<div data-panel-id="${panelId.toString()}"></div>`);
+        computed.rootPanel = {
+            get: function () {
+                return rootPanel;
+            },
+            set: function () {
+                notify({
+                    'title': 'Error',
+                    'content': `The software tries to modify the system variable "rootPanel".\nPath: ${this.filename}`,
+                    'type': 'danger'
+                });
+                return;
+            }
+        };
+        rootPanel.element.insertAdjacentHTML('beforeend', `<div data-panel-id="${panelId.toString()}"></div>`);
         if (style) {
             dom.pushStyle(t.id, style, 'form', formId, panelId);
         }
-        const mel = el.children.item(el.children.length - 1);
+        const mel = rootPanel.element.children.item(rootPanel.element.children.length - 1);
         mel.style.position = 'absolute';
         mel.style.pointerEvents = 'none';
         mel.style.opacity = '0';

package/dist/lib/form.ts

@@ -340,6 +340,14 @@ export abstract class AbstractPanel extends AbstractCommon {
         return {} as any;
     }
 
+    /** --- 当前 panel 所在的 panel control 对象，系统会在创建时重写本函数 --- */
+    public get rootPanel(): control.AbstractControl & Record<string, any> {
+        return {} as any;
+    }
+
+    /** --- 当前的 nav（若有）传递过来的 qs --- */
+    public qs: Record<string, string> = {};
+
     /** --- 当前窗体是否是焦点 --- */
     public get formFocus(): boolean {
         return this.rootForm.formFocus ?? false;
@@ -366,6 +374,11 @@ export abstract class AbstractPanel extends AbstractCommon {
         return;
     }
 
+    /** --- qs 变动时调用，如果只是用来做 qs 数据处理，建议用此方法 --- */
+    public onQsChange(): void | Promise<void> {
+        return;
+    }
+
 }
 
 /** --- 窗体的抽象类 --- */
@@ -447,6 +460,9 @@ export abstract class AbstractForm extends AbstractCommon {
         core.trigger('formHashChange', this.taskId, this.formId, parent);
     }
 
+    /** --- 覆盖整个窗体的 loading --- */
+    public loading: boolean = false;
+
     // --- step 相关 ---
 
     private _inStep: boolean = false;
@@ -2257,39 +2273,78 @@ function getForm(taskId: number, formId: number): types.IForm | null {
  * @param taskId 任务ID，App 模式下无效
  */
 export async function createPanel<T extends AbstractPanel>(
+    rootPanel: control.AbstractControl,
     cls: string | (new () => T),
-    el: HTMLElement,
-    formId: number,
+    opt: {
+        'layout'?: string;
+        'style'?: string;
+        /** --- cls 为 string 时，path 参数才有效，为基准路径，如果不以 / 结尾则以最后一个 / 字符为准 --- */
+        'path'?: string;
+    } = {},
     taskId?: number
 ): Promise<{
     'id': number;
     'vapp': types.IVApp;
     'vroot': T;
 }> {
-    if (!taskId) {
-        const err = new Error('form.createPanel: -1');
+    if (rootPanel.element.dataset.cgControl !== 'panel') {
+        const err = new Error('form.createPanel: -0');
         core.trigger('error', 0, 0, err, err.message);
         throw err;
     }
-    if (el.dataset.cgControl !== 'panel') {
-        const err = new Error('form.createPanel: -2');
+    const formWrap = dom.findParentByData(rootPanel.element, 'form-id');
+    if (!formWrap) {
+        const err = new Error('form.createPanel: -0');
+        core.trigger('error', 0, 0, err, err.message);
+        throw err;
+    }
+    const formId = parseInt(formWrap.dataset.formId!);
+    if (!taskId) {
+        const err = new Error('form.createPanel: -1');
         core.trigger('error', 0, 0, err, err.message);
         throw err;
     }
     /** --- 当前的 task 对象 --- */
     const t = task.list[taskId];
     if (!t) {
-        const err = new Error('form.createPanel: -3');
+        const err = new Error('form.createPanel: -2');
         core.trigger('error', 0, 0, err, err.message);
         throw err;
     }
+    /** --- 布局内容 --- */
+    let layout: string = '';
+    if (opt.layout) {
+        layout = opt.layout;
+    }
+    /** --- 样式内容 --- */
+    let style: string = '';
+    /** --- 样式前缀 --- */
+    let prep = '';
+    if (opt.style) {
+        style = opt.style;
+    }
     /** --- 文件在包内的路径，不以 / 结尾 --- */
     let filename = '';
     if (typeof cls === 'string') {
-        filename = cls + '.js';
+        filename = tool.urlResolve(opt.path ?? '/', cls);
+        if (!layout) {
+            const l = t.app.files[filename + '.xml'];
+            if (typeof l !== 'string') {
+                const err = new Error('form.createPanel: -3');
+                core.trigger('error', 0, 0, err, err.message);
+                throw err;
+            }
+            layout = l;
+        }
+        if (!style) {
+            const s = t.app.files[filename + '.css'];
+            if (typeof s === 'string') {
+                style = s;
+            }
+        }
         cls = class extends AbstractPanel {
             public get filename(): string {
-                return filename;
+                return filename + '.js';
             }
 
             public get taskId(): number {
@@ -2309,22 +2364,24 @@ export async function createPanel<T extends AbstractPanel>(
     const path = filename.slice(0, lio);
 
     // --- 布局 ---
-    const l = t.app.files[filename.slice(0, -2) + 'xml'];
-    if (typeof l !== 'string') {
-        const err = new Error('form.createPanel: -4');
-        core.trigger('error', 0, 0, err, err.message);
-        throw err;
+    if (!layout) {
+        const l = t.app.files[filename.slice(0, -2) + 'xml'];
+        if (typeof l !== 'string') {
+            const err = new Error('form.createPanel: -4');
+            core.trigger('error', 0, 0, err, err.message);
+            throw err;
+        }
+        layout = l;
     }
-    let layout = l;
 
     // --- 样式 ---
-    /** --- 样式内容 --- */
-    let style: string = '';
-    /** --- 样式前缀 --- */
-    let prep = '';
-    const s = t.app.files[filename.slice(0, -2) + 'css'];
-    if (typeof s === 'string') {
-        style = s;
+    if (!style) {
+        const s = t.app.files[filename.slice(0, -2) + 'css'];
+        if (typeof s === 'string') {
+            style = s;
+        }
+    }
+    if (style) {
         // --- 将 style 中的 tag 标签转换为 class，如 button 变为 .tag-button，然后将 class 进行标准程序，添加 prep 进行区分隔离 ---
         const r = tool.stylePrepend(style);
         prep = r.prep;
@@ -2439,14 +2496,27 @@ export async function createPanel<T extends AbstractPanel>(
             return;
         }
     };
+    computed.rootPanel = {
+        get: function(): control.AbstractControl & Record<string, any> {
+            return rootPanel;
+        },
+        set: function(this: types.IVue): void {
+            notify({
+                'title': 'Error',
+                'content': `The software tries to modify the system variable "rootPanel".\nPath: ${this.filename}`,
+                'type': 'danger'
+            });
+            return;
+        }
+    };
 
     // --- 插入 dom ---
-    el.insertAdjacentHTML('beforeend', `<div data-panel-id="${panelId.toString()}"></div>`);
+    rootPanel.element.insertAdjacentHTML('beforeend', `<div data-panel-id="${panelId.toString()}"></div>`);
     if (style) {
         dom.pushStyle(t.id, style, 'form', formId, panelId);
     }
     /** --- panel wrap element 对象 --- */
-    const mel: HTMLElement = el.children.item(el.children.length - 1) as HTMLElement;
+    const mel: HTMLElement = rootPanel.element.children.item(rootPanel.element.children.length - 1) as HTMLElement;
     mel.style.position = 'absolute';
     mel.style.pointerEvents = 'none';
     mel.style.opacity = '0';

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/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/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/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 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/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/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/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'];
 
 /** --- fs lib 用到的语言包 --- */
 const localeData: Record<string, {

package/dist/lib/task.js

@@ -675,8 +675,8 @@ function run(url, opt = {}, ntid) {
                 removePanel(id, vapp, el) {
                     return form.removePanel(id, vapp, el);
                 },
-                createPanel(cls, el, formId) {
-                    return form.createPanel(cls, el, formId, taskId);
+                createPanel(rootPanel, cls, opt) {
+                    return form.createPanel(rootPanel, cls, opt, taskId);
                 },
                 create: function (cls, data, opt) {
                     return form.create(cls, data, opt, taskId);

package/dist/lib/task.ts

@@ -767,14 +767,18 @@ export async function run(url: string | types.IApp, opt: types.ITaskRunOptions =
                 return form.removePanel(id, vapp, el);
             },
             createPanel<T extends form.AbstractPanel>(
-                cls: (new () => T),
-                el: HTMLElement,
-                formId: number
+                rootPanel: control.AbstractControl,
+                cls: string | (new () => T),
+                opt?: {
+                    'layout'?: string;
+                    'style'?: string;
+                    'path'?: string;
+                }
             ): Promise<{
                 'vapp': types.IVApp;
                 'vroot': T;
             }> {
-                return form.createPanel(cls, el, formId, taskId);
+                return form.createPanel(rootPanel, cls, opt, taskId);
             },
             create: function<T extends form.AbstractForm>(
                 cls: string | (new () => T),

package/dist/lib/tool.js

@@ -80,6 +80,9 @@ function clone(obj) {
                 }
                 newObj[i] = fd;
             }
+            else if (obj[i] === null) {
+                newObj[i] = null;
+            }
             else if (typeof obj[i] === 'object') {
                 newObj[i] = clone(obj[i]);
             }
@@ -100,6 +103,9 @@ function clone(obj) {
                 }
                 newObj[key] = fd;
             }
+            else if (obj[key] === null) {
+                newObj[key] = null;
+            }
             else if (typeof obj[key] === 'object') {
                 newObj[key] = clone(obj[key]);
             }

package/dist/lib/tool.ts

@@ -109,6 +109,9 @@ export function clone(obj: Record<string, any> | any[]): any[] | any {
                 }
                 newObj[i] = fd;
             }
+            else if (obj[i] === null) {
+                newObj[i] = null;
+            }
             else if (typeof obj[i] === 'object') {
                 newObj[i] = clone(obj[i]);
             }
@@ -129,6 +132,9 @@ export function clone(obj: Record<string, any> | any[]): any[] | any {
                 }
                 newObj[key] = fd;
             }
+            else if (obj[key] === null) {
+                newObj[key] = null;
+            }
             else if (typeof obj[key] === 'object') {
                 newObj[key] = clone(obj[key]);
             }

package/package.json

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

package/types/index.d.ts

@@ -685,6 +685,32 @@ export interface IListItemclickedEvent {
     };
 }
 
+// --- Nav Item ---
+
+export interface INavItemSelectEvent extends ICustomEvent {
+    'detail': {
+        'name': string;
+        'selected': string;
+    };
+}
+
+// --- Panel Item ---
+
+export interface IPanelGoEvent extends ICustomEvent {
+    'detail': {
+        'from': string;
+        'to': string;
+    };
+}
+
+export interface IPanelWentEvent {
+    'detail': {
+        'result': boolean;
+        'from': string;
+        'to': string;
+    };
+}
+
 // --- Select Control ---
 
 export interface ISelectAddEvent extends ICustomEvent {