@ibiz-template/vue3-util 0.2.18-dev.2 → 0.3.0

package/es/panel-component/panel-field/panel-field.controller.d.ts

@@ -71,5 +71,23 @@ export declare class PanelFieldController extends PanelItemController<IPanelFiel
      * @param {string} name 要设置的面板数据的属性名称
      */
     setDataValue(value: unknown, name?: string): Promise<void>;
+    /**
+     * 聚焦事件
+     * @author lxm
+     * @date 2023-10-11 05:03:26
+     */
+    onFocus(event: MouseEvent): void;
+    /**
+     * 失焦事件
+     * @author lxm
+     * @date 2023-10-11 05:03:26
+     */
+    onBlur(event: MouseEvent): void;
+    /**
+     * 回车事件
+     * @author lxm
+     * @date 2023-10-11 05:03:26
+     */
+    onEnter(event: MouseEvent): void;
 }
 //# sourceMappingURL=panel-field.controller.d.ts.map

package/es/panel-component/panel-field/panel-field.controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-field.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/panel-field.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;;;GAMG;AACH,qBAAa,oBACX,SAAQ,mBAAmB,CAAC,WAAW,CACvC,YAAW,0BAA0B;IAE7B,KAAK,EAAE,eAAe,CAAC;IAE/B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzC;;;;;;OAMG;IACH,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAED,IAAI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IAED,IAAI,OAAO,IAAI,QAAQ,CAEtB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED;;;;;;OAMG;IACH,IAAI,IAAI,IAAI,KAAK,CAEhB;IAED;;;;;OAKG;IACH,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,CAE3B;IAED;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,eAAe,CAAC;IAEjC,SAAS,CAAC,WAAW,IAAI,eAAe;IAIxC;;;;;;;OAOG;cACa,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAgBvC;;;;;;;OAOG;IACG,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAOjE"}
+{"version":3,"file":"panel-field.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/panel-field.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;;;GAMG;AACH,qBAAa,oBACX,SAAQ,mBAAmB,CAAC,WAAW,CACvC,YAAW,0BAA0B;IAE7B,KAAK,EAAE,eAAe,CAAC;IAE/B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzC;;;;;;OAMG;IACH,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAED,IAAI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IAED,IAAI,OAAO,IAAI,QAAQ,CAEtB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED;;;;;;OAMG;IACH,IAAI,IAAI,IAAI,KAAK,CAEhB;IAED;;;;;OAKG;IACH,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,CAE3B;IAED;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,eAAe,CAAC;IAEjC,SAAS,CAAC,WAAW,IAAI,eAAe;IAIxC;;;;;;;OAOG;cACa,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAgBvC;;;;;;;OAOG;IACG,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAYhE;;;;OAIG;IACH,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAQhC;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAQ/B;;;;OAIG;IACH,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAOjC"}

package/es/panel-component/panel-field/panel-field.controller.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController, getEditorProvider } from '@ibiz-template/runtime';
+import { PanelItemController, getEditorProvider, PanelItemEventName } from '@ibiz-template/runtime';
 import { PanelFieldState } from './panel-field.state.mjs';
 
 "use strict";
@@ -84,6 +84,46 @@ class PanelFieldController extends PanelItemController {
     if (this.dataParent.setDataValue) {
       await this.dataParent.setDataValue(name, value);
     }
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: PanelItemEventName.CHANGE
+    });
+  }
+  /**
+   * 聚焦事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onFocus(event) {
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: PanelItemEventName.FOCUS,
+      event
+    });
+  }
+  /**
+   * 失焦事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onBlur(event) {
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: PanelItemEventName.BLUR,
+      event
+    });
+  }
+  /**
+   * 回车事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onEnter(event) {
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: PanelItemEventName.ENTER,
+      event
+    });
   }
 }
 

package/es/panel-component/panel-field/panel-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-field.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/panel-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAA6B,QAAQ,EAAuB,MAAM,KAAK,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,UAAU;;;;;;;;;;;;yBAuBS,OAAO,SAAS,MAAM,KAAG,IAAI;;;;;;;;;;YAgD3D,CAAC"}
+{"version":3,"file":"panel-field.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-field/panel-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAA6B,QAAQ,EAAuB,MAAM,KAAK,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,UAAU;;;;;;;;;;;;yBAuBS,OAAO,SAAS,MAAM,KAAG,IAAI;;;;;;;;;;YAmD3D,CAAC"}

package/es/panel-component/panel-field/panel-field.mjs

@@ -46,7 +46,10 @@ const PanelField = /* @__PURE__ */ defineComponent({
         disabled: this.controller.state.disabled,
         class: this.ns.b("content"),
         readonly: this.controller.model.editor.readOnly,
-        onChange: this.onValueChange
+        onChange: this.onValueChange,
+        onFocus: (event) => this.controller.onFocus(event),
+        onBlur: (event) => this.controller.onBlur(event),
+        onEnter: (event) => this.controller.onEnter(event)
       };
       if (this.$slots.default) {
         editor = this.$slots.default(editorProps);

package/es/props/editor/common.d.ts

@@ -29,7 +29,7 @@ export declare function getEditorProps<C>(): {
  * 获取编辑器通用emits
  *
  * @author lxm
- * @date 2022-11-01 19:11:04
+ * @date 2022-11-03 19:11:04
  * @export
  * @template V
  * @returns {*}
@@ -38,9 +38,11 @@ export declare function getEditorEmits<V>(): {
     /** 值变更事件 */
     change: (_value: V, _name?: string) => boolean;
     /** 失焦事件 */
-    blur: () => boolean;
+    blur: (_event?: IData) => boolean;
     /** 聚焦事件 */
-    focus: () => boolean;
+    focus: (_event?: IData) => boolean;
+    /** 回车事件 */
+    enter: (_event?: IData) => boolean;
 };
 /**
  * 获取表格列编辑器通用emits

package/es/props/editor/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/props/editor/common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;EAiB/B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;IAE5B,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,WAAW;;IAEX,WAAW;;EAGd;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,CAAC;IAEhC,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,eAAe;;EAGlB;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB;;;;EAMvC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/props/editor/common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;EAiB/B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;IAE5B,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,WAAW;oBACK,KAAK;IACrB,WAAW;qBACM,KAAK;IACtB,WAAW;qBACM,KAAK;EAEzB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,CAAC;IAEhC,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,eAAe;;EAGlB;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB;;;;EAMvC"}

package/es/props/editor/common.mjs

@@ -24,9 +24,11 @@ function getEditorEmits() {
     /** 值变更事件 */
     change: (_value, _name) => true,
     /** 失焦事件 */
-    blur: () => true,
+    blur: (_event) => true,
     /** 聚焦事件 */
-    focus: () => true
+    focus: (_event) => true,
+    /** 回车事件 */
+    enter: (_event) => true
   };
 }
 function getGridEditorEmits() {

package/es/util/store/app-store/app-store.d.ts

@@ -1,10 +1,89 @@
+import { IPortalAsyncAction } from '@ibiz-template/core';
+import { Ref } from 'vue';
 export interface IAppStore {
+    allAsyncActions: Ref<IPortalAsyncAction[]>;
+    recentAsyncActions: IPortalAsyncAction[];
 }
 export declare const useAppStore: import("pinia").StoreDefinition<"appStore", import("pinia")._UnwrapAll<Pick<{
-    appStore: IAppStore;
+    appStore: {
+        allAsyncActions: IPortalAsyncAction[];
+        recentAsyncActions: {
+            asyncacitonid: string;
+            asyncacitonname: string;
+            fulltopictag: string;
+            srfdcid: string;
+            dcsystemid: string;
+            actiontype: string;
+            actionstate: 10 | 20 | 30 | 40;
+            actionresult?: unknown;
+            stepinfo?: string | undefined;
+            completionrate?: number | undefined;
+            asyncresultdownloadurl?: string | undefined;
+            actionparam?: unknown;
+            actionparam2?: unknown;
+            actionparam3?: unknown;
+            actionparam4?: unknown;
+            begintime: string;
+            endtime: string;
+            createman: string;
+            createdate: string;
+            updateman: string;
+            updatedate: string;
+        }[];
+    };
 }, "appStore">>, Pick<{
-    appStore: IAppStore;
+    appStore: {
+        allAsyncActions: IPortalAsyncAction[];
+        recentAsyncActions: {
+            asyncacitonid: string;
+            asyncacitonname: string;
+            fulltopictag: string;
+            srfdcid: string;
+            dcsystemid: string;
+            actiontype: string;
+            actionstate: 10 | 20 | 30 | 40;
+            actionresult?: unknown;
+            stepinfo?: string | undefined;
+            completionrate?: number | undefined;
+            asyncresultdownloadurl?: string | undefined;
+            actionparam?: unknown;
+            actionparam2?: unknown;
+            actionparam3?: unknown;
+            actionparam4?: unknown;
+            begintime: string;
+            endtime: string;
+            createman: string;
+            createdate: string;
+            updateman: string;
+            updatedate: string;
+        }[];
+    };
 }, never>, Pick<{
-    appStore: IAppStore;
+    appStore: {
+        allAsyncActions: IPortalAsyncAction[];
+        recentAsyncActions: {
+            asyncacitonid: string;
+            asyncacitonname: string;
+            fulltopictag: string;
+            srfdcid: string;
+            dcsystemid: string;
+            actiontype: string;
+            actionstate: 10 | 20 | 30 | 40;
+            actionresult?: unknown;
+            stepinfo?: string | undefined;
+            completionrate?: number | undefined;
+            asyncresultdownloadurl?: string | undefined;
+            actionparam?: unknown;
+            actionparam2?: unknown;
+            actionparam3?: unknown;
+            actionparam4?: unknown;
+            begintime: string;
+            endtime: string;
+            createman: string;
+            createdate: string;
+            updateman: string;
+            updatedate: string;
+        }[];
+    };
 }, never>>;
 //# sourceMappingURL=app-store.d.ts.map

package/es/util/store/app-store/app-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-store.d.ts","sourceRoot":"","sources":["../../../../src/util/store/app-store/app-store.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;CAAG;AAE7B,eAAO,MAAM,WAAW;;;;;;UAItB,CAAC"}
+{"version":3,"file":"app-store.d.ts","sourceRoot":"","sources":["../../../../src/util/store/app-store/app-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAY,GAAG,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,WAAW,SAAS;IACxB,eAAe,EAAE,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC3C,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAUtB,CAAC"}

package/es/util/store/app-store/app-store.mjs

@@ -1,9 +1,16 @@
 import { defineStore } from 'pinia';
 import { reactive } from 'vue';
+import { useAsyncAction } from '../async-action/async-action.mjs';
 
 "use strict";
 const useAppStore = defineStore("appStore", () => {
-  const appStore = reactive({});
+  const { allAsyncActions, recentAsyncActions } = useAsyncAction();
+  const appStore = reactive({
+    allAsyncActions,
+    get recentAsyncActions() {
+      return recentAsyncActions.value;
+    }
+  });
   return { appStore };
 });
 

package/es/util/store/async-action/async-action.d.ts

@@ -0,0 +1,56 @@
+/**
+ * 使用异步操作消息
+ * @author lxm
+ * @date 2023-11-14 03:17:28
+ * @export
+ * @return {*}
+ */
+export declare function useAsyncAction(): {
+    allAsyncActions: import("vue").Ref<{
+        asyncacitonid: string;
+        asyncacitonname: string;
+        fulltopictag: string;
+        srfdcid: string;
+        dcsystemid: string;
+        actiontype: string;
+        actionstate: 10 | 20 | 30 | 40;
+        actionresult?: unknown;
+        stepinfo?: string | undefined;
+        completionrate?: number | undefined;
+        asyncresultdownloadurl?: string | undefined;
+        actionparam?: unknown;
+        actionparam2?: unknown;
+        actionparam3?: unknown;
+        actionparam4?: unknown;
+        begintime: string;
+        endtime: string;
+        createman: string;
+        createdate: string;
+        updateman: string;
+        updatedate: string;
+    }[]>;
+    recentAsyncActions: import("vue").ComputedRef<{
+        asyncacitonid: string;
+        asyncacitonname: string;
+        fulltopictag: string;
+        srfdcid: string;
+        dcsystemid: string;
+        actiontype: string;
+        actionstate: 10 | 20 | 30 | 40;
+        actionresult?: unknown;
+        stepinfo?: string | undefined;
+        completionrate?: number | undefined;
+        asyncresultdownloadurl?: string | undefined;
+        actionparam?: unknown;
+        actionparam2?: unknown;
+        actionparam3?: unknown;
+        actionparam4?: unknown;
+        begintime: string;
+        endtime: string;
+        createman: string;
+        createdate: string;
+        updateman: string;
+        updatedate: string;
+    }[]>;
+};
+//# sourceMappingURL=async-action.d.ts.map

package/es/util/store/async-action/async-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-action.d.ts","sourceRoot":"","sources":["../../../../src/util/store/async-action/async-action.ts"],"names":[],"mappings":"AA8BA;;;;;;GAMG;AACH,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2D7B"}

package/es/util/store/async-action/async-action.mjs

@@ -0,0 +1,62 @@
+import dayjs from 'dayjs';
+import { isNumber } from 'lodash-es';
+import { ref, computed, onUnmounted } from 'vue';
+
+"use strict";
+function formatAsyncAction(data) {
+  const dateFields = [
+    "begintime",
+    "endtime",
+    "createdate",
+    "updatedate"
+  ];
+  dateFields.forEach((key) => {
+    if (isNumber(data[key])) {
+      data[key] = dayjs(data[key]).format("YYYY-MM-DD HH:mm:ss");
+    }
+  });
+  return data;
+}
+function useAsyncAction() {
+  const allAsyncActions = ref([]);
+  const showLength = ref(0);
+  const recentAsyncActions = computed(() => {
+    return allAsyncActions.value.filter(
+      (_item, index) => index < showLength.value
+    );
+  });
+  const load = async () => {
+    const res = await ibiz.asyncAction.fetch();
+    allAsyncActions.value = res.data;
+  };
+  const asyncActionCallBack = (msg) => {
+    if (!msg.data || msg.subtype !== "ASYNCACTION") {
+      return;
+    }
+    const asyncAction = formatAsyncAction(msg.data);
+    const findIndex = allAsyncActions.value.findIndex(
+      (item) => item.asyncacitonid === asyncAction.asyncacitonid
+    );
+    if (findIndex !== -1) {
+      allAsyncActions.value.unshift(asyncAction);
+      showLength.value += 1;
+    } else {
+      const isShow = findIndex >= showLength.value;
+      if (isShow) {
+        allAsyncActions.value.splice(findIndex, 1);
+        allAsyncActions.value.unshift(asyncAction);
+        showLength.value += 1;
+      } else {
+        allAsyncActions.value.splice(findIndex, 1, asyncAction);
+      }
+    }
+  };
+  load();
+  ibiz.mc.command.asyncAction.on(asyncActionCallBack);
+  onUnmounted(() => {
+    ibiz.mc.command.asyncAction.off(asyncActionCallBack);
+  });
+  return { allAsyncActions, recentAsyncActions };
+}
+
+export { useAsyncAction };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-util",
-  "version": "0.2.18-dev.2",
+  "version": "0.3.0",
   "description": "vue3 工具包",
   "type": "module",
   "module": "es/index.mjs",
@@ -31,13 +31,14 @@
   "license": "MIT",
   "devDependencies": {
     "@ibiz-template/cli": "0.3.2",
-    "@ibiz-template/core": "^0.2.18-dev.1",
-    "@ibiz-template/runtime": "^0.2.18-dev.2",
-    "@ibiz-template/theme": "^0.2.13",
+    "@ibiz-template/core": "^0.3.0",
+    "@ibiz-template/runtime": "^0.3.0",
+    "@ibiz-template/theme": "^0.3.0",
     "@ibiz/model-core": "^0.0.20",
     "@types/path-browserify": "^1.0.2",
     "@types/qs": "^6.9.10",
     "@types/systemjs": "^6.13.5",
+    "dayjs": "^1.11.10",
     "path-browserify": "^1.0.1",
     "pinia": "^2.1.7",
     "qs": "^6.11.2",
@@ -51,6 +52,7 @@
     "@ibiz-template/core": "^0.2.13",
     "@ibiz-template/runtime": "^0.2.13",
     "@ibiz/model-core": "^0.0.20",
+    "dayjs": "^1.11.10",
     "path-browserify": "^1.0.1",
     "pinia": "^2.1.7",
     "qs": "^6.11.1",
@@ -59,5 +61,5 @@
     "vue": "^3.3.4",
     "vue-router": "^4.2.4"
   },
-  "gitHead": "1177197c30972b535b6ae8071720d589c4db756b"
+  "gitHead": "048f2b8e3e692cbc26b79dcea56e8d867e3e9c9f"
 }

package/src/panel-component/panel-field/panel-field.controller.ts

@@ -4,6 +4,7 @@ import {
   IEditorController,
   IEditorProvider,
   PanelItemController,
+  PanelItemEventName,
 } from '@ibiz-template/runtime';
 import { IPanelField } from '@ibiz/model-core';
 import { PanelFieldState } from './panel-field.state';
@@ -126,5 +127,48 @@ export class PanelFieldController
     if (this.dataParent.setDataValue) {
       await this.dataParent.setDataValue(name!, value);
     }
+    this.panel.evt.emit('onPanelItemEvent', {
+      panelItemName: this.model.id!,
+      panelItemEventName: PanelItemEventName.CHANGE,
+    });
+  }
+
+  /**
+   * 聚焦事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onFocus(event: MouseEvent): void {
+    this.panel.evt.emit('onPanelItemEvent', {
+      panelItemName: this.model.id!,
+      panelItemEventName: PanelItemEventName.FOCUS,
+      event,
+    });
+  }
+
+  /**
+   * 失焦事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onBlur(event: MouseEvent): void {
+    this.panel.evt.emit('onPanelItemEvent', {
+      panelItemName: this.model.id!,
+      panelItemEventName: PanelItemEventName.BLUR,
+      event,
+    });
+  }
+
+  /**
+   * 回车事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onEnter(event: MouseEvent): void {
+    this.panel.evt.emit('onPanelItemEvent', {
+      panelItemName: this.model.id!,
+      panelItemEventName: PanelItemEventName.ENTER,
+      event,
+    });
   }
 }

package/src/panel-component/panel-field/panel-field.tsx

@@ -49,6 +49,9 @@ export const PanelField = defineComponent({
         class: this.ns.b('content'),
         readonly: this.controller.model.editor!.readOnly,
         onChange: this.onValueChange,
+        onFocus: (event: MouseEvent) => this.controller.onFocus(event),
+        onBlur: (event: MouseEvent) => this.controller.onBlur(event),
+        onEnter: (event: MouseEvent) => this.controller.onEnter(event),
       };
       if (this.$slots.default) {
         editor = this.$slots.default(editorProps);

package/src/props/editor/common.ts

@@ -34,7 +34,7 @@ export function getEditorProps<C>() {
  * 获取编辑器通用emits
  *
  * @author lxm
- * @date 2022-11-01 19:11:04
+ * @date 2022-11-03 19:11:04
  * @export
  * @template V
  * @returns {*}
@@ -44,9 +44,11 @@ export function getEditorEmits<V>() {
     /** 值变更事件 */
     change: (_value: V, _name?: string) => true,
     /** 失焦事件 */
-    blur: () => true,
+    blur: (_event?: IData) => true,
     /** 聚焦事件 */
-    focus: () => true,
+    focus: (_event?: IData) => true,
+    /** 回车事件 */
+    enter: (_event?: IData) => true,
   };
 }
 

package/src/util/store/app-store/app-store.ts

@@ -1,10 +1,21 @@
+import { IPortalAsyncAction } from '@ibiz-template/core';
 import { defineStore } from 'pinia';
-import { reactive } from 'vue';
+import { reactive, Ref } from 'vue';
+import { useAsyncAction } from '../async-action/async-action';
 
-export interface IAppStore {}
+export interface IAppStore {
+  allAsyncActions: Ref<IPortalAsyncAction[]>;
+  recentAsyncActions: IPortalAsyncAction[];
+}
 
 export const useAppStore = defineStore('appStore', () => {
-  const appStore = reactive<IAppStore>({});
+  const { allAsyncActions, recentAsyncActions } = useAsyncAction();
+  const appStore = reactive<IAppStore>({
+    allAsyncActions,
+    get recentAsyncActions() {
+      return recentAsyncActions.value;
+    },
+  });
 
   return { appStore };
 });

package/src/util/store/async-action/async-action.ts

@@ -0,0 +1,97 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+
+import { IPortalAsyncAction, IPortalMessage } from '@ibiz-template/core';
+import dayjs from 'dayjs';
+import { isNumber } from 'lodash-es';
+import { computed, onUnmounted, ref } from 'vue';
+
+/**
+ * 格式化数据
+ * @author lxm
+ * @date 2023-11-14 09:02:49
+ * @param {IPortalAsyncAction} data
+ * @return {*}  {IPortalAsyncAction}
+ */
+function formatAsyncAction(data: IPortalAsyncAction): IPortalAsyncAction {
+  // 处理时间日期为毫秒值时，转换成字符串。
+  const dateFields = [
+    'begintime',
+    'endtime',
+    'createdate',
+    'updatedate',
+  ] as const;
+  dateFields.forEach(key => {
+    if (isNumber(data[key])) {
+      data[key] = dayjs(data[key]).format('YYYY-MM-DD HH:mm:ss');
+    }
+  });
+  return data;
+}
+
+/**
+ * 使用异步操作消息
+ * @author lxm
+ * @date 2023-11-14 03:17:28
+ * @export
+ * @return {*}
+ */
+export function useAsyncAction() {
+  /** 所有消息数据 */
+  const allAsyncActions = ref<IPortalAsyncAction[]>([]);
+  /** 显示的长度 */
+  const showLength = ref(0);
+
+  /** 显示的消息数据 */
+  const recentAsyncActions = computed(() => {
+    return allAsyncActions.value.filter(
+      (_item, index) => index < showLength.value,
+    );
+  });
+
+  const load = async () => {
+    const res = await ibiz.asyncAction.fetch();
+    allAsyncActions.value = res.data;
+  };
+
+  /**
+   * 异步消息变更回调处理
+   * @author lxm
+   * @date 2023-11-14 03:53:08
+   */
+  const asyncActionCallBack = (msg: IPortalMessage) => {
+    if (!msg.data || msg.subtype !== 'ASYNCACTION') {
+      return;
+    }
+    const asyncAction = formatAsyncAction(msg.data as IPortalAsyncAction);
+    const findIndex = allAsyncActions.value.findIndex(
+      item => item.asyncacitonid === asyncAction.asyncacitonid,
+    );
+    if (findIndex !== -1) {
+      // 不存在的数据补充到最开始，并显示长度加一
+      allAsyncActions.value.unshift(asyncAction);
+      showLength.value += 1;
+    } else {
+      const isShow = findIndex >= showLength.value;
+      // 找的到但是不在显示列表里,移到开头，并增加长度
+      if (isShow) {
+        allAsyncActions.value.splice(findIndex, 1);
+        allAsyncActions.value.unshift(asyncAction);
+        showLength.value += 1;
+      } else {
+        allAsyncActions.value.splice(findIndex, 1, asyncAction);
+      }
+    }
+  };
+
+  // *初始化操作
+  load();
+
+  // 监听异步操作消息变更
+  ibiz.mc.command.asyncAction.on(asyncActionCallBack);
+  // 销毁时删除监听
+  onUnmounted(() => {
+    ibiz.mc.command.asyncAction.off(asyncActionCallBack);
+  });
+
+  return { allAsyncActions, recentAsyncActions };
+}