clickgo 3.6.6 → 3.7.0

package/README.md

@@ -28,7 +28,7 @@ Load the module loader first, and then load it using the module loader.
 **index.html**
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.6.6'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.0/dist/loader.min.js?path=index&npm={'clickgo':'3.7.0'}"></script>
 ```
 
 **index.js**

package/dist/app/demo/config.json

@@ -131,6 +131,8 @@
         "/form/method/fs/text.xml",
         "/form/method/native/native.js",
         "/form/method/native/native.xml",
+        "/form/method/storage/storage.js",
+        "/form/method/storage/storage.xml",
         "/form/method/system/system.js",
         "/form/method/system/system.xml",
         "/form/method/task/locale1.json",

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

@@ -159,5 +159,12 @@ class default_1 extends clickgo.form.AbstractForm {
         this.flist[formId].title = value;
         this.pushConsole('formShowInSystemTaskChange', `taskId: ${taskId}, formId: ${formId}, value: ${value}`);
     }
+    onFormHashChange(taskId, formId, value) {
+        if (!this.flist[formId]) {
+            return;
+        }
+        this.pushConsole('formHashChange', `taskId: ${taskId}, formId: ${formId}, value: ${value}`);
+        return;
+    }
 }
 exports.default = default_1;

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

@@ -1,16 +1,16 @@
-<form width="450" height="550" title="About form" padding="10" direction="v">
-    <label>The form list:</label>
-    <layout align-h="center" align-v="center" style="margin-top: 10px; flex: 1; height: 0;">
-        <layout gutter="10" direction="v">
-            <layout align-v="center" v-for="(form, fid) of flist" gutter="5" @click="changeFocus(fid)" class="item" :class="{'flash': form.flash, 'focus': form.focus}">
-                <img v-if="form.icon" :src="form.icon" style="width: 16px; height: 16px;" /><label>{{form.title}}{{form.max ? ' (max)' : ''}}{{form.min ? ' (min)' : ''}}</label>
-            </layout>
-        </layout>
-    </layout>
-    <layout gutter="10" style="margin-top: 10px; height: 80px;">
-        <list :data="['formCreated', 'formRemoved', 'formTitleChanged', 'formIconChanged', 'formStateMinChanged', 'formStateMaxChanged', 'formShowChanged', 'formFocused', 'formBlurred', 'formFlash', 'formShowInSystemTaskChange']" style="width: 150px;"></list>
-        <vflow v-slot="data" :data="list" direction="v" style="color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; flex: 1; width: 0; padding: 10px;" same>
-            <label>[{{data.row.time}}] {{data.row.name}}, {{data.row.text}}.</label>
-        </vflow>
-    </layout>
+<form width="550" height="550" title="About form" padding="10" direction="v">
+    <label>The form list:</label>
+    <layout align-h="center" align-v="center" style="margin-top: 10px; flex: 1; height: 0;">
+        <layout gutter="10" direction="v">
+            <layout align-v="center" v-for="(form, fid) of flist" gutter="5" @click="changeFocus(fid)" class="item" :class="{'flash': form.flash, 'focus': form.focus}">
+                <img v-if="form.icon" :src="form.icon" style="width: 16px; height: 16px;" /><label>{{form.title}}{{form.max ? ' (max)' : ''}}{{form.min ? ' (min)' : ''}}</label>
+            </layout>
+        </layout>
+    </layout>
+    <layout gutter="10" style="margin-top: 10px; height: 120px;">
+        <list :data="['formCreated', 'formRemoved', 'formTitleChanged', 'formIconChanged', 'formStateMinChanged', 'formStateMaxChanged', 'formShowChanged', 'formFocused', 'formBlurred', 'formFlash', 'formShowInSystemTaskChange', 'formHashChange']" style="width: 150px;"></list>
+        <vflow v-slot="data" :data="list" direction="v" style="color: #FFF; background: hsl(0, 0%, 20%); line-height: 1.5; flex: 1; width: 0; padding: 10px;" same>
+            <label>[{{data.row.time}}] {{data.row.name}}, {{data.row.text}}.</label>
+        </vflow>
+    </layout>
 </form>

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

@@ -80,6 +80,7 @@ const dom_1 = __importDefault(require("./method/dom/dom"));
 const form_3 = __importDefault(require("./method/form/form"));
 const fs_1 = __importDefault(require("./method/fs/fs"));
 const native_1 = __importDefault(require("./method/native/native"));
+const storage_1 = __importDefault(require("./method/storage/storage"));
 const system_1 = __importDefault(require("./method/system/system"));
 const task_2 = __importDefault(require("./method/task/task"));
 const theme_1 = __importDefault(require("./method/theme/theme"));
@@ -289,6 +290,10 @@ class default_1 extends clickgo.form.AbstractForm {
                     frm = yield clickgo.form.create(native_1.default);
                     break;
                 }
+                case 'mstorage': {
+                    frm = yield clickgo.form.create(storage_1.default);
+                    break;
+                }
                 case 'msystem': {
                     frm = yield clickgo.form.create(system_1.default);
                     break;

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

@@ -49,6 +49,7 @@
                 <button @click="openForm('mform')">Library form</button>
                 <button @click="openForm('mfs')">Library fs</button>
                 <button @click="openForm('mnative')">Library native</button>
+                <button @click="openForm('mstorage')">Library storage</button>
                 <button @click="openForm('mtask')">Library task</button>
                 <button @click="openForm('mtheme')">Library theme</button>
                 <button @click="openForm('mtool')">Library tool</button>

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

@@ -44,6 +44,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.sendValue = 'sendValue';
         this.test = 'A';
         this.dr = '';
+        this.hash = 'testhash';
     }
     ssend() {
         this.send(parseInt(this.fid), {

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

@@ -25,6 +25,16 @@
                 <text v-model="sendValue" style="flex: 1; width: 0;"></text>
                 <button @click="ssend">send({{fid}}, { 'key': '{{sendValue}}' })</button>
             </layout>
+            <layout gutter="10">
+                <label>Now Form Hash:</label>
+                <label>{{formHash}}</label>
+            </layout>
+            <button @click="formHashBack">formHashBack()</button>
+            <layout gutter="10" align-v="center">
+                <label>Form Hash:</label>
+                <text v-model="hash" style="flex: 1; width: 0;"></text>
+            </layout>
+            <button @click="formHash = hash">formHash = '{{hash}}'</button>
             <button @click="hhide">hide() and show()</button>
             <layout gutter="10" align-v="center">
                 <button @click="sshowDialog" style="flex: 1;">showDialog()</button>

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

@@ -41,6 +41,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.type = ['primary'];
         this.progress = ['noraml'];
         this.dr = '';
+        this.hash = 'hash' + clickgo.tool.rand(0, 100).toString();
     }
     min() {
         clickgo.form.min(this.formId);
@@ -63,6 +64,21 @@ class default_1 extends clickgo.form.AbstractForm {
     get() {
         clickgo.form.dialog(JSON.stringify(clickgo.form.get(parseInt(this.fid)))).catch((e) => { throw e; });
     }
+    getHash() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(JSON.stringify(clickgo.form.getHash(parseInt(this.fid))));
+        });
+    }
+    hashBack() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(JSON.stringify(clickgo.form.hashBack(parseInt(this.fid))));
+        });
+    }
+    tohash() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(JSON.stringify(clickgo.form.hash(this.hash, parseInt(this.fid))));
+        });
+    }
     getActivePanel() {
         return __awaiter(this, void 0, void 0, function* () {
             yield clickgo.form.dialog(JSON.stringify(clickgo.form.getActivePanel(parseInt(this.fid))));

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

@@ -2,51 +2,62 @@
     <flow direction="v" style="flex: 1; padding: 10px;">
         <layout gutter="10" direction="v" style="flex: 1;">
             <label>This form id: {{formId}}</label>
-            <button @click="min" style="height: 30px;">min({{formId}})</button>
-            <button @click="max" style="height: 30px;">max({{formId}})</button>
-            <button @click="close" style="height: 30px;">close({{formId}})</button>
+            <button @click="min">min({{formId}})</button>
+            <button @click="max">max({{formId}})</button>
+            <button @click="close">close({{formId}})</button>
             <label @mousedown="bindResize" @touchstart="bindResize" style="padding: 20px; background: rgba(0, 0, 0, .1); cursor: se-resize;">bindResize(e, 'rb')</label>
             <label @mousedown="bindDrag" @touchstart="bindDrag" style="padding: 20px; background: rgba(0, 0, 0, .1); cursor: move;">bindDrag(e)</label>
             <layout gutter="10" align-v="center">
                 <label>Form ID:</label>
-                <text v-model="fid" style="flex: 1; width: 0; height: 30px;"></text>
+                <text v-model="fid" style="flex: 1; width: 0;"></text>
             </layout>
-            <button @click="getTaskId" style="height: 30px;">getTaskId({{fid}})</button>
-            <button @click="get" style="height: 30px;">get({{fid}})</button>
-            <button @click="getActivePanel" style="height: 30px;">getActivePanel({{fid}})</button>
+            <button @click="getTaskId">getTaskId({{fid}})</button>
+            <button @click="get">get({{fid}})</button>
+            <layout gutter="10">
+                <label>Now Form Hash:</label>
+                <label>{{formHash}}</label>
+            </layout>
+            <button @click="getHash">getHash({{fid}})</button>
+            <button @click="hashBack">hashBack({{fid}})</button>
+            <layout gutter="10" align-v="center">
+                <label>Form Hash:</label>
+                <text v-model="hash" style="flex: 1; width: 0;"></text>
+            </layout>
+            <button @click="tohash">hash('{{hash}}', {{fid}})</button>
+            <button @click="getActivePanel">getActivePanel({{fid}})</button>
             <layout gutter="10" align-v="center">
                 <label>Task ID:</label>
-                <text v-model="tid" style="flex: 1; width: 0; height: 30px;"></text>
-                <button @click="getList" style="padding: 0 10px;">getList({{tid}})</button>
+                <text v-model="tid" style="flex: 1; width: 0;"></text>
+                <button @click="getList">getList({{tid}})</button>
             </layout>
-            <button @click="getFocus" style="height: 30px;">getFocus()</button>
-            <button @click="changeFocus" style="height: 30px;">changeFocus({{fid}})</button>
-            <button @click="getMaxZIndexID" style="height: 30px;">getMaxZIndexID()</button>
-            <button @click="getRectByBorder" style="height: 30px;">getRectByBorder('rb')</button>
-            <button @click="showCircular" style="height: 30px;">showCircular(x, y)</button>
-            <button @click="showRectangle" style="height: 30px;">showRectangle(x, y, 'rb')</button>
-            <button @click="showDrag" ref="showDrag" style="height: 30px;">showDrag()</button>
+            <button @click="getFocus">getFocus()</button>
+            <button @click="changeFocus">changeFocus({{fid}})</button>
+            <button @click="getMaxZIndexID">getMaxZIndexID()</button>
+            <button @click="getRectByBorder">getRectByBorder('rb')</button>
+            <button @click="showCircular">showCircular(x, y)</button>
+            <button @click="showRectangle">showRectangle(x, y, 'rb')</button>
+            <button @click="showDrag" ref="showDrag">showDrag()</button>
             <layout gutter="10">
                 <select v-model="type" :data="['primary', 'info', 'warning', 'danger']"></select>
                 <select v-model="progress" :data="['normal', 'progress + icon']" style="flex: 1; width: 0;"></select>
                 <button @click="notify" style="padding: 0 10px;">notify({ ... })</button>
             </layout>
-            <button @click="showPop" style="height: 30px;">showPop(e.currentTarget, this.refs.pop)</button>
+            <button @click="showPop">showPop(e.currentTarget, this.refs.pop)</button>
             <teleport to="system">
                 <block ref="pop" style="border: solid 1px #000; background: #FFF; width: 200px; height: 100px; display: flex; justify-content: center; align-items: center;">refs.pop</block>
             </teleport>
-            <button @click="create" style="height: 30px;">create('test', undefined, { 'path': this.filename })</button>
+            <button @click="create">create('test', undefined, { 'path': this.filename })</button>
             <label>Dialog result: {{dr}}.</label>
-            <button @click="dialog" style="height: 30px;">dialog('Hello world!')</button>
+            <button @click="dialog">dialog('Hello world!')</button>
             <button @click="dialogLong">dialog('long...')</button>
-            <button @click="dialogTitle" style="height: 30px;">dialog({'title':'Title','content':'Hello world!'})</button>
-            <button @click="dialogButtons" style="height: 30px;">dialog({'content':'Hello world!','buttons':['A','B','C']})</button>
-            <button @click="dialogCannot" style="height: 30px;">Dialog can not be close</button>
-            <button @click="dialogData" style="height: 30px;">Dialog data</button>
-            <button @click="confirm(false)" style="height: 30px;">confirm('confirm')</button>
-            <button @click="confirm(true)" style="height: 30px;">confirm({'content':'confirm','cancel':true})</button>
-            <button @click="flash" style="height: 30px;">flash({{formId}})</button>
-            <button @click="showLauncher" style="height: 30px;">showLauncher()</button>
+            <button @click="dialogTitle">dialog({'title':'Title','content':'Hello world!'})</button>
+            <button @click="dialogButtons">dialog({'content':'Hello world!','buttons':['A','B','C']})</button>
+            <button @click="dialogCannot">Dialog can not be close</button>
+            <button @click="dialogData">Dialog data</button>
+            <button @click="confirm(false)">confirm('confirm')</button>
+            <button @click="confirm(true)">confirm({'content':'confirm','cancel':true})</button>
+            <button @click="flash">flash({{formId}})</button>
+            <button @click="showLauncher">showLauncher()</button>
         </layout>
     </flow>
 </form>

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

@@ -0,0 +1,85 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clickgo = __importStar(require("clickgo"));
+class default_1 extends clickgo.form.AbstractForm {
+    constructor() {
+        super(...arguments);
+        this.key = 'test';
+        this.val = 'val';
+        this.list = [];
+        this.ppath = '';
+    }
+    get() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog((_a = clickgo.storage.get(this.key)) !== null && _a !== void 0 ? _a : 'null');
+        });
+    }
+    set() {
+        return __awaiter(this, void 0, void 0, function* () {
+            clickgo.storage.set(this.key, this.val);
+            yield clickgo.form.dialog('done');
+        });
+    }
+    remove() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog(clickgo.storage.remove(this.key) ? 'true' : 'false');
+        });
+    }
+    getlist() {
+        this.list.length = 0;
+        const obj = clickgo.storage.list();
+        for (const key in obj) {
+            this.list.push(key + ': ' + obj[key].toString() + ' Bytes');
+        }
+    }
+    all() {
+        this.list.length = 0;
+        this.ppath = '';
+        const obj = clickgo.storage.all();
+        for (const key in obj) {
+            if (!this.ppath) {
+                this.ppath = key;
+            }
+            this.list.push(key + ': ' + obj[key].toString() + ' Bytes');
+        }
+    }
+    clear() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield clickgo.form.dialog('Removed ' + (yield clickgo.storage.clear(this.ppath)).toString() + ' items.');
+        });
+    }
+}
+exports.default = default_1;

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

@@ -0,0 +1,18 @@
+<form width="300" height="450" title="Library storage" padding="10">
+    <layout gutter="10" direction="v" style="flex: 1;">
+        <layout gutter="10">
+            <text style="flex: 1;" v-model="key"></text>
+            <button @click="get">get('{{key}}')</button>
+        </layout>
+        <layout gutter="10">
+            <text style="flex: 1;" v-model="val"></text>
+            <button @click="set">set('{{key}}')</button>
+        </layout>
+        <button @click="remove">remove('{{key}}')</button>
+        <button @click="getlist">list()</button>
+        <button @click="all">all()</button>
+        <list :data="list" style="flex: 1;" />
+        <text v-model="ppath"></text>
+        <button @click="clear">clear('{{ppath}}')</button>
+    </layout>
+</form>

package/dist/clickgo.js

@@ -23,8 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.zip = exports.tool = exports.theme = exports.task = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.vue = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = void 0;
-const version = '3.6.6';
+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.7.0';
 function getVersion() {
     return version;
 }
@@ -64,6 +64,7 @@ exports.dom = __importStar(require("./lib/dom"));
 exports.form = __importStar(require("./lib/form"));
 exports.fs = __importStar(require("./lib/fs"));
 exports.native = __importStar(require("./lib/native"));
+exports.storage = __importStar(require("./lib/storage"));
 exports.task = __importStar(require("./lib/task"));
 exports.theme = __importStar(require("./lib/theme"));
 exports.tool = __importStar(require("./lib/tool"));

package/dist/clickgo.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const version = '3.6.6';
+const version = '3.7.0';
 export function getVersion(): string {
     return version;
 }
@@ -61,6 +61,7 @@ export * as dom from './lib/dom';
 export * as form from './lib/form';
 export * as fs from './lib/fs';
 export * as native from './lib/native';
+export * as storage from './lib/storage';
 export * as task from './lib/task';
 export * as theme from './lib/theme';
 export * as tool from './lib/tool';

package/dist/global.css

@@ -1 +1 @@
-#cg-wrap{position:fixed;left:0;top:0;--g-padding:7px;--g-margin:2px;--g-radius:0;--cg:hsl(20, 100%, 65%);--success:hsl(150, 100%, 40%);--success-hover:hsl(150, 100%, 45%);--success-active:hsl(150, 100%, 30%);--success-focus:hsl(150, 100%, 35%);--success-disabled:hsl(150, 0%, 40%);--info:hsl(210, 100%, 50%);--info-hover:hsl(210, 100%, 60%);--info-active:hsl(210, 100%, 40%);--info-focus:hsl(210, 100%, 45%);--info-disabled:hsl(210, 0%, 50%);--warning:hsl(20, 100%, 70%);--warning-hover:hsl(20, 100%, 80%);--warning-active:hsl(20, 100%, 60%);--warning-focus:hsl(20, 100%, 65%);--warning-disabled:hsl(20, 0%, 70%);--danger:hsl(350, 100%, 50%);--danger-hover:hsl(350, 100%, 70%);--danger-active:hsl(350, 100%, 40%);--danger-focus:hsl(350, 100%, 45%);--danger-disabled:hsl(350, 0%, 50%);--system-color:hsl(0, 0%, 95%);--system-background:hsla(0, 0%, 0%, .35);--system-control-background:hsla(0, 0%, 100%, .03);--system-background-hover:hsla(0, 0%, 100%, .06);--system-background-active:hsla(0, 0%, 100%, .1);--system-border-color:hsla(0, 0%, 100%, .03);--system-border-color-hover:hsla(0, 0%, 100%, .06);--system-placeholder-color: hsla(0, 0%, 100%, .2);--face:hsl(0, 0%, 95%);--g-color:hsl(0, 0%, 20%);--g-color-hover:hsl(0, 0%, 30%);--g-color-active:hsl(0, 0%, 10%);--g-color-focus:hsl(0, 0%, 15%);--g-color-disabled:hsl(0, 0%, 60%);--g-background:hsl(0, 0%, 95%);--g-background-hover:hsl(0, 0%, 100%);--g-background-active:hsl(0, 0%, 85%);--g-background-kp:hsl(0, 0%, 80%);--g-background-opacity:hsl(0, 0%, 50%, .2);--g-background-focus:hsl(0, 0%, 97.5%);--g-background-disabled:hsl(0, 0%, 75%);--g-border-color:hsl(0, 0%, 40%);--g-border-color-hover:hsl(0, 0%, 50%);--g-border-color-active:hsl(0, 0%, 30%);--g-border-color-focus:hsl(0, 0%, 35%);--g-border-color-disabled:hsl(0, 0%, 60%);--g-focusbox-border-color:var(--g-plain-border-color);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:hsl(0, 0%, 100%);--g-plain-background-hover:hsl(0, 0%, 98%);--g-plain-background-active:hsl(0, 0%, 95%);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:hsl(0, 0%, 95%);--g-plain-border-color:hsl(0, 0%, 70%);--g-plain-border-color-hover:hsl(0, 0%, 80%);--g-plain-border-color-active:hsl(0, 0%, 60%);--g-plain-border-color-focus:hsl(0, 0%, 65%);--g-plain-border-color-disabled:hsl(0, 0%, 60%)}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.25);background:rgba(255,255,255,.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:absolute;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-gesture.ani{transition:all .1s ease-out;transition-property:left,top,transform}#cg-drag{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;pointer-events:none;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);opacity:0;display:flex;justify-content:center;align-items:center}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(50px) saturate(1.5);backdrop-filter:blur(50px) saturate(1.5);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .1s linear;transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;appearance:none;padding:15px;border:solid 1px rgba(0,0,0,0);background:var(--system-control-background);width:60%;border-radius:5px;color:var(--system-color);transition:all .1s ease-out}.cg-launcher-sinput::placeholder{color:var(--system-placeholder-color)}.cg-launcher-sinput::selection{background-color:var(--system-background-hover)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-border-color-hover)}.cg-launcher-foldername{-webkit-appearance:none;appearance:none;height:50px;font-size:28px !important;border:none;background:rgba(0,0,0,0);width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-background-hover)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:13px;font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .1s linear;transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .1s linear;transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .1s linear}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:absolute;box-shadow:0px 5px 20px rgba(0,0,0,.25);transition:.1s ease-out;transition-property:transform,opacity;transform:translateY(-10px);opacity:0}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-notify{z-index:20020005}.cg-notify-wrap{background:var(--system-background);position:fixed;padding:15px;border-radius:5px;right:0;top:0;width:280px;font-size:14px;display:flex;transition:.1s ease-out;transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0 5px 20px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(50px) saturate(1.5);backdrop-filter:blur(50px) saturate(1.5)}.cg-notify-icon{margin-right:10px;width:16px;height:16px;border-radius:50%}.cg-notify-icon.cg-primary{background:var(--success)}.cg-notify-icon.cg-info{background:var(--info)}.cg-notify-icon.cg-warning{background:var(--warning)}.cg-notify-icon.cg-danger{background:var(--danger)}.cg-notify-icon.cg-progress{background:var(--cg)}.cg-notify-title{font-size:16px;font-weight:bold;padding-bottom:10px}.cg-notify-content{line-height:1.5;word-break:break-word}.cg-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(50px) saturate(1.5);backdrop-filter:blur(50px) saturate(1.5);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .1s ease-out;overflow-x:auto;position:fixed}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:rgba(0,0,0,.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:rgba(0,0,0,.1)}.cg-simpletask-item:active{background:rgba(0,0,0,.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}#cg-confirm{z-index:20020006;position:fixed;left:0;top:0;width:100%;height:100%;background:var(--system-background);-webkit-backdrop-filter:blur(50px) saturate(1.5);backdrop-filter:blur(50px) saturate(1.5);justify-content:center;align-items:center}#cg-confirm .cg-confirm-box{background:var(--system-background);width:60%;box-shadow:0 5px 20px rgba(0,0,0,.25);font-size:14px;border-radius:3px;overflow:hidden;color:var(--system-color)}#cg-confirm .cg-confirm-box #cg-confirm-content{padding:25px;line-height:1.5}#cg-confirm .cg-confirm-box .cg-confirm-controls{border-top:solid .5px var(--system-border-color);display:flex}#cg-confirm .cg-confirm-box .cg-confirm-controls>div{padding:20px;flex:1;text-align:center}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:last-child{border-left:solid .5px var(--system-border-color)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:hover{background:var(--system-background-hover)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:active{background:var(--system-background-active)}
+#cg-wrap{position:fixed;left:0;top:0;--g-padding:7px;--g-margin:2px;--g-radius:0;--cg:hsl(20, 100%, 65%);--success:hsl(150, 100%, 40%);--success-hover:hsl(150, 100%, 45%);--success-active:hsl(150, 100%, 30%);--success-focus:hsl(150, 100%, 35%);--success-disabled:hsl(150, 0%, 40%);--info:hsl(210, 100%, 50%);--info-hover:hsl(210, 100%, 60%);--info-active:hsl(210, 100%, 40%);--info-focus:hsl(210, 100%, 45%);--info-disabled:hsl(210, 0%, 50%);--warning:hsl(20, 100%, 70%);--warning-hover:hsl(20, 100%, 80%);--warning-active:hsl(20, 100%, 60%);--warning-focus:hsl(20, 100%, 65%);--warning-disabled:hsl(20, 0%, 70%);--danger:hsl(350, 100%, 50%);--danger-hover:hsl(350, 100%, 70%);--danger-active:hsl(350, 100%, 40%);--danger-focus:hsl(350, 100%, 45%);--danger-disabled:hsl(350, 0%, 50%);--system-color:hsl(0, 0%, 95%);--system-background:hsla(0, 0%, 0%, .35);--system-control-background:hsla(0, 0%, 100%, .03);--system-background-hover:hsla(0, 0%, 100%, .06);--system-background-active:hsla(0, 0%, 100%, .1);--system-border-color:hsla(0, 0%, 100%, .03);--system-border-color-hover:hsla(0, 0%, 100%, .06);--system-placeholder-color: hsla(0, 0%, 100%, .2);--face:hsl(0, 0%, 95%);--g-color:hsl(0, 0%, 20%);--g-color-hover:hsl(0, 0%, 30%);--g-color-active:hsl(0, 0%, 10%);--g-color-focus:hsl(0, 0%, 15%);--g-color-disabled:hsl(0, 0%, 60%);--g-background:hsl(0, 0%, 95%);--g-background-hover:hsl(0, 0%, 100%);--g-background-active:hsl(0, 0%, 85%);--g-background-kp:hsl(0, 0%, 80%);--g-background-opacity:hsl(0, 0%, 50%, .2);--g-background-focus:hsl(0, 0%, 97.5%);--g-background-disabled:hsl(0, 0%, 75%);--g-border-color:hsl(0, 0%, 40%);--g-border-color-hover:hsl(0, 0%, 50%);--g-border-color-active:hsl(0, 0%, 30%);--g-border-color-focus:hsl(0, 0%, 35%);--g-border-color-disabled:hsl(0, 0%, 60%);--g-focusbox-border-color:var(--g-plain-border-color);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:hsl(0, 0%, 100%);--g-plain-background-hover:hsl(0, 0%, 98%);--g-plain-background-active:hsl(0, 0%, 95%);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:hsl(0, 0%, 95%);--g-plain-border-color:hsl(0, 0%, 70%);--g-plain-border-color-hover:hsl(0, 0%, 80%);--g-plain-border-color-active:hsl(0, 0%, 60%);--g-plain-border-color-focus:hsl(0, 0%, 65%);--g-plain-border-color-disabled:hsl(0, 0%, 60%)}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.25);background:rgba(255,255,255,.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:absolute;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-gesture.ani{transition:all .1s ease-out;transition-property:left,top,transform}#cg-drag{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;pointer-events:none;background:var(--system-background);box-shadow:0 5px 20px rgba(0,0,0,.25);opacity:0;display:flex;justify-content:center;align-items:center}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(50px) saturate(1.5);backdrop-filter:blur(50px) saturate(1.5);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .1s linear;transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;appearance:none;padding:15px;border:solid 1px rgba(0,0,0,0);background:var(--system-control-background);width:60%;border-radius:5px;color:var(--system-color);transition:all .1s ease-out}.cg-launcher-sinput::placeholder{color:var(--system-placeholder-color)}.cg-launcher-sinput::selection{background-color:var(--system-background-hover)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-border-color-hover)}.cg-launcher-foldername{-webkit-appearance:none;appearance:none;height:50px;font-size:28px !important;border:none;background:rgba(0,0,0,0);width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-background-hover)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:13px;font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .1s linear;transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .1s linear;transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .1s linear}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:absolute;box-shadow:0px 5px 20px rgba(0,0,0,.25);transition:.1s ease-out;transition-property:transform,opacity;transform:translateY(-10px);opacity:0}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-notify{z-index:20020005}.cg-notify-wrap{background:var(--system-background);position:fixed;padding:15px;border-radius:5px;right:0;top:0;width:280px;font-size:14px;display:flex;transition:.1s ease-out;transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0 5px 20px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(50px) saturate(1.5);backdrop-filter:blur(50px) saturate(1.5)}.cg-notify-icon{margin-right:10px;width:16px;height:16px;border-radius:50%}.cg-notify-icon.cg-primary{background:var(--success)}.cg-notify-icon.cg-info{background:var(--info)}.cg-notify-icon.cg-warning{background:var(--warning)}.cg-notify-icon.cg-danger{background:var(--danger)}.cg-notify-icon.cg-progress{background:var(--cg)}.cg-notify-title{font-size:16px;font-weight:bold;padding-bottom:10px}.cg-notify-content{line-height:1.5;word-break:break-word}.cg-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(50px) saturate(1.5);backdrop-filter:blur(50px) saturate(1.5);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .1s ease-out;overflow-x:auto;position:fixed}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:rgba(0,0,0,.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:rgba(0,0,0,.1)}.cg-simpletask-item:active{background:rgba(0,0,0,.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}#cg-confirm{z-index:20020006;position:fixed;left:0;top:0;width:100%;height:100%;background:var(--system-background);-webkit-backdrop-filter:blur(150px) saturate(1.5);backdrop-filter:blur(150px) saturate(1.5);justify-content:center;align-items:center}#cg-confirm .cg-confirm-box{background:var(--system-background);width:60%;box-shadow:0 5px 20px rgba(0,0,0,.25);font-size:14px;border-radius:3px;overflow:hidden;color:var(--system-color)}#cg-confirm .cg-confirm-box #cg-confirm-content{padding:25px;line-height:1.5}#cg-confirm .cg-confirm-box .cg-confirm-controls{border-top:solid .5px var(--system-border-color);display:flex}#cg-confirm .cg-confirm-box .cg-confirm-controls>div{padding:20px;flex:1;text-align:center}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:last-child{border-left:solid .5px var(--system-border-color)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:hover{background:var(--system-background-hover)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:active{background:var(--system-background-active)}

package/dist/index.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.launcher = exports.AbstractBoot = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = exports.vue = exports.zip = exports.tool = exports.theme = exports.task = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.clickgo = void 0;
+exports.launcher = exports.AbstractBoot = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = exports.vue = exports.zip = exports.tool = exports.theme = exports.task = exports.storage = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.clickgo = void 0;
 function getVersion() {
     return exports.clickgo.getVersion();
 }
@@ -73,6 +73,9 @@ class AbstractBoot {
     onFormShowInSystemTaskChange() {
         return;
     }
+    onFormHashChange() {
+        return;
+    }
     onTaskStarted() {
         return;
     }

package/dist/index.ts

@@ -9,6 +9,7 @@ export let dom: typeof import('./lib/dom');
 export let form: typeof import('./lib/form');
 export let fs: typeof import('./lib/fs');
 export let native: typeof import('./lib/native');
+export let storage: typeof import('./lib/storage');
 export let task: typeof import('./lib/task');
 export let theme: typeof import('./lib/theme');
 export let tool: typeof import('./lib/tool');
@@ -127,6 +128,12 @@ export abstract class AbstractBoot {
         return;
     }
 
+    /** --- 窗体的 formHash 改变事件 --- */
+    public onFormHashChange(taskId: number, formId: number, value: string): void | Promise<void>;
+    public onFormHashChange(): void {
+        return;
+    }
+
     /** --- 任务开始事件 --- */
     public onTaskStarted(taskId: number): void | Promise<void>;
     public onTaskStarted(): void | Promise<void> {

package/dist/lib/core.js

@@ -118,6 +118,9 @@ class AbstractApp {
     onFormShowInSystemTaskChange() {
         return;
     }
+    onFormHashChange() {
+        return;
+    }
     onTaskStarted() {
         return;
     }
@@ -342,7 +345,7 @@ const globalEvents = {
     }
 };
 function trigger(name, taskId = 0, formId = 0, param1 = '', param2 = '', param3 = true) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25;
     const eventName = 'on' + name[0].toUpperCase() + name.slice(1);
     switch (name) {
         case 'error': {
@@ -451,15 +454,27 @@ function trigger(name, taskId = 0, formId = 0, param1 = '', param2 = '', param3
             }
             break;
         }
+        case 'formHashChange': {
+            (_11 = (_10 = globalEvents)[name]) === null || _11 === void 0 ? void 0 : _11.call(_10, taskId, formId, param1);
+            exports.boot === null || exports.boot === void 0 ? void 0 : exports.boot[eventName](taskId, formId, param1);
+            for (const tid in task.list) {
+                const t = task.list[tid];
+                (_12 = t.class) === null || _12 === void 0 ? void 0 : _12[eventName](taskId, formId, param1);
+                for (const fid in t.forms) {
+                    (_14 = (_13 = t.forms[fid].vroot)[eventName]) === null || _14 === void 0 ? void 0 : _14.call(_13, taskId, formId, param1);
+                }
+            }
+            break;
+        }
         case 'taskStarted':
         case 'taskEnded': {
-            (_11 = (_10 = globalEvents)[name]) === null || _11 === void 0 ? void 0 : _11.call(_10, taskId, formId);
+            (_16 = (_15 = globalEvents)[name]) === null || _16 === void 0 ? void 0 : _16.call(_15, taskId, formId);
             exports.boot === null || exports.boot === void 0 ? void 0 : exports.boot[eventName](taskId, formId);
             for (const tid in task.list) {
                 const t = task.list[tid];
-                (_12 = t.class) === null || _12 === void 0 ? void 0 : _12[eventName](taskId);
+                (_17 = t.class) === null || _17 === void 0 ? void 0 : _17[eventName](taskId);
                 for (const fid in t.forms) {
-                    (_14 = (_13 = t.forms[fid].vroot)[eventName]) === null || _14 === void 0 ? void 0 : _14.call(_13, taskId);
+                    (_19 = (_18 = t.forms[fid].vroot)[eventName]) === null || _19 === void 0 ? void 0 : _19.call(_18, taskId);
                 }
             }
             break;
@@ -474,9 +489,9 @@ function trigger(name, taskId = 0, formId = 0, param1 = '', param2 = '', param3
             exports.boot === null || exports.boot === void 0 ? void 0 : exports.boot[eventName](taskId, formId);
             for (const tid in task.list) {
                 const t = task.list[tid];
-                (_15 = t.class) === null || _15 === void 0 ? void 0 : _15[eventName](taskId, formId);
+                (_20 = t.class) === null || _20 === void 0 ? void 0 : _20[eventName](taskId, formId);
                 for (const fid in t.forms) {
-                    (_17 = (_16 = t.forms[fid].vroot)[eventName]) === null || _17 === void 0 ? void 0 : _17.call(_16, taskId, formId);
+                    (_22 = (_21 = t.forms[fid].vroot)[eventName]) === null || _22 === void 0 ? void 0 : _22.call(_21, taskId, formId);
                 }
             }
             break;
@@ -488,9 +503,9 @@ function trigger(name, taskId = 0, formId = 0, param1 = '', param2 = '', param3
             exports.boot === null || exports.boot === void 0 ? void 0 : exports.boot[eventName](taskId);
             for (const tid in task.list) {
                 const t = task.list[tid];
-                (_18 = t.class) === null || _18 === void 0 ? void 0 : _18[eventName](taskId);
+                (_23 = t.class) === null || _23 === void 0 ? void 0 : _23[eventName](taskId);
                 for (const fid in t.forms) {
-                    (_20 = (_19 = t.forms[fid].vroot)[eventName]) === null || _20 === void 0 ? void 0 : _20.call(_19, taskId);
+                    (_25 = (_24 = t.forms[fid].vroot)[eventName]) === null || _25 === void 0 ? void 0 : _25.call(_24, taskId);
                 }
             }
             break;

package/dist/lib/core.ts

@@ -163,6 +163,12 @@ export abstract class AbstractApp {
         return;
     }
 
+    /** --- 窗体的 formHash 改变事件 --- */
+    public onFormHashChange(taskId: number, formId: number, value: string): void | Promise<void>;
+    public onFormHashChange(): void {
+        return;
+    }
+
     /** --- 任务开始事件 --- */
     public onTaskStarted(taskId: number): void | Promise<void>;
     public onTaskStarted(): void | Promise<void> {
@@ -533,6 +539,18 @@ export function trigger(name: types.TGlobalEvent, taskId: number | string | bool
             }
             break;
         }
+        case 'formHashChange': {
+            (globalEvents as any)[name]?.(taskId, formId, param1);
+            (boot as any)?.[eventName](taskId, formId, param1);
+            for (const tid in task.list) {
+                const t = task.list[tid];
+                (t.class as any)?.[eventName](taskId, formId, param1);
+                for (const fid in t.forms) {
+                    t.forms[fid].vroot[eventName]?.(taskId, formId, param1);
+                }
+            }
+            break;
+        }
         case 'taskStarted':
         case 'taskEnded': {
             (globalEvents as any)[name]?.(taskId, formId);