@ibiz-template/vue3-components 0.7.41-alpha.17 → 0.7.41-alpha.18

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.util.d.ts

@@ -1,6 +1,15 @@
 import { IAppFunc, IAppMenuItem } from '@ibiz/model-core';
 import { Router } from 'vue-router';
+import { IRoutePathNode } from '@ibiz-template/vue3-util';
+import { IAppMenuController } from '@ibiz-template/runtime';
 import { BreadcrumbMsg } from './nav-breadcrumb.state';
+/**
+ * @description 获取首页视图名称
+ * @export
+ * @param {IContext} context
+ * @returns {*}  {string}
+ */
+export declare function getAppIndexViewName(context: IContext): string;
 /**
  * @description 获取首页导航信息
  * @export
@@ -36,4 +45,20 @@ export declare function getCurViewName(router: Router): string;
  * @param {string} viewName
  * @return {*}  {(IData | undefined)}
  */
-export declare function getViewInfoByViewStack(viewName: string): IData | undefined;
+export declare function getViewInfoByViewStack(viewName: string, context: IContext): IData | undefined;
+/**
+ * @description 获取菜单标识
+ * @export
+ * @param {IRoutePathNode[]} pathNodes
+ * @returns {*}  {string}
+ */
+export declare function getMenuTag(pathNodes: IRoutePathNode[]): string;
+/**
+ * @description 根据标识获取菜单数据
+ * @export
+ * @param {string} tag
+ * @param {IAppMenuController} appMenu
+ * @param {IContext} context
+ * @returns {*}  {Promise<IData>}
+ */
+export declare function getMenuItemByTag(tag: string, appMenu: IAppMenuController, context: IContext): Promise<IData | undefined>;

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.util.mjs

@@ -2,12 +2,23 @@ import { route2routePath } from '@ibiz-template/vue3-util';
 import { RouteConst } from '@ibiz-template/runtime';
 
 "use strict";
+function getAppIndexViewName(context) {
+  const targetAppModel = ibiz.hub.getAppSourceModel(context.srfappid);
+  if (targetAppModel.getDefaultPSAppIndexView) {
+    const view = targetAppModel.getDefaultPSAppIndexView;
+    const name = view.path.split("/").pop().replace(".json", "");
+    return name;
+  }
+  return ibiz.hub.defaultAppIndexViewName;
+}
 function getIndexBreadcrumb(context) {
   const app = ibiz.hub.getApp(context.srfappid);
   const caption = app.model.caption;
+  const indexViewName = getAppIndexViewName(context);
   return {
-    viewName: ibiz.hub.defaultAppIndexViewName,
+    viewName: indexViewName,
     fullPath: "/",
+    type: "default",
     caption
   };
 }
@@ -48,7 +59,7 @@ function getCurViewName(router) {
   const routePath = route2routePath(currentRoute.value);
   return ((_a = routePath.pathNodes.pop()) == null ? void 0 : _a.viewName) || "";
 }
-function getViewInfoByViewStack(viewName) {
+function getViewInfoByViewStack(viewName, context) {
   if (viewName === RouteConst.ROUTE_MODAL_TAG) {
     return {
       viewName,
@@ -56,18 +67,51 @@ function getViewInfoByViewStack(viewName) {
       isModal: true
     };
   }
-  const view = ibiz.util.viewStack.getViewByCodeName(viewName);
+  const view = ibiz.appUtil.viewCacheCenter.get(viewName);
+  const indexViewName = getAppIndexViewName(context);
   if (view) {
     let isEmbed = false;
-    if (view.parentView && view.parentView.model.codeName !== ibiz.hub.defaultAppIndexViewName) {
+    if (view.parentView && view.parentView.model.codeName !== indexViewName) {
       isEmbed = true;
     }
-    return {
+    const data = view.state.srfactiveviewdata;
+    const result = {
       viewName: view.model.codeName,
       caption: view.model.caption,
       isEmbed
     };
+    if (data && data.srfkey) {
+      Object.assign(result, { dataInfo: data.srfmajortext || "" });
+    }
+    return result;
+  }
+}
+function getMenuTag(pathNodes) {
+  var _a;
+  if (pathNodes.length > 1) {
+    return ((_a = pathNodes[1].params) == null ? void 0 : _a.srfmenuitem) || "";
+  }
+  return "";
+}
+async function getMenuItemByTag(tag, appMenu, context) {
+  var _a;
+  if (!tag) {
+    return;
+  }
+  const menuItem = appMenu.allAppMenuItems.find((x) => x.id === tag);
+  if (menuItem) {
+    const app = ibiz.hub.getApp(context.srfappid);
+    const appFunc = app.getAppFunc(menuItem.appFuncId);
+    const viewName = ((_a = appFunc.appViewId) == null ? void 0 : _a.split(".").pop()) || "";
+    const viewConfig = await ibiz.hub.config.view.get(viewName);
+    return {
+      tag,
+      viewName,
+      viewConfig,
+      appFunc,
+      menuItem
+    };
   }
 }
 
-export { getAppFuncByViewName, getCurViewName, getIndexBreadcrumb, getMenuItemsByAppFunc, getViewInfoByViewStack };
+export { getAppFuncByViewName, getAppIndexViewName, getCurViewName, getIndexBreadcrumb, getMenuItemByTag, getMenuItemsByAppFunc, getMenuTag, getViewInfoByViewStack };

package/es/panel-component/user-message/async-action/async-data-export/async-data-export.d.ts

@@ -18,6 +18,7 @@ export declare const AsyncDataExport: import("vue").DefineComponent<{
         beginTime: string;
         endTime: string;
         fileUrl: string;
+        fileName: string;
         isFinish: boolean;
     };
     onClose: () => void;

package/es/panel-component/user-message/async-action/async-data-export/async-data-export.mjs

@@ -29,6 +29,7 @@ const AsyncDataExport = /* @__PURE__ */ defineComponent({
       beginTime: "",
       endTime: "",
       fileUrl: "",
+      fileName: "",
       isFinish: false
     });
     info.title = ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.exportDetailPrompt", {
@@ -39,6 +40,7 @@ const AsyncDataExport = /* @__PURE__ */ defineComponent({
     if (props.asyncAction.asyncresultdownloadurl) {
       const asyncResultDownloadObj = JSON.parse(props.asyncAction.asyncresultdownloadurl);
       info.fileUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.downloadFileUrl, "/").concat(asyncResultDownloadObj.folder, "/").concat(asyncResultDownloadObj.fileid).replace("/{cat}", "");
+      info.fileName = asyncResultDownloadObj.filename;
     }
     if (!finishedStates.includes(props.asyncAction.actionstate)) {
       info.isFinish = false;
@@ -46,7 +48,7 @@ const AsyncDataExport = /* @__PURE__ */ defineComponent({
       info.isFinish = true;
     }
     const onDownLoad = () => {
-      ibiz.util.file.fileDownload(info.fileUrl);
+      ibiz.util.file.fileDownload(info.fileUrl, info.fileName);
     };
     return {
       ns,

package/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.17_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.18_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

package/es/view-engine/calendar-exp-view.engine.d.ts

@@ -1,6 +1,7 @@
-import { ViewController, ViewEngineBase, ICalendarExpBarController, ICalendarExpViewEvent, ICalendarExpViewState } from '@ibiz-template/runtime';
+import { ViewController, ICalendarExpViewEvent, ICalendarExpViewState } from '@ibiz-template/runtime';
 import { IAppDECalendarExplorerView } from '@ibiz/model-core';
-export declare class CalendarExpViewEngine extends ViewEngineBase {
+import { ExpViewEngine } from './exp-view.engine';
+export declare class CalendarExpViewEngine extends ExpViewEngine {
     /**
      * 日历导航视图控制器
      *
@@ -14,12 +15,10 @@ export declare class CalendarExpViewEngine extends ViewEngineBase {
      */
     protected view: ViewController<IAppDECalendarExplorerView, ICalendarExpViewState, ICalendarExpViewEvent>;
     /**
-     * 树导航栏
-     *
+     * @description 导航栏部件名称
      * @readonly
+     * @type {string}
      * @memberof CalendarExpViewEngine
      */
-    get calendarExpBar(): ICalendarExpBarController;
-    onCreated(): Promise<void>;
-    onMounted(): Promise<void>;
+    get expBarName(): string;
 }

package/es/view-engine/calendar-exp-view.engine.mjs

@@ -1,33 +1,15 @@
-import { ViewEngineBase } from '@ibiz-template/runtime';
+import { ExpViewEngine } from './exp-view.engine.mjs';
 
 "use strict";
-class CalendarExpViewEngine extends ViewEngineBase {
+class CalendarExpViewEngine extends ExpViewEngine {
   /**
-   * 树导航栏
-   *
+   * @description 导航栏部件名称
    * @readonly
+   * @type {string}
    * @memberof CalendarExpViewEngine
    */
-  get calendarExpBar() {
-    return this.view.getController(
-      "calendarexpbar"
-    );
-  }
-  async onCreated() {
-    await super.onCreated();
-    const { childNames } = this.view;
-    childNames.push("calendarexpbar");
-    if (!this.view.slotProps.calendarexpbar) {
-      this.view.slotProps.calendarexpbar = {};
-    }
-    this.view.slotProps.calendarexpbar.srfnav = this.view.state.srfnav;
-  }
-  async onMounted() {
-    await super.onMounted();
-    const { model } = this.view;
-    if (!this.view.state.noLoadDefault && model.loadDefault) {
-      this.calendarExpBar.load();
-    }
+  get expBarName() {
+    return "calendarexpbar";
   }
 }
 

package/es/view-engine/edit-view.engine.d.ts

@@ -56,6 +56,17 @@ export declare class EditViewEngine extends DEMainViewEngine {
      * @memberof EditViewEngine
      */
     saveAndNew(): Promise<void>;
+    /**
+     * @description 取消变更
+     * @param {({
+     *       targetState: 'INIT' | 'UNDO' | 'REDO';
+     *     })} [_args={ targetState: 'INIT' }] 目标状态，初始化状态|撤销上一步操作|重做下一步操作
+     * @returns {*}  {Promise<void>}
+     * @memberof EditViewEngine
+     */
+    cancelChanges(_args?: {
+        targetState: 'INIT' | 'UNDO' | 'REDO';
+    }): Promise<void>;
     /**
      * 工作流启动
      *

package/es/view-engine/edit-view.engine.mjs

@@ -261,6 +261,18 @@ class EditViewEngine extends DEMainViewEngine {
     this.view.context[calcDeCodeNameById(this.view.model.appDataEntityId)] = void 0;
     await this.form.load();
   }
+  /**
+   * @description 取消变更
+   * @param {({
+   *       targetState: 'INIT' | 'UNDO' | 'REDO';
+   *     })} [_args={ targetState: 'INIT' }] 目标状态，初始化状态|撤销上一步操作|重做下一步操作
+   * @returns {*}  {Promise<void>}
+   * @memberof EditViewEngine
+   */
+  async cancelChanges(_args = { targetState: "INIT" }) {
+    await super.cancelChanges(_args);
+    await this.form.cancelChanges(_args.targetState);
+  }
   /**
    * 工作流启动
    *

package/es/view-engine/login-view.engine.d.ts

@@ -37,6 +37,16 @@ export declare class LoginViewEngine extends ViewEngineBase {
     onDestroyed(): Promise<void>;
     call(key: keyof IApiLoginViewCall, args?: IData): Promise<IData | null | undefined>;
     login(args: IData): Promise<void>;
-    cancelChanges(): Promise<void>;
+    /**
+     * @description 取消变更
+     * @param {({
+     *       targetState: 'INIT' | 'UNDO' | 'REDO';
+     *     })} [_args={ targetState: 'INIT' }] 目标状态，初始化状态|撤销上一步操作|重做下一步操作
+     * @returns {*}  {Promise<void>}
+     * @memberof LoginViewEngine
+     */
+    cancelChanges(_args?: {
+        targetState: 'INIT' | 'UNDO' | 'REDO';
+    }): Promise<void>;
     private enterKeyListener;
 }

package/es/view-engine/login-view.engine.mjs

@@ -66,10 +66,6 @@ class LoginViewEngine extends ViewEngineBase {
       await this.login(args);
       return null;
     }
-    if (key === SysUIActionTag.CANCEL_CHANGES) {
-      await this.cancelChanges();
-      return null;
-    }
     return super.call(key, args);
   }
   async login(args) {
@@ -119,7 +115,15 @@ class LoginViewEngine extends ViewEngineBase {
       }
     }
   }
-  async cancelChanges() {
+  /**
+   * @description 取消变更
+   * @param {({
+   *       targetState: 'INIT' | 'UNDO' | 'REDO';
+   *     })} [_args={ targetState: 'INIT' }] 目标状态，初始化状态|撤销上一步操作|重做下一步操作
+   * @returns {*}  {Promise<void>}
+   * @memberof LoginViewEngine
+   */
+  async cancelChanges(_args = { targetState: "INIT" }) {
     if (this.view.layoutPanel) {
       Object.keys(this.view.layoutPanel.panelItems).forEach((key) => {
         const controller = this.view.layoutPanel.panelItems[key];

package/es/view-engine/mpickup-view-engine.d.ts

@@ -1,4 +1,4 @@
-import { ViewController, IMPickupViewState, IMPickupViewEvent, IListController, IApiMPickupViewCall } from '@ibiz-template/runtime';
+import { ViewController, IListController, IMPickupViewState, IMPickupViewEvent, IApiMPickupViewCall } from '@ibiz-template/runtime';
 import { IAppDEPickupView } from '@ibiz/model-core';
 import { PickupViewEngine } from './pickup-view.engine';
 /**
@@ -109,6 +109,13 @@ export declare class MPickupViewEngine extends PickupViewEngine {
      * @memberof MPickupViewEngine
      */
     protected removeSelection(): void;
+    /**
+     * @description 设置选中数据
+     * @protected
+     * @param {IData[]} items
+     * @memberof MPickupViewEngine
+     */
+    protected setSelectedData(items: IData[]): void;
     /**
      * 提交
      *

package/es/view-engine/mpickup-view-engine.mjs

@@ -33,10 +33,6 @@ class MPickupViewEngine extends PickupViewEngine {
     }
     const { childNames } = this.view;
     childNames.push("simplelist");
-    if (this.view.params.selecteddata) {
-      this.selectData = JSON.parse(this.view.params.selecteddata);
-      delete this.view.params.selecteddata;
-    }
     if (!this.view.slotProps.simplelist) {
       this.view.slotProps.simplelist = {};
     }
@@ -61,7 +57,7 @@ class MPickupViewEngine extends PickupViewEngine {
     this.simpleList.evt.on("onActive", (event) => {
       this.simpleListActive(event.data);
     });
-    this.simpleList.setData(this.selectData);
+    this.setSelectedData(this.selectData);
   }
   async call(key, args) {
     if (key === SysUIActionTag.CANCEL) {
@@ -117,7 +113,7 @@ class MPickupViewEngine extends PickupViewEngine {
         items.splice(index, 1);
       }
     });
-    this.simpleList.setData(items);
+    this.setSelectedData(items);
   }
   /**
    * 添加选中
@@ -142,7 +138,7 @@ class MPickupViewEngine extends PickupViewEngine {
     const allData = this.simpleList.getAllData();
     const items = [...allData, ...data];
     const uniqueItems = this.handleUniqueItems(items);
-    this.simpleList.setData(uniqueItems);
+    this.setSelectedData(uniqueItems);
   }
   /**
    * 去重数组
@@ -178,7 +174,7 @@ class MPickupViewEngine extends PickupViewEngine {
    * @memberof MPickupViewEngine
    */
   removeAll() {
-    this.simpleList.setData([]);
+    this.setSelectedData([]);
   }
   /**
    * 删除选中
@@ -198,6 +194,16 @@ class MPickupViewEngine extends PickupViewEngine {
         items.splice(index, 1);
       }
     });
+    this.setSelectedData(items);
+  }
+  /**
+   * @description 设置选中数据
+   * @protected
+   * @param {IData[]} items
+   * @memberof MPickupViewEngine
+   */
+  setSelectedData(items) {
+    super.setSelectedData(items);
     this.simpleList.setData(items);
   }
   /**

package/es/view-engine/pickup-view.engine.d.ts

@@ -1,4 +1,4 @@
-import { ViewEngineBase, ViewController, IPickupViewPanelController, IPickupViewState, IPickupViewEvent, IApiPickupViewCall } from '@ibiz-template/runtime';
+import { ViewEngineBase, ViewController, IPickupViewState, IPickupViewEvent, IApiPickupViewCall, IPickupViewPanelController } from '@ibiz-template/runtime';
 import { IAppDEPickupView } from '@ibiz/model-core';
 export declare class PickupViewEngine extends ViewEngineBase {
     /**
@@ -37,6 +37,13 @@ export declare class PickupViewEngine extends ViewEngineBase {
      * @memberof PickupViewEngine
      */
     onMounted(): Promise<void>;
+    /**
+     * @description 设置选中数据
+     * @protected
+     * @param {IData[]} items
+     * @memberof PickupViewEngine
+     */
+    protected setSelectedData(items: IData[]): void;
     /**
      *  选则面板激活数据
      *

package/es/view-engine/pickup-view.engine.mjs

@@ -39,6 +39,10 @@ class PickupViewEngine extends ViewEngineBase {
     await super.onCreated();
     const { childNames } = this.view;
     childNames.push("pickupviewpanel");
+    if (this.view.params.selecteddata) {
+      this.selectData = JSON.parse(this.view.params.selecteddata);
+      delete this.view.params.selecteddata;
+    }
   }
   /**
    * 视图mounted生命周期执行逻辑
@@ -55,6 +59,17 @@ class PickupViewEngine extends ViewEngineBase {
     this.pickupViewPanel.evt.on("onDataActive", (event) => {
       this.pickupViewPanelDataActive(event.data);
     });
+    this.setSelectedData(this.selectData);
+  }
+  /**
+   * @description 设置选中数据
+   * @protected
+   * @param {IData[]} items
+   * @memberof PickupViewEngine
+   */
+  setSelectedData(items) {
+    this.selectData = items;
+    this.pickupViewPanel.setSelectedData(items);
   }
   /**
    *  选则面板激活数据

package/lib/common/control-navigation/provider/calendar-navigation.provider.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var dayjs = require('dayjs');
 var navigationBase_provider = require('./navigation-base.provider.cjs');
 
 "use strict";
@@ -19,7 +20,8 @@ class CalendarNavigationProvider extends navigationBase_provider.NavgationBasePr
     const navData = this.navStack.map((key) => items.find((item) => item.navId === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
       const date = new Date(navData.beginTime);
-      this.controller.setSelectDate(date);
+      if (dayjs(date).isValid())
+        this.controller.setSelectDate(date);
       this.controller.setNavData(navData);
     } else {
       this.navStack = [];

package/lib/common/control-navigation/provider/index.cjs

@@ -10,7 +10,7 @@ function getNavigationProvider(controller) {
   const { controlType } = controller.model;
   if (controlType === "CALENDAR")
     return new calendarNavigation_provider.CalendarNavigationProvider(controller);
-  if (controlType === "TREEVIEW")
+  if (controlType === "TREEVIEW" || controlType === "TREEGRIDEX")
     return new treeNavigation_provider.TreeNavigationProvider(controller);
   if (controlType === "MAP")
     return new mapNavigation_provider.MapNavigationProvider(controller);

package/lib/common/control-navigation/provider/map-navigation.provider.cjs

@@ -14,6 +14,19 @@ class MapNavigationProvider extends navigationBase_provider.NavgationBaseProvide
     super(...arguments);
     __publicField(this, "keyName", "id");
   }
+  /**
+   * @description 导航数据变化
+   * @param {IMapEvent['onNavDataChange']['event']} event
+   * @memberof MapNavigationProvider
+   */
+  onNavDataChange(event) {
+    var _a;
+    const { navData } = event;
+    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData._id) {
+      this.navStack.unshift(navData[this.keyName]);
+      this.navViewMsg.value = this.getNavViewMsg(navData);
+    }
+  }
   onNavDataByStack() {
     const { items } = this.controller.state;
     const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || items[0];
@@ -25,15 +38,21 @@ class MapNavigationProvider extends navigationBase_provider.NavgationBaseProvide
     }
   }
   getNavViewMsg(item) {
+    var _a;
     const { sysMapItems } = this.model;
+    const { areaCode, areaLevel } = item;
     const itemModel = sysMapItems == null ? void 0 : sysMapItems.find((_item) => _item.id === item._mapItemId);
     if (itemModel) {
       const { context, params } = this.prepareParams(
         itemModel,
-        item._deData,
+        { ...item._deData, areaCode, areaLevel },
         this.controller.context,
         this.controller.params
       );
+      if ((_a = itemModel.itemStyle) == null ? void 0 : _a.startsWith("REGION")) {
+        params.srfareacode = areaCode;
+        params.srfarealevel = areaLevel;
+      }
       return {
         params,
         context,

package/lib/common/map-chart-user/map-chart-user.cjs

@@ -6,6 +6,8 @@ var vue = require('vue');
 var ramda = require('ramda');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
+var lodashEs = require('lodash-es');
 var mapChartUser_util = require('./map-chart-user.util.cjs');
 var mapUserManager = require('./map-user-manager.cjs');
 require('./map-chart-user.css');
@@ -33,6 +35,8 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("map-chart-user");
     const c = props.controller;
     let option = mapChartUser_util.defaultOpts;
+    const mapRef = vue.ref();
+    const isFull = vue.ref(false);
     if (c.controlParams.defaultopts) {
       const data = JSON.parse(c.controlParams.defaultopts);
       option = ramda.mergeDeepLeft(data, option);
@@ -42,9 +46,12 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
         return ramda.isNil(z) ? x : z;
       }, option, props.options);
     });
+    let cleanup = core.NOOP;
     const {
       chartRef,
       historyNames,
+      processing,
+      areaLevelMap,
       changeMap,
       getCityInfo,
       goBack
@@ -58,13 +65,21 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
         ...mapChartUser_util.getPointStaticOption(options.value),
         ...mapChartUser_util.getPointOption(pointData, areaData)
       };
+      const {
+        top,
+        bottom
+      } = options.value;
       const areaOption = {
+        top,
+        bottom,
         ...mapChartUser_util.getAreaStaticOption(options.value),
         ...mapChartUser_util.getAreaOption(mapName, pointData, areaData, cityInfo)
       };
       const result = {
         geo: {
-          map: mapName
+          map: mapName,
+          top,
+          bottom
         },
         tooltip,
         visualMap,
@@ -82,24 +97,85 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       const areaCode = c.state.strAreaCode ? "".concat(name) : Number(name);
       c.state.areaCode = areaCode;
       changeMap(name, areaCode, true);
+      c.evt.on("onDrillDown", async (args) => {
+        if (!processing.value) {
+          const {
+            data
+          } = args;
+          const code = data.areaCode;
+          const curAreaCode = c.state.strAreaCode ? "".concat(code) : Number(code);
+          const areaLevel = areaLevelMap.get(lodashEs.toNumber(curAreaCode)) || "";
+          c.state.areaCode = curAreaCode;
+          c.state.areaLevel = areaLevel;
+          await changeMap(code, code);
+        }
+      });
+      c.evt.on("onBackClick", () => {
+        if (!processing.value) {
+          goBack();
+        }
+      });
+      cleanup = core.listenJSEvent(window, "resize", () => {
+        if (isFull.value) {
+          isFull.value = ibiz.fullscreenUtil.isFullScreen;
+        }
+      });
     });
+    vue.onBeforeUnmount(() => {
+      if (cleanup !== core.NOOP) {
+        cleanup();
+      }
+    });
+    const onBack = async () => {
+      processing.value = true;
+      await c.evt.emit("onBackClick", void 0);
+      goBack();
+      processing.value = false;
+    };
+    const toggleFullScreen = () => {
+      if (mapRef.value) {
+        if (isFull.value) {
+          ibiz.fullscreenUtil.closeElementFullscreen();
+        } else {
+          ibiz.fullscreenUtil.openElementFullscreen(mapRef.value);
+        }
+        isFull.value = !isFull.value;
+      }
+    };
     return {
       ns,
+      c,
+      mapRef,
       chartRef,
       historyNames,
-      goBack
+      isFull,
+      onBack,
+      toggleFullScreen
     };
   },
   render() {
+    const {
+      enabledFullScreen
+    } = this.c.state;
     return vue.createVNode("div", {
-      "class": this.ns.b()
-    }, [vue.createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "mapRef"
+    }, [enabledFullScreen ? vue.createVNode(vue.resolveComponent("el-button"), {
+      "type": "info",
+      "class": this.ns.e("fullscreen"),
+      "onClick": this.toggleFullScreen,
+      "title": this.isFull ? ibiz.i18n.t("app.cancelFullscreen") : ibiz.i18n.t("app.fullscreen")
+    }, {
+      default: () => [vue.createVNode("ion-icon", {
+        "name": this.isFull ? "contract-outline" : "expand-outline"
+      }, null)]
+    }) : null, vue.createVNode("div", {
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && vue.createVNode("div", {
       "class": this.ns.e("goback"),
       "onClick": () => {
-        this.goBack();
+        this.onBack();
       }
     }, [ibiz.i18n.t("app.return")])]);
   }

package/lib/common/map-chart-user/map-chart-user.css

@@ -1 +1 @@
-.ibiz-map-chart-user{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-link);text-decoration:underline;letter-spacing:6px;cursor:pointer}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-base)}
+.ibiz-map-chart-user{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-link);text-decoration:underline;letter-spacing:6px;cursor:pointer}.ibiz-map-chart-user__fullscreen{position:absolute;top:var(--ibiz-spacing-tight);right:var(--ibiz-spacing-tight);z-index:9}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-tight)}